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!
- Webflow doesn't support nested dynamic URLs across CMS and E-commerce collections, limiting product URLs to formats like
/product/product-name. - You can simulate nested structure using reference fields and breadcrumb design, but actual URLs remain flat unless you implement external custom routing solutions.
Creating a deeply nested URL structure like /products/brand/category/product-name in Webflow for e-commerce is not possible using native functionality alone, because Webflow does not support nested dynamic routes from multiple CMS or product collections.
1. Webflow E-commerce URL Limitations
- Webflow generates product URLs as
/product/your-product-name, and this structure cannot be customized to include parent collection slugs like brand or category. - CMS Collection pages (e.g., Brands, Categories) can have their own URL structure (e.g.,
/brands/brand-name,/categories/category-name), but those URLs cannot dynamically nest or be linked in the product URL structure. - Slug mapping across CMS and E-commerce is not supported in dynamic URLs.
2. Workaround Options
You can simulate nested navigation or breadcrumbs using CMS relationships and manual linking, but not in the actual URL path:
- Use Reference or Multi-reference fields in your Products CMS to associate a Brand and Category.
- On each Product Template Page, pull related Brand and Category data to display breadcrumbs or navigation (e.g., "Brand > Category > Product"), but the URL will still be like
/product/product-name. - You could build a custom routing experience using reverse proxies (like with Cloudflare Workers or CloudFront), but this requires external infrastructure and custom development.
3. Possible Alternative Structures
If URL hierarchy is critical, consider:
- Switching fully to CMS collections instead of Webflow E-commerce, where you create a
ProductsCMS and structure it with reference fields for Brands and Categories. You still won’t get nested dynamic routing, but you have more control over how product data is structured and displayed. - Use Static Pages for brands/categories, but manually link to product CMS pages. Still, product slugs must remain under Webflow’s assigned collection structure.
Summary
Webflow does not allow combining e-commerce and CMS collections to create nested URLs like /products/brand/category/product-name. You can use reference fields and visual navigation to simulate this structure, but the actual URLs must follow Webflow's native format. A fully custom approach with external routing would be needed to achieve true nested URL paths.
