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?

To nest additional pages under a parent page in Webflow without using a CMS collection, you can structure them using folders to maintain URL hierarchy. Here's how you can achieve this:

​

1. Create a Parent Folder

• Go to the Pages Panel in Webflow.
• Click Add New Folder to create a new folder which will serve as your "parent."
• Name the folder to reflect the desired slug (e.g., "parent-page").

​

2. Add Nested Pages

• Inside the created folder, click Add New Page.
• Name your page appropriately. This will create a nested structure like parent-page/nested-page.
• Repeat this step for any additional pages you wish to nest under the parent.

​

3. Edit Page Slugs to Match Folder Structure

• Ensure Page Slugs align with the desired structure, particularly when rearranging or renaming.
• If a slug conflict arises, resolve it by adjusting either the folder name or nested page name.

​

4. Test URL Structure

• Publish your site.
• Visit each page to verify the URL displays the intended hierarchy (e.g., https://yoursite.webflow.io/parent-page/nested-page).

​

5. Redirect Old URLs if Needed

• If changing existing page structures, set up 301 redirects in the project settings to direct old URLs to the new structure.

​

Summary

To nest pages without a CMS in Webflow, create a folder as a parent, add and correctly name nested pages inside, and verify URL structures by publishing and testing. This approach uses folders to maintain a logical URL hierarchy and avoids modifying existing slugs.