The toolbar with the following tools:

• Add: When you click this icon, the system displays the Library panel in the left sidebar where you can access your site-specific elements that can be added to the page.

  The Library panel includes the following sections:

  • Patterns: Pre-configured sets of components such as Hero areas and multi-column layouts.
  • Components: Specific building blocks that can be used within Experience Builder.
  • Code: Components that are not promoted to the library because they are either not ready or are only being used to build other components.
  • Overrides: Options to customize the look of the Dynamic Components provided by the CMS.

• Layers: When you click this icon, the system displays the Layers panel in the left sidebar where you can inspect the structure of the page.

• Templates: When you click this icon, the system displays the Templates panel in the left sidebar.

• Extensions: When you click this icon, the system displays the Extensions panel in the left sidebar.

B

D

The preview of the page. Use the scroll wheel of the mouse to move inside the preview canvas. Hold ⌘ Command (Mac) or Ctrl (Windows) and scroll the mouse wheel up to zoom in or down to zoom out.

E

The title of the current page. When you click the title, the system opens up the navigator through which you can navigate to other pages and create new content.

F

The publishing status of the current page. The possible states are:

• Draft: The page is not published.
• Published: The page is published but has not gone through any changes.
• Changed: The page is published and has gone through changes.

G

The New button to create new content.

H

The navigator to help you navigate to other pages in your site.

I

The right sidebar to help you configure settings for the page.

J

The Preview button to check how the page would look when it gets published.

K

The Review changes button to review the changes that are staged to be published. After you verify the changes, they can be published.