How can I create a Guides collections for several products in Webflow with different subfolders for each slug post? Should I create folders and static pages for this?

Published on
September 22, 2023

To create a Guides collection for several products in Webflow with different subfolders for each slug post, you do not need to create folders and static pages. Instead, you can utilize Webflow's dynamic pages and powerful CMS features to achieve this. Here's how you can do it:

  1. Create a Collection: Start by creating a collection in the Webflow CMS. Go to the CMS tab in your Webflow project and click on "Add new Collection." Name your collection (e.g., "Guides") and define the desired fields for your collection items, such as title, content, image, etc.

  2. Set up Collection Fields: Within the Guides collection, create a field named "Product" as a reference field type. This field will allow you to associate each guide with a specific product in your product collection.

  3. Create Collection Template Page: Next, design a collection template page that will display the details of each guide. This template page will have dynamic content that pulls from the corresponding guide's fields.

  4. Configure Collection Template Page URL: Within the CMS Collection settings, specify the URL structure of your collection template pages. You can use a custom slug field or any other unique identifier that works for your needs. For example, you might want to use "/guides/{slug}".

  5. Add a Collection List to Product Pages: On each product page, add a Collection List element and configure it to display the Guides collection. Filter the collection using the "Product" field to only show guides associated with the current product. This will generate a list of guides related to each specific product.

  6. Set up Custom Subfolders: To create subfolders for each slug post, you will need to specify a custom URL pattern when defining your Collection Template Page URL. For example, you can use "/{product}/{slug}" for each guide. This will automatically generate subfolders for each guide based on the associated product.

Using this approach, you can effectively create a Guides collection with different subfolders for each slug post without the need for creating static pages or folders. This allows for scalability and easier management of your content.

Benefits of using Webflow's dynamic collections for this approach:

  • Efficient organization and management of content
  • Easy association of guides with specific products
  • Dynamic URLs and subfolders for each guide, aiding in SEO
  • Scalability and flexibility for adding new guides and products

By implementing dynamic collections and utilizing associated fields, you can create a robust and well-structured Guides collection in Webflow that meets your requirements.

Additional Questions:

  1. How do I create a dynamic collection in Webflow CMS?
  2. Can I associate multiple products with a single guide in Webflow CMS?
  3. How can I customize the URL structure of my collection template pages in Webflow?