Using the page builder

Build and customize your pages using the drag-and-drop page builder.

Build and customize your pages using the drag-and-drop page builder

The Components menu shows all the containers and components that you can add to a page.

Drag-and-drop a container or component onto the center page canvas to add it to the page.

Page canvas

Build the page layout by adding containers and components to the center page canvas.

Add containers to form the page structure, and group components together. You can choose how a container displays its contents, and the position of the container on the page. Refer to Containers.
Add standard or custom components into containers on the page, to group and define the content and features on the page. For example, add text, images, data tables, user input forms, and so on. Refer to Components.

The configuration panel updates to show the configuration settings and options for the currently selected container or component.

The top page header provides further page options and settings:

The page name is shown. Click and edit the text to rename the page.
A "This page contains unsaved changes" reminder message is shown if you have not saved and committed your changes to the page. Pages are not saved automatically, and must be manually saved using the Save button.
Click the Page Settings icon to edit the general page settings.
Click the Metadata Editor icon to view and edit the page metadata. Refer to Page metadata.
Click the Clone Page icon to create a copy of the page. Refer to Cloning a page.
Click the Page Conditions icon to add simple and complex page conditions to the page. Refer to Page conditions.
Click the Preview mobile or Preview desktop icon to view a live preview of the page. Click the icon again to return to the build view. Refer to Previewing a page.
Click the Save button to save and commit your changes. Pages are not saved automatically, and must be manually saved and committed.