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
.