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: 

www.your-site.com/products/product-name

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
Click the New folder icon to create 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.
  • 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.