Siteoly Docs
  • Siteoly
  • Create Website
    • Getting started
    • Layout basics
  • How To
    • How to create a new project/website?
  • Card Designs
    • Box Horizontal
    • Box Vertical
    • Box Vertical Modern
    • Box Vertical Wave
    • Box Simple
    • Box Square
    • Modern
    • Circles
    • See all designs
  • Sheets - Getting started
    • Basics
    • Site Settings
    • Default Settings
    • NavBar
    • Header
    • Body
    • Body-Cards
    • Filters
    • Body-Text
    • Detailed Pages
    • Footer
    • Other Settings
    • Advanced Settings
    • Playground
    • Dont Edit
  • Integrations
    • Google Analytics
    • Crisp chat
    • Drift chat
    • Intercom
    • Pop up
    • How to add EngageBay form to header in homepage?
  • Sample websites
    • Modern Blog Sample
    • Sample 1
    • Sample 2
    • Job Board
    • Podcast Sample
    • Restaurant Sample
    • Real Estate Best Places
    • Product List
    • Affiliate Sample
    • Blog Sample
    • Pinterest Sample
    • Instagram Gallery Sample
    • Youtube Sample
    • Events List
    • Marketplace
    • App Listing
    • Nomad List
    • Books List
    • Modern List Sample
  • Basics
    • How does search bar work?
    • How to add more than 4 tags for cards?
    • How to turn off the search bar display on home page?
  • Advanced
    • Embed external Javascripts and CSS
    • How to connect to a custom domain?
    • How to add video to Detailed Pages?
    • How to use Google fonts?
    • Setting Pagination Size (cards per page) for cards display
    • List of CSS classes for custom CSS
    • Embed cards on external sites and internal sites
    • How to add Sitemap to submit to Google Search Console
    • How to configure Filter condition
    • Not seeing SSL certificate?
    • How to create and use Templates?
    • Power up search functionality with extra keywords
    • How to create custom '404' page?
    • Markdown support for Cards description
    • How to create Youtube style video listing websites?
    • Embed extra html/css/scripts into detailed page header for specific detailed pages
    • How to generate automated sitemaps for your website?
    • 'Bring Your Own Code' for dynamic content in Detailed Pages
    • Enable Authentication (Login/Logout)
    • Restrict Detailed Pages Access with Access Code
    • How to add video in Home Page under the Header?
    • How to disable Black Overlay for Header Image?
    • How to use Google Maps on the pages?
    • How to use Google Drive images for cards?
  • Billing
    • Plans & Subscriptions
  • FAQ
    • Not able to access the site after creating the site?
  • Legal
    • Privacy Policy
  • Life Time Deal
    • Life Time Deal
  • How to add Mailchimp URL?
Powered by GitBook
On this page
  • Follow below steps
  • Now goto app dashboard and click "Live Test" link to see latest changes.
  • Advantages

Was this helpful?

  1. Advanced

How to create Youtube style video listing websites?

PreviousMarkdown support for Cards descriptionNextEmbed extra html/css/scripts into detailed page header for specific detailed pages

Last updated 4 years ago

Was this helpful?

This page explains about - "How to create Youtube style video listing websites using Siteoly?"

This feature is available in only paid plans.

Here is the for reference and here is the for reference

Follow below steps

  1. Create a Siteoly Project (just like any other project) with one of Siteoly's Google sheet

  2. Open the Google Sheet used for this project and goto 'Body-Cards' sheet

  3. In 'Body-Cards' sheet, update Column E with required Youtube link or mp4 link or webm video link. Do the same for every row.

  4. Goto 'Body' sheet and update Row 16 (against Layout Template) , column B by selecting 'Video Template 1' from the dropdown. If this value is not present in the dropdown, just manually enter the value 'Video Template 1'. (See below image for reference)

Advantages

  • You can just add video links to Google sheets

  • Supports Youtube links, mp4 links, webm links

  • Also you can embed these into external sites like Wordpress, Wix, Carrd or even in your own HTML

  • Search functionality

  • Filter functionality

  • External javascript and CSS support for customized styling.

  • Can be used for listing videos, podcasts, video courses or video reviews

  • All without writing any code

Now goto and click "Live Test" link to see latest changes.

Here is the for reference and here is the for reference.

app dashboard
sample Google sheet
sample site
sample Google sheet
sample site