How do I display featured posts from the videos-blog page on the main home page in Webflow?

Published on
September 22, 2023

To display featured posts from the videos-blog page on the main home page in Webflow, you can follow these steps:

  1. Create a Collection:
  • Go to your Webflow dashboard and navigate to the "Collections" tab.
  • Click on the "+Add Collection" button to create a new collection.
  • Name your collection (e.g., "Featured Videos"), set up the necessary fields (e.g., title, video embed code, thumbnail image), and save it.
  1. Add Collection items:
  • Click on the "Items" tab in your newly created collection.
  • Add the relevant videos you want to feature by clicking on the "+New Item" button.
  • Fill out the required fields for each video, including the video's title, embed code, and thumbnail image.
  1. Design the main home page:
  • Open your main home page in Webflow's designer.
  • Decide on the layout and design you want for your featured posts section.
  • Drag and drop a "Collection List" element onto your main home page where you want to display the featured posts.
  1. Connect the Collection List:
  • With the Collection List element selected, click on the "Choose Collection" dropdown in the settings panel.
  • Select the collection you created earlier (e.g., "Featured Videos").
  • Choose how you want to sort the featured posts (e.g., by creation date, title, etc.).
  • Set the number of posts you want to display in the Collection List.
  1. Customize the Collection List display:
  • Customize the appearance of the featured posts by adding and styling elements within the Collection List.
  • You can add a featured post title, the embedded video player, a thumbnail image, or any other element you desire.
  • Style the elements to match your website's design by utilizing Webflow's design options.
  1. Publish your changes:
  • Once you're satisfied with the design and layout of your featured posts section, publish your changes to make them live on your main home page.
  • Hit the "Publish" button in the top-right corner of Webflow's editor to deploy your updates.

Now, when you navigate to your main home page, you should be able to see the featured posts from your videos-blog collection listed exactly where you've placed the Collection List element.

Additional Questions:

  1. How do I create a Collection in Webflow?
  2. How do I add Collection items in Webflow?
  3. How do I customize the appearance of Collection List elements in Webflow?