Webflow sync, pageviews & more.
NEW

In Webflow, how can I create a URL structure for an e-commerce site with collections that includes /products/brand/category/product-name? Is it possible to combine CMS and e-commerce collections to achieve this? Thank you!

TL;DR
  • Webflow does not support dynamic nested URLs for CMS or Ecommerce; all collection URLs are flat like /products/product-name.
  • Use reference fields to link products to brands/categories for navigation, but URL paths won't reflect this; for true nested URLs, consider static pages, redirects, or migrating to a platform with custom routing.

Creating a nested URL structure like /products/brand/category/product-name in Webflow e-commerce isn't fully possible with native features, because Webflow does not support multi-level CMS slugs or dynamic folders that combine multiple CMS Collections in the URL path.

1. Understand Webflow’s URL Limitations

  • Webflow CMS and E-commerce slugs are flat—each Collection has its own base slug (e.g., /products) followed by an individual item’s slug.
  • You cannot dynamically nest CMS or E-commerce Collections in the URL structure beyond one level (e.g., /products/product-name).
  • Cross-referencing CMS Collections (e.g., linking a Product to a Brand or Category) is possible via Reference or Multi-reference fields, but these do not affect the URL path.

2. Webflow's Default E-commerce URL Structure

  • Products: /products/product-name
  • Categories (via CMS or Ecommerce Categories): /category/category-name
  • Brands (typically set up as a custom CMS): /brands/brand-name

Even though you can reference brands and categories in a product, the resulting URL remains flat (i.e., you cannot have the product URL dynamically include the brand and category in the path).

3. Workarounds and Alternatives

  • Manual Static Pages: You could manually build folders and pages like /products/brand/category/product-name, but this isn’t scalable for large catalogs.
  • Redirect Links with CMS Fields:
  • Create a CMS Collection Page for brands and categories.
  • On each product CMS page, display the associated brand and category using reference fields.
  • Add links that visually reflect the full path, even if the actual URL doesn’t include it.
  • Custom Redirects + JavaScript: You could attempt clean URL aliases using redirects or JS rewrites, but this is neither ideal nor SEO friendly.
  • Third-party Headless CMS or Export to Custom Platform: For full control over nested URLs, consider exporting data to a headless CMS or using custom code outside Webflow.

4. Possible CMS Setup in Webflow

You can still organize your content logically:

  • CMS for Brands
  • CMS for Categories
  • Use Reference fields in the Products Collection to relate each product to a brand and a category.
  • On the product page, display breadcrumbs or internal links visually representing the structure: Products » Brand » Category » Product Name

This improves navigation but not the URL structure.

Summary

Webflow does not support dynamic nested URLs like /products/brand/category/product-name using CMS or E-commerce Collections. While you can relate data using reference fields, all dynamic URLs remain flat. For SEO-friendly, deeply nested URLs, consider custom solutions or migrating to a platform with full routing control.

Rate this answer

Other Webflow Questions