Current Lesson
Course Content
Course Content

Page builder 2.0 - Sections and Elements

Add a section

The first thing you would be adding to your landing page is a section.

Options will be shown up on the right sidebar. Set the width first:

Then the number of columns you’d like:

Hovering on the section you’ll be able to perform several actions:

  • Open the section settings, duplicate the section, or delete the section.

  • Open the column settings, duplicate the column, delete it, and adjust the column width.

  • Add an element to the column, add a new row, or add a new section.

Add an element

Wherever there’s a plus button, you can add an element to it. Click on it to pick among the different element types!

On the right sidebar you’ll be able to choose between general, media, and form elements.

  • General: Headline, Paragraph, Preheadline, Subheadline.

Type in the text directly on the element preview. Note that when you select the text, a floating text editor will also be displayed for text formatting.

  • Media: Audio, Image, Video.

Pick the media file from your library using the +Add button on the right sidebar. You’ll also have the option to customize other media specific settings like Alt text or Link URL.

  • Form: Button, Input, Order form.

    • Buttons

      There are 4 actions available to fire when someone clicks on a button:

      • Opt-in to a list

      • Go to another URL

      • Open a popup

    Note! When you pick Opt-in to a list, you will need to set up a trigger that will connect the button action with the desired list.

    • Input

      Select the contact field the input will be used for, then choose a label style (Above field, inline, or floating).

      Inputs are generally used alongside buttons to build an opt-in form, but they are not limited to that use case.

    • Order form

      Embed an order form for any of your products. This is a great way of customizing product checkouts.

Add a Popup

With the Page builder 2.0 is really easy to add a popup to your page.

Click on the popup button to customize the popup content, format, and when it should show up.

Reminder! You can also open the popup using the button action: Open a popup.

Only Show on Some Devices

To show your section only on some devices (mobile, tablet, or desktop), hover over that section and click on the eye icon appearing. Then choose the devices that you want to show it on.

You can also hide it from all visitors by clicking on 

Saved and Global Blocks

  • You can save any section/row/element as a Saved Block and use it later in any other page.
  • You can also save it as Global Block. Any change you make to a Global Block will be automatically updated everywhere you're using that Global Block!

This very powerful feature enables you to do things that were either not possible or very hard to do with the old builder.

Save it as a Saved or Global Block

See your Saved and Global Blocks when you build

Edit the Global Block

Your changes will update everywhere the Block is in use

Last updated 10 Dec 2023.