This is the early access documentation preview for Custom Views. This documentation might not be in sync with our official documentation.

Page folders

You can use page folders to manage content for the relative paths of your website.

Page folders let you organize your page versions and create the navigation structure of your website. A page folder adds a relative path to your website and contains the page versions rendered at that relative path.


The navigation structure on your website might differ from the page folders structure within the Studio, depending on how your development team designed the Header Frontend component. Consult with your development team to update the navigation structure.

Create a page folder

To create a page folder, follow these steps:

  1. From the Studio home page or from the left menu, go to Site builder.

  2. Click New page folder: the Create page folder dialog opens. Create page folder dialog and its General settings section

  3. Edit the General settings section as follows:

    • In the Page name field, enter the name of the page folder. Make sure to choose a relevant name so that it will be easy to find the page folder in the future.

    • In the Relative path field, enter the relative path to this page folder. Otherwise, leave the field empty. The relative path will be automatically created from the page folder name.

      The Studio converts the Relative path value into the valid format before storing it.

    • From the Parent page folder drop-down, select the parent page folder. Otherwise, clear the selected value and leave the field empty to create the page folder at the top level of your website structure.

  4. In the Data source section, click + Add data source filter to add data sources to the page folder.

  5. Edit the other sections (for example, SEO and Display properties).

  6. Click Save.

    Creating a new page folder can update the navigation menu structure. Consult with your development team before creating a new page folder that is in the production environment.

Edit a page folder settings

To edit a page folder settings, follow these steps:

  1. From the Studio home page or from the left menu, go to Site builder.
  2. In the page folder list, search for the page folder to edit.
  3. Hold the pointer over the page folder and click the Settings icon: the Page folder settings dialog opens.
  4. Edit the page folder as you want.
  5. Click Save.

Move a page folder

You can move a page folder within the same parent page folder, into another page folder, or to the top level. If you move a page folder into another page folder, the Studio automatically creates a redirect to avoid broken links. To move a page folder, follow these steps:

  1. From the Studio home page or from the left menu, go to Site builder.
  2. In the page folder list, search for the page folder to move.
  3. Drag the page folder to its new position.

Moving a page folder can cause broken links or other navigation issues. Consult with your development team before moving the page folders that are in the production environment.

Duplicate a page folder

To duplicate a page folder, follow these steps:

  1. From the Studio home page or from the left menu, go to Site builder.
  2. In the page folder list, search for the page folder to duplicate.
  3. Hold your pointer over the page folder and click the Duplicate icon: the Duplicate page folder dialog opens. The settings are the same as those of the selected page folder.
  4. In the Page name field, enter the name of the new page folder.
  5. Edit the settings sections as needed.
  6. Click Duplicate.

When you duplicate a page folder, only the page versions that are within the page folder are duplicated. Any subfolders inside the page folder are not duplicated.

Delete a page folder

To delete a page folder, you must have an Admin or Lead Editor role.

To delete a page folder, follow these steps:

  1. From the Studio home page or from the left menu, go to Site builder.

  2. In the page folder list, search for the page folder to delete.

  3. Hold your pointer over the page folder and click the Delete icon: the Delete page folder permanently? dialog opens.

  4. In the text box, enter DELETE.

  5. Click Delete.

Deleting a page folder can cause broken links or other navigation issues. Consult with your development team before removing the page folders that are in the production environment.

Relative path format

The relative path to a page folder must follow the RFC 3986 standard. To ensure compatibility, the Studio automatically removes the following characters from the relative path:

  • All whitespace characters, including spaces, tabs, and line breaks.
  • All punctuation marks as per RFC 3986 except for the hyphen ("-").
  • Special characters:
    • Fullwidth parenthesis: "(" or ")"
    • Ideographic full stop: "。"
    • Fullwidth ampersand: "&"
    • Fullwidth hyphen-minus: "-"
    • Ideographic comma: "、"
    • Katakana middle dot: "・"
    • En dash: "–"

You can request to opt-out of this feature via the Support Portal.