How can I change the URL corresponding to each page in my Webflow site without using hashtags, but by adding an 'appendix' instead?
TL;DR
- Edit each page’s slug in Page Settings to append custom segments directly to the URL.
- Use folders in the Pages panel to create nested URL structures like /services/info.
- For CMS pages, customize slugs in Collection and item settings to maintain consistent URL formatting.
To change the URL structure of each page in your Webflow site by appending custom segments (without using hashtags), you can modify page slugs directly in Webflow. Here's how to do it properly.
1. Understand Webflow URL Structure
- Each Webflow page's URL is based on its slug, which you define in the Page Settings.
- Webflow does not use hashtags in standard page routing—these are only used for anchor links or client-side routing in SPA scenarios.
- A slug is the part of a URL after your domain name, e.g.,
yoursite.com/about-us.
2. Use 'Appendix' by Customizing Slugs
- If by "appendix" you mean adding a consistent suffix or additional word to your page URLs (e.g., turning
/servicesinto/services-info), you can do that by editing the slug field. - Go to Pages Panel, then for each page:
- Click the gear icon to open Page Settings.
- Locate the Slug field.
- Change the slug to include your custom appendix (e.g., change
servicestoservices-info). - Save changes and publish.
3. Nested Structure (If Needed)
- If you want to create folder-style URLs like
/services/info, you can use Folders in the Pages panel. - Click the + icon > Folder:
- Name the folder (e.g.,
services) - Then create a new page inside that folder (e.g., a page
infowhich becomes/services/info). - This gives you a cleaner, semantically nested URL.
4. CMS Item URLs
- If you’re using Webflow CMS, URL slugs are attached to each CMS item.
- Go to CMS Collection Settings, and under Slug, you can add an additional segment like
/blog-article-titleor/blog/article-title. - You can also configure the Collection page slug like
blog-posts/:slugto modify the base path.
5. Avoiding Hash-Based URLs
- Hashes in URLs (e.g.,
#section1) are for internal page anchors or JavaScript routing—not needed or recommended for general page navigation in Webflow. - For cleaner routing and SEO, always use slug-based URLs.
Summary
To modify each page’s URL in Webflow without using hashtags, simply edit the slug under Page Settings or organize your pages using folders for additional structure. If using Webflow CMS, customize the slugs in each Collection or item to achieve a consistent URL format.
