Webflow sync, pageviews & more.
NEW
Answers

How can I nest additional pages under a parent page in Webflow without using a CMS collection and ensure that the visible HTML page uses the same slug that has already been assigned to the folder method?

In Webflow, nesting additional pages under a parent page without using a CMS collection is possible by taking advantage of the folder method. This method allows you to create a folder structure within your site's Pages panel, simulating a hierarchical navigation structure.

To ensure that the visible HTML page uses the same slug assigned to the folder, follow these steps:

1. Open the Project Settings by clicking on the gear icon in the top-right corner of the Webflow Designer.
2. Go to the Hosting tab and make sure your site is hosted on Webflow.
3. Scroll down to the Clean URLs section and enable "Clean Up URLs."
4. Export your site and create a folder on your computer with the same name as the desired slug.
5. Move the exported HTML file that corresponds to the page you want to nest into the newly created folder.
6. Repeat this process for any pages you want to nest under the parent page.

Now, when you upload this folder to your hosting provider or import it back into Webflow, the structure you created will be preserved. Each nested page will retain the slug assigned to its respective folder, ensuring clean and organized URLs.

It's important to note that while this method allows you to visually organize your pages within Webflow, it does not provide dynamic content support. If you require dynamic content or the ability to update page content easily, using a CMS collection would be a more appropriate solution.

Rate this answer

Other Webflow Questions