On the left-hand side of the page builder, the Manage layout tab allows you to rearrange items on a page.

If you click on the gear, a sidebar will appear on the right for you to edit the settings.

Good to know: Landing pages are available for Premium plans and above.

Text

Typography of your text

Font style: the font style defined at Step 1 - Setup, under Font styles will be displayed here. You can change the Font Style, Font Family and Font Size of your text to fit your needs.

List style

Bulleted: add a bulleted list

Ordered: add a numbered list

Hyperlink: if you want to redirect to a link, add an URL here.

Formatting

1. Your text will appear in bold: example.

2. Your text will appear in italic: example.

3. Your text will appear underlined: example.

4. Your text will appear striked: example.

5. Remove formatting of your text.

Image, Background Image, and Logo

To add an image, either type your URL or click on ADD (or REPLACE) in the right sidebar. A file manager pop up will appear.

Import a file from your computer.

Pick from the image gallery: on the left of the builder, a menu will display for you to search for royalty-free images. You can browse by category (business, coaching, consulting, fitness, marketing, office, services).

Divider

Icon

Settings of your icon

Resize: you can resize the icon the way you like it.

Link: add an URL here.

Replace icon: if you click on the icon or on the replace button, a pop up with the icon library will be displayed. There are over 1400 different icons that you can choose from. You can search icons by name thanks to the search bar. You can also filter by set.

Video

Under the URL tab, add a link to your video here. You can use a video hosted on YouTube, Vimeo, Dailymotion, Canal+, Wista, Twitch, Youku, and Coub.

Code

Add your own HTML code. The code inserted in the editor here can be tested in "preview" and "published" pages only.

Spacing

Click on Spacing to display and edit spacing settings.

First, choose if you want to edit Vertical or Horizontal padding and margin.

A margin is a space outside something, whereas padding is the space inside something.

Margin: This creates space around your component, outside of any defined borders.

Padding: This creates space inside your component, between the icon and the border.

Alignment

Click on Alignment to left align, center or right align your component.

Edit the settings of a section

Properties of your section

Name your section to help you navigate between all sections.

Style

Click on Style to display style settings.

Edge to Edge: This affects the horizontal spacing on the sides of the section.

Full Height: This displays the image as a full image.

Hide on Tablet: For each section of your landing page, you can control its visibility by device, within the edit section. See Customize mobile display in the Use the landing page builder tutorial.

Hide on Mobile: For each section of your landing page, you can control its visibility by device, within the edit section. See Customize mobile display in the Use the landing page builder tutorial.