Experience Builder

The Experience Builder in Acquia Source is a visual, drag-and-drop interface that helps you to create and organize page content without requiring coding skills. To access the Experience Builder, click Edit on the top right corner.

Experience Builder user interface¶

The following image illustrates the sections of the Experience Builder user interface with labels:

The following table describes the sections labelled in the preceding image:

Image label	Description
A	The left side bar includes the Layers and Library tabs. Use the Layers tab to inspect the structure of the page and the Library tab to access the elements specific to your site that can be added to the page.
B	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.
C	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.
D	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.
E	The list of pages through which you can navigate to other pages in your site.
F	The New button to create new content.
G	The Dynamic Components icon to view content that is generated dynamically from the CMS or from the context of the current page. For example, menus and the page title.
H	The Extensions icon to view the extensions.
I	The Exit icon to close the Experience Builder.
J	The Review changes button to review the changes that are staged to be published. After you verify the changes, they can be published.
K	The Preview button to check how the page would look when it gets published.
L	The right side bar that includes the Settings and Page Settings tabs. Use the Settings tab for the current selection and the Page Settings tab for settings that impact the whole page.
M	The Sections area that includes reusable patterns that include components and content.
N	The Components area that includes specific elements such as text, images, and call-to-action buttons.
O	The Code Components area includes components that are not promoted to the library because they are either not ready or are only being used to build other components.
P	The Overrides area through which you can customize the look of the Dynamic Components provided by the CMS.

Did not find what you were looking for?

If this content did not answer your questions, try searching or contacting our support team for further assistance.

Acquia Source Support