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

The structure of page folders can consist of several levels. Within this structure, you can change the order of page folders that are on the same level and within the same parent page folder. You can also move a page folder to a higher or lower level, but not into any of its child page folders.

If you move a page folder that has child page folders, the child page folders are also moved.

If you move a page folder into another page folder, the Studio automatically creates a redirect to avoid broken links.

To change the order of page folders that are on the same level and within the same parent page folder, follow these steps:

  1. From the Studio home page or from the left menu, go to Site builder.
  2. Click Sort folders: the Sort page folders dialog opens.
  3. Optional: Hold the pointer over the parent page folder and click the expand arrow to display child page folders.
  4. Click the Move up and Move down arrows to move the page folders.
  5. Click Save.

To move a page folder into a new parent 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. Hold the pointer over the page folder and click the Settings icon: the Page folder settings dialog opens.
  4. From the Parent page folder drop-down, select the new parent page folder.
  5. Click Save.

Moving page folders can cause broken links or other navigation issues. Consult with your development team before moving 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 a role other than the Collaborator 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 with it, 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 hyphen ('-')
  • Special characters:
    • Fullwidth parenthesis: ' (' or ') '
    • Ideographic full stop: '。'
    • Fullwidth ampersand: '&'
    • Fullwidth hyphen-minus: '-'
    • Ideographic comma: '、'
    • Katakana middle dot:'・'
    • En dash: '–'

To opt-out of this feature, please contact the Frontend support team.