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.
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.
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.
The page section can be used to preview your page and move, delete, and edit components.
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.
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.
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.
You can delete a component by clicking the trashcan icon.
When you select a component from the page you will see the settings for editing that component in the 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.