How can I have only certain items in a CMS Collection repeat on multiple pages using filters in Webflow?

Published on
September 22, 2023

To have only certain items in a CMS Collection repeat on multiple pages using filters in Webflow, you can follow these steps:

  1. Create a CMS Collection: First, go to the CMS Collections tab and create a collection that will hold all the items you want to display on multiple pages. Give the collection a meaningful name.

  2. Add fields to the collection: Decide on the information you want to display for each item and create fields accordingly. For example, if you're creating a blog collection, you might have fields like "Title," "Author," "Image," and "Content."

  3. Populate the collection: Add items to your CMS Collection by filling out the necessary fields for each item. Make sure to include all the items you want to repeat on multiple pages.

  4. Design your Collection Page: Go to the Pages tab and create a new Collection Page for the collection you just created. Design the layout of this page, making sure to include the dynamic fields from the collection that you want to display. For example, if you want to display the title and image of each item, include the dynamic fields for those on the page.

  5. Add the Collection List element: Drag and drop a Collection List element onto your collection page. This element will dynamically display the items from your CMS Collection.

  6. Apply filters: In the Collection List settings panel, you can use filters to determine which items from your collection should be displayed on this page. For example, you can filter by category, tag, or any other field you have added to your collection.

  7. Publish the website: Once you're done designing and configuring the collection page, publish your website to make the changes live.

By following these steps, you can have only certain items in a CMS Collection repeat on multiple pages using filters in Webflow. This allows for a flexible and dynamic way to display specific content across your website.

Additional Questions:

  1. How do I filter CMS Collections in Webflow?
  2. Can I have different filters on different pages using CMS Collections in Webflow?
  3. Is it possible to create custom filters for CMS Collections in Webflow?