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 pages under a parent page URL (slug) in Webflow without using CMS, you must use folders to structure your URLs. Each static page can then be added within that folder to match the desired nested slug format.

1. Create a Folder for the Parent URL

• Go to Pages Panel in the Webflow Designer.
• Scroll to the "Folders" section.
• Click "New Folder".
• Name the folder and assign the parent slug (e.g., parent-page).

2. Create Static Pages Within the Folder

• Inside the newly created folder, click "New Page".
• Name the page and assign a child slug (e.g., child-page).
• The resulting URL becomes: yourdomain.com/parent-page/child-page

3. Avoid Assigning This Folder Slug to a Static Page

• Webflow does not allow duplicate slugs between folders and static pages.
• If you already have a static page using the same slug as the parent you want (e.g., a page called parent-page), you must:
• Delete or rename that static page.
• Then create a folder called parent-page and add your child pages inside it, as described above.
• You cannot have both a static page and a folder with the same slug.

4. Duplicate the Parent Page if Needed

• If you still need a page visible at yourdomain.com/parent-page, recreate it as a file named index.html inside the parent-page folder by:
• Adding a new page inside the folder.
• Naming the page something like "Index" and assigning it the slug index.
• This gives the page the URL yourdomain.com/parent-page/ automatically.

Summary

To nest static pages under a parent path in Webflow, create a folder using the parent slug, then add child pages inside that folder. If you've already used the parent slug for a static page, you'll need to delete or rename that page to free up the slug for folder use.