How can I create a single dynamic list that features articles from multiple collections in Webflow without compromising the URL structure?

Published on
September 22, 2023

To create a single dynamic list that features articles from multiple collections in Webflow without compromising the URL structure, you can follow these steps:

  1. Create the collections: First, make sure you have all the necessary collections created in the Webflow CMS. Each collection should represent a different type of article.

  2. Set up the URL structures: It's important to plan and set up the URL structures for each collection beforehand. Make sure that each collection has a URL structure that is unique and descriptive of the content it represents. For example, you can use /blog/{slug} for the blog collection and /news/{slug} for the news collection.

  3. Design the collection pages: Create separate collection pages for each collection, using the respective URL structures. Customize the design of each collection page to match the content it represents.

  4. Create a dynamic list: On the page where you want to display the articles from multiple collections, add a dynamic list element. Choose the source as "All collections" or a specific collection. Select the desired sort order, filter criteria, and layout options.

  5. Configure the list items: Within the dynamic list, add the necessary elements to display the content of each article. These elements could include the title, thumbnail image, excerpt, author, and other relevant information. Customize the design of the list items as per your requirements.

  6. Link the list items to collection pages: In each list item, configure the link to point to the respective collection page. Use the appropriate URL structure for the corresponding collection so that the URL remains intact and consistent with the content shown.

  7. Repeat for other collections: If you want to include articles from multiple collections in the same list, repeat steps 4-6 for each collection you want to include.

By following these steps, you can create a single dynamic list that features articles from multiple collections while maintaining the proper URL structure specific to each collection. This ensures that your website's SEO and user experience are not compromised.

Additional questions:

  1. How do I create collections in Webflow?
  2. Can I create custom URL structures for my collections in Webflow?
  3. What are some design considerations for collection pages in Webflow?