Sections, rows, and columns are components of the Pagebuilder page. They determine the arrangement of the components.

Set up a section

SECTION

Sections form the basic structure of the page builder page.

You can use sections to divide the page into sections, e.g. header, body, and footer.

You can set the page width and a background image for each section.

1	Section The entire section is outlined when you select it.
2	Click on the plus icon to add new sections or sections saved as templates.
3	When a frame is selected, frame elements containing symbol buttons for various actions are displayed: Hold and drag the control pad icon to move the section. Clear on the gearwheel icon to configure the section in the side menu. Click on the copy icon to immediately insert a copy of the section with all settings and content below. Click on the delete icon to delete the element.
4	Click on the arrows to move the element up or down.

The section's frame elements appear at the edges.

1. Click on the save icon in the section to use it as a template.

The Section sidebar is displayed.

Edit the settings:

SETTINGS

• Margin top

  Adds a transparent margin top to the top edge of the page or the section above.

  The margin is added in addition to the section content but does not expand the content itself (unlike padding, see below).

• Image

  • Background image

    Set a background image for the section. This will cover the background image of the page.

  • Image position

    Positions the background image within the section.

  • Overlay color

    Overlays the background with a color.

    You can use a slider in the color selection window to adjust the transparency of the color.

    For example, you can overlay the selected image with a white veil, making it still visible but less prominent.

• Size & position

  • Section width

    Set a width to adjust the page margin, making it wider or narrower, for example.

  • Stickiness

    Determine whether the section should remain in a fixed position when scrolling up or down.

    This is useful if the section has minimal content, such as a buy button.

    This ensures that the section content remains prominently visible at all times.

    (See Create Sticky Section.)

Row's size & position

Set central settings for all rows in this section. These take precedence over settings in individual rows.

Colors/ BG color

Fill the background with a color. For example, you can embed a background image that does not completely fill the section in a background color and overlay it with a (transparent) color.

Padding

Add padding within a section to create space between the content and the outer frame. This expands the display area of the section.

SETTINGS (ADVANCED)

Corner radius

Determine whether the section should have rounded corners. This is especially noticeable when using a background image or color.

Border

Determine whether the section should have a border. The default is no border. When selecting a different option, additional fields will be displayed. The changes will become noticeable once all fields are filled with values.

Shdow

Add a shadow to the section. This makes it appear more three-dimensional and highlighted.

Set up rows and columns

Rows and columns

When inserting a row, you select how many columns it has. Columns cannot be added individually or added later.

Rows divide the page into horizontal sections. You can insert several rows one below the other and move them up or down with all their content. This allows you to organize rows thematically, e.g. a row.

Columns allow you to display content next to each other within rows. This allows you to place different offers next to each other.

The section's frame elements appear at the edges.

1. Click on the save icon in the section to use it as a template.

2. Click on the plus icon to add new rows or rows saved as templates.

   A side column is displayed.

3. Fill the column:

   Under Layout, select the number of columns the row should have.

   Alternatively, under My Rows, select a template you have saved.