Why is the page URL doubling up and causing a 404 error in Webflow?
TL;DR
- Check link settings to ensure internal or custom URLs don’t repeat slugs like /services/services.
- Review CMS collection and item slugs to avoid duplication, and check for conflicts with static folders or pages.
- Inspect navigation components (including Symbols) for misconfigured links, then republish the site to confirm fixes.
A doubled-up URL in Webflow (e.g., /services/services) usually happens due to incorrect link settings or CMS configuration, causing a 404 error when the page doesn't exist.
1. Check Your Link Settings
- Go to the page or navigation element that's experiencing the issue.
- Click on the link in the Webflow Designer and open the Element Settings panel.
- If it's using a "Page Link" (internal link), make sure it's pointing directly to the correct page (e.g., just /services, not /services/services).
- If it's using a "Custom URL", ensure you haven’t manually entered a duplicated path like
/services/services.
2. Review CMS Collection Slugs
- If you're linking to a CMS Collection Page, Webflow automatically structures the URL as
/collection-slug/item-slug. - Make sure:
- The collection slug is not identical to a manual folder.
- The item slug doesn't duplicate the collection name (e.g., a blog post with slug 'blog' inside the 'blog' collection becomes
/blog/blog).
3. Check Folder Page Conflicts
- If you have a static page or folder named
/services, and also a CMS collection or another page inside that folder with a slug also namedservices, the URL can become/services/services. - Go to Pages > Folders or CMS Collections and inspect for naming collisions.
4. Inspect Navigation Overrides or Symbol Links
- If you're using a Symbol or shared navigation component, a misconfigured link may propagate across multiple pages.
- Double-check that none of the links in the Symbol are set with an incorrect nested URL.
5. Published Versus Staged Pages
- Sometimes, the Designer preview doesn't show the issue, but the published site does.
- After checking all URLs, republish the site and try accessing the page via the live URL to verify correction.
Summary
A doubled-up URL in Webflow typically stems from either a mislinked element, duplicate slugs in CMS or folders, or a conflict between static and dynamic page structures. Carefully audit your link settings, slugs, and structure to fix the issue and republish your project.