Using Page Builder

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

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

A list of SitecoreAI tools includes Strategy, Channels, Design studio, Page builder, Content editor, Performance and Agentic studio. Page builder is outlined with a red box. — Figure 1: The Tools menu, viewed upon clicking on a SitecoreAI environment dashboard icon (e.g., MSU-Green / prod icon), indicates the active environment (in this case, MSU-Green / Prod) and allows users to select a tool for working on a website. The Page Builder tool has been marked with a red box.

Page Builder User Interface

Expand the tabs below to review the different areas of Page Builder.

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

Navigate to the SitecoreAI Dashboard by clicking the dotted circle icon on the left. Clicking this icon takes users to the Strategy tab of the SitecoreAI Dashboard. Click the Page Builder button in the top right corner to return to Page Builder.
Open another SitecoreAI tool, such as Content Editor, using the dropdown arrow next to the dotted circle icon
Navigate to a different website or environment using the dropdown arrow next to the active site name. This opens the Site Name dropdown menu. Choose a site name to select a different site. Click Change next to the environment name to select a different environment.
Select a language variant of the website to work on (for multilingual sites) using the language dropdown menu. The default setting is English.
Toggle between Editor, Content, Templates, Personalize and Analyze modes by clicking the corresponding icon.
Preview the page in a browser window.
Click Site Dashboard to open the Sitecore overview analytics in a new window.
Click the star icon to open the Agentic Studio (requires advanced permissions).
Click the puzzle piece icon to open the Apps menu. As of January 2026, there are no additional applications installed for general users of MSU’s Sitecore. Documentation will be added to this website if future apps are enabled.
Click the eye icon to open the Preview menu.
Click the question mark icon to open the Sitecore help menu. These reference documents are general to Sitecore and not specific to MSU’s environments.
The page status indicator shows the current status of the page (e.g., draft).
The Actions button includes the Submit option to submit the page to the publishing workflow. See “Publishing Content with Workflows” for additional directions.

Screenshot of Page Builder. The Global Toolbar is outlined with a red box. — Figure 2: The Global Toolbar has been outlined in a red box.

Page Builder modes are accessed using icons on the Global Toolbar. Each mode has different options for working with page content, metadata and settings. Learn more about the modes using the pages linked below.

Documentation updated: Sept. 21, 2026

Is there an issue with this documentation? Report it here.

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

Change the version of the page being edited
Refresh the Canvas (i.e., editing panel)
Undo the immediate past action
Redo an action
View the status of the page changes. A green checkmark indicates changes have been saved, though saved changes may not have been published.

Screenshot of Page Builder. The Local Toolbar is outlined with a red box. — Figure 3: The Local Toolbar has been outlined with a red box.

The Left Side Panel appears along the left side of the screen. Here, users can view the site and access editing functionalities. Icons appear at the top of the side panel control the content visible in the side panel (see Fig. 4).

Screenshot of Page Builder. The Pages, Layers and Components menu icons are outlined with a red box. — Figure 4: The Pages, Layers and Components menu icons have been outlined with a red box. Click an icon to open the corresponding menu in the left side panel.

Use this toolbar to:

Access the sitemap (left icon) to locate and select a page to edit (see Fig. 5)
Access the layers menu (center icon) to see all components as they appear nested on the page (see Fig. 6)
Access the component menu (right icon) to place components on the page (see Fig. 7)
Select an item to view in the canvas (see Fig. 9)

Screenshot of Page Builder. The Sitemap is outlined in the left side panel with a red box. — Figure 5: The Sitemap menu is open and the content tree is visible.

Screenshot of Page Builder with the Layers menu outlined in a red box on the left. Each item is listed, in nested fashion, in the layers menu. — Figure 6: The Layers menu is open and the page content layers are visible.

Screenshot of Page Builder with a red box outlining the components menu on the left. Components are represented by icons. — Figure 7: The Components menu is open and component options are visible.

The Right Side Panel 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 with the Design tab.
Assign content and configure certain content elements to components with the Content tab.
Apply styling at the component level.

Screenshot of Page Builder. The right side panel is outlined with a red box. — Figure 8: The Right Side 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.

Page Builder User Interface

Page Builder Modes

Editor Mode

Content Mode

Analyze Mode

Building a Page

Create a Page

Page Layouts

Component Guide