Siteoly
Home
Search…
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 in header?
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
Markdown support for Cards description
How to create custom '404' page?
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
Billing
FAQ
Legal
Privacy Policy
Life Time Deal
Life Time Deal
How to add Mailchimp URL?
Powered By GitBook
How to create Youtube style video listing websites?
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 sample Google sheet for reference and here is the sample site for reference

Follow below steps

  1. 1.
    Create a Siteoly Project (just like any other project) with one of Siteoly's Google sheet
  2. 2.
    Open the Google Sheet used for this project and goto 'Body-Cards' sheet
  3. 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. 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)

Here is the sample Google sheet for reference and here is the sample site 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
Advanced - Previous
How to create custom '404' page?
Next - Advanced
Embed extra html/css/scripts into detailed page header for specific detailed pages
Last modified 8mo ago
Copy link
Contents
Follow below steps
Now goto app dashboard and click "Live Test" link to see latest changes.
Advantages