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

Tips Published on

Note FlowSuggest is not affiliated with Webflow. For official help, visit the Webflow community.

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?