Why am I getting a 404 error on my Webflow collection pages despite having the template page built out and linked to the fields?
TL;DR
- Ensure all CMS items are published to the correct domain and not marked as Draft or Archived.
- Verify each item has a valid, unique slug and that the URL matches the collection's structure.
- Confirm the Collection Template Page exists and re-publish the entire site to clear cache issues.
You're seeing a 404 error on your Webflow collection pages even though the template exists, likely due to one of several publishing or slug-related issues with your CMS items or template page.
1. Check if CMS Items are Published
- Go to the CMS panel in the Webflow Designer and check if the collection items are published to the correct domain.
- Even if you've published your project, unpublished CMS items won’t appear on the live site and will trigger a 404.
- Re-publish the entire site from the Designer by clicking Publish → Publish to Selected Domains.
2. Confirm Item Slugs
- Open your CMS collection and verify that each item has a unique, non-blank slug.
- If slugs are empty, Webflow can’t generate collection page URLs, resulting in 404 errors.
- Check for special characters in slugs that may break the URL structure.
3. Make Sure the Collection Template Page Exists
- In the Pages panel, ensure you’ve customized the automatically generated Collection Template Page (e.g., Blog Posts Template).
- There’s no need to create a static page for each item; the template dynamically handles each slug.
4. Ensure Correct URL Structure
- Webflow collection pages follow the format: yourdomain.com/collection-name/slug
- Verify you're accessing the correct URL in your browser. For example, for a “Blog Posts” collection and item slug “hello-world”, the URL should be yourdomain.com/blog-posts/hello-world
5. Check for Draft or Archived Items
- In the CMS, confirm that the items are not marked as Draft or Archived.
- Draft or archived items will not be rendered on the live site and will lead to 404 errors.
6. Try Clearing the Webflow Cache
- Sometimes Webflow publishing cache causes outdated behavior.
- Re-publish the entire site using the Publish button in the top right corner.
Summary
A 404 on a Webflow collection page usually means the CMS item is unpublished, missing a slug, or incorrectly accessed. Verify that your collection items are published, have proper slugs, and that you're using the correct URL structure tied to the collection template.
