Skip navigation links

Using Pages

Content authors can use Pages to create and edit webpages and the content that appears on these webpages. Most users needing to create and edit pages will work exclusively in this tool.

The components and page templates have been developed with a goal of ensuring that most functional needs can be met using Pages. It is the most user-friendly tool in the Sitecore XM Cloud suite. 
 

A screenshot of the Sitecore XM Cloud apps menu with Pages highlighted with a red border.
Figure 1: The Tools menu, viewed upon clicking on an App icon, such as the XM Cloud MSU / prod icon. Pages has been marked with a red box.

 

Pages User Interface

Expand the tabs below to review the different areas of Pages. 

The Global Toolbar appears at the top of the window. Selections on this toolbar will apply to all screens in Pages. Use this toolbar to:

  • Select a website to work on
  • Select a language variant of the website to work on (for multilingual sites)
  • Access the search function
  • Access Sitecore documentation
  • Log out of Pages
The XM Cloud interface with the global toolbar marked in red.
Figure 2: The Global Toolbar.

The Local Toolbar appears below the Global Toolbar. Settings here are specific to the selected website. Use this toolbar to:

  • Preview the page on different types of devices
The XM Cloud interface with the local toolbar marked in red.
Figure 3: The Local Toolbar has been outlined with a red box.

The Side Toolbar appears along the left side of the screen. Here, users can view the site and access editing functionalities. Use this toolbar to:

  • Access page-level editing functionalities
  • Access component-level editing functionalities
  • Access content-level editing functionalities 
The XM Cloud interface with the side toolbar marked in red.
Figure 4: The Side Toolbar has been outlined with a red box.

The Left-hand Pane sits to the right of the Side Toolbar. The content of this pane varies depending on the Side Toolbar selection. If the pane is not visible, click the small arrow in a circle icon to expand the pane.

In Pages and Content, this pane is split in two tabs:

  • The Site tree tab shows pages for the current website.
  • The Versions tab shows the different versions that exist for the current page.

In Components, this pane shows all components available for the current website.

The XM Cloud interface with the left panel marked in red.
Figure 5: The Left-hand Pane has been outlined with a red box.

The Right-hand Pane appears along the right side of the window. The content here varies depending on what is selected in the main editor view area. The pane provides information and possible actions for the page or selected component, field or placeholder. If the pane is not visible, click the small arrow in a circle icon to expand the pane. Use this pane to:

  • Configure components
  • Assign content to components
  • Apply formatting to written content in rich text fields
The XM Cloud interface with the right panel marked in red.
Figure 6: The Right-hand Pane has been outlined with a red box.

When a page or item is selected in the Content Tree, it will appear in Editor View in the canvas in the middle of the screen. 

The XM Cloud interface with the editor canvas marked in red.
Figure 7: The Editor View area has been outlined with a red box.

Create a Page

Step-by-step instructions for adding a page to a website.

Learn more
A rectangle with green bars at the top and bottom representing a header and footer and a gray vertical bar on the right representing a side menu panel. A bright green plus sign sits on the middle of the main white space.

Page Layouts

View information and use cases for the available page templates and components that can be used to build page layouts.

Learn more

Component Guide

View documentation, including use cases, best practices, data field explanations and step-by-step instructions for working with components.

Learn more

Documentation updated: May 31, 2024