Page editor

The page editor is the drag-and-drop interface that is used to build pages. The editor is composed of three main sections: components, page, and toolbar.

Components

The first section is the components. The section consists of pre-built components that you can use to build your page. The components are organized into categories like Titles, Content, and Testimonials.

Select and open the component panel
Select and open the component panel

By clicking on one of the categories you will open the components panel for that specific category. In the panel, you will have a selection of components to choose from. By clicking on the component you will add it to the bottom of the current page.

Select component from the panel
Select component from the panel

Page

The page section can be used to preview your page and move, delete, and edit components.

Quick selection tool

When you select a component on the page you will see the quick selection tool on the top-left of the component. The quick selection tool will preview the component's name and give you quick access to move a component, change the selection of a component, and delete a component.

Quick selection tool
Quick selection tool

You can move a component by clicking on the drag icon, holding it, and dragging it to your desired location. The editor will show a green line to preview where the component will be dropped.

Move component
Move component

The arrow icon will select the next parent component on the page. This is useful when components are nested and you need to drill down to a specific component.

Select parent element
Select parent element

You can delete a component by clicking the trashcan icon.

Delete component
Delete component

Edit component

When you select a component from the page you will see the settings for editing that component in the toolbar.

Toolbar

The toolbar is where you will customize components. In order to customize a component, you first have to select the component on the page. Once selected you will see all the available fields and settings for that component.

Select a component to edit in toolbar
Select a component to edit in toolbar