Webflow sync, pageviews & more.
NEW

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?

TL;DR
  • Create a folder in the Pages panel to set the parent slug (e.g., /blog/).
  • Add static pages inside that folder to generate nested URLs (e.g., /blog/post-1).
  • Folders can't hold content; create an "index" page inside if you need content at the parent slug (e.g., /blog/).

To nest pages under a parent page slug in Webflow without using a CMS Collection, you need to use folders to simulate the parent-child URL structure.

1. Create the Parent Folder

  • Go to your Pages panel in the Webflow Designer.
  • Click “+” next to Folders to create a new folder, not a page.
  • Name the folder (e.g., “blog”) and Webflow will automatically assign it a slug (e.g., /blog/).
  • This folder acts as the parent-level for any nested pages.

2. Add Pages Inside the Folder

  • Click the “+” icon next to the folder you just created to add a new static page inside that folder.
  • Name the page (e.g., “Post-1”), and the slug will automatically be nested (e.g., /blog/post-1).
  • You must repeat this for each child page you want under the parent slug.

3. Use Static Pages Only (No CMS)

  • These pages are fully static. You can add your design and content directly without connecting to any CMS.
  • You must manually create each individual nested page.

4. Ensure Folder Slug Matches Intended URL

  • Webflow uses the folder’s name as the URL slug, so double-check it matches your intended hierarchy.
  • For example, for a nested URL like /services/web-design, create a folder named “services” and add a static page named “web-design” inside.

5. Folder Can’t Host Content

  • Remember, folders are not pages—you can’t add content directly to a folder.
  • If you want content at /services/, you must create a separate static page (e.g., named “index”) inside the “services” folder and Webflow will assign it the slug /services/.

Summary

To nest static pages under a parent without using a CMS, create a Folder to assign the parent slug, then place static pages inside that folder. This ensures each child page uses the correct nested URL structure like /parent/child.

Rate this answer

Other Webflow Questions