Content and structure
Modules are the building blocks of your page builder layouts. Structure a layout by clustering modules:
The largest possible group is called a section. It can have its own settings and backgrounds.
Sections can be further organized into rows. Rows can also have their own settings and backgrounds.
Rows can can contain up to six columns with modules.
You can easily switch up your design by dragging and dropping modules, sections, and rows around. Keyboard shortcuts and templates help speed up the page-building process.
Learn more about:
Modules
Add a module
Simply hover your mouse over the desired location and click the + Add module button that appears.
Edit a module
Click a module to edit its settings.
Click the two pages to duplicate the module.
Click the trashcan to delete the module.
Edit text in a module
Click a module’s text to start writing and formatting.
Formatting option | Description |
|---|---|
Text styles | Choose the paragraph style or one of the five heading styles. |
Text sizes | Available sizes range from 10 - 72 pixels. |
Color | There are multiple ways to select a color:
Use the vertical slider located in the middle of the popup to control the color’s opacity. |
Emphasis | Make the text bold, italicized, or underlined. |
Alignment | Align the text to the left, center, or right. |
Lists | Create a numbered list or bullet list. |
URL | Add a link to the text. |
Remove formatting | Change the text back to its default look. |
Use text variables to make the content of your modules dynamic.
Sections
Add a section
Hover your mouse over an existing section.
Click the + Section button that appears at the bottom of the section.
Edit a section
Click a section to make its menu appear at its top right-hand side:
Click the lock to determine who can see the section.
Click the cogwheel to edit the section’s settings: see the table below.
Click the two pages to duplicate the section.
Click the trashcan to delete the section.
Click the arrows to move the section up or down the page. You can also rearrange sections by dragging and dropping them.
Setting | Description |
|---|---|
Background | Choose which type of background to add.
|
Spacing | Set the amount of space between sections. This setting also applies to the space between a section and the top or bottom of the page.
|
Rows and columns
Add a row
Hover your mouse over an existing section.
Click the + Row button that appears below the section.
Edit a row and divide it into columns
Click a section to edit it:
A menu appears at the row’s left-hand side:
Click the lock to determine who can see the row.
Click the cogwheel to edit the row’s settings: see the table below.
Click the two pages to duplicate the row.
Click the trashcan to delete the row.
Click the arrows to move the row up or down within the section. You can also drag and drop rows within or between sections.
A series of buttons at the top lets you decide on the amount of columns.
To change the width of a column, click and drag the column’s border.
Setting | Description |
|---|---|
Spacing | Set the amount of space between rows.
|
Height | Set the height of the modules within this row.
|
Module alignment | Align modules to the top, middle or bottom of the row. |
Keyboard shortcuts
Keyboard shortcuts help you speed up the page building process.
Action | Shortcut |
|---|---|
Publish |
|
Close |
|
Undo |
|
Redo |
|
Templates
Need a helping hand creating landing pages? Use one of the 20+ templates that help you nail your page designs.