Back to all lessons
Lesson library

Organize your site with page folders

Use folders to organize your site's pages.

This video features an old UI. Updated version coming soon!

Folders are excellent for organizing pages that fall under the same category. For example, if you have several different product pages you can create a folder called "Products" and nest your individual product pages within. Then, your URL structure may look something like:

In this lesson

Creating and organizing folders

You can organize your pages within folders — also called directories. You can also create nested folders —  subfolder or subdirectories — for sites with deep hierarchy.

Creating folders

To create a folder, open the Pages panel and click the new folder button. 

Adding folders in Webflow
Creating a new folder in the Pages panel

Moving folders

To move your folders to a new location, drag-and-drop the folder where you want it in the page list.

Moving folders in Webflow
Drag folders to reorder them.

Collapsing & expanding folders

For easy viewing, you can collapse and expand folders by clicking the folder name in the page list.

Collapsing and expanding folders
Click on folders to expand or collapse them.

Folder settings

In the folder settings panel, you can:

  • Nest your folder in a parent folder
  • Specify the name and slug of your folder
  • Password protect all pages within that folder
  • Delete an empty folder by pressing the trashcan icon
Folder settings
Good to know
Besides choosing the parent folder of a folder in the folder settings, you can also drag-and-drop pages or folders into a folder from the page list. Read the pages panel guide to learn more.
Moving pages or folders to a new folder will result in a URL update. This will cause the old URLs to return a 404 page. If you want the old URLs to redirect to the new location, see 301 Redirects.
Changing the slug for a folder will also change the URLs of all the pages inside when you publish. If you want the old URL to redirect to the new location, see 301 Redirects.
You can only delete empty folders. If you wish to delete a folder that have nested pages and folders, first move out all the pages and folders within that folder. Then, you can delete that folder.
Try Webflow — it's free