Editor Rows

The Rows section allows you to structure the layout of your popup design. Rows define how your content is arranged horizontally within the popup, making it easy to create organized and visually appealing designs.

Each row acts as a container that holds one or more content blocks (such as text, images, or buttons). You can add multiple rows to design flexible and responsive popup layouts.

Accessing Rows

In the Editor panel, navigate to the Rows tab next to Content.

Here you’ll find a set of pre-defined row layouts that determine how many columns are included in each row.

Once a row is added, you can open its settings to edit and customize the following properties:

• Decorations – Adjust the background color, border, shadow, or gradient to style the row.
• Size – Control the row height, width, and padding to fine-tune spacing and alignment.
• Visibility – Decide on which devices (desktop, tablet, or mobile) the row should appear.
• Order – Change the stacking order of rows or rearrange their position within your layout.

These options allow full design flexibility and help you create responsive, device-friendly popup layouts.

Available Row Layouts

You can choose from several row types depending on how you want to arrange your content:

• Single Column Row

  A full-width row with one content area.

  Ideal for headlines, large images, or centered buttons.

• Two Equal Columns

  Splits the row into two equal sections.

  Commonly used for placing an image on one side and text on the other.

• Three Equal Columns

  Divides the row into three equal sections.

  Useful for displaying multiple features, products, or icons side by side.

• Two-Thirds / One-Third

  A layout with one larger column and one smaller column.

  Great for emphasizing key content next to supporting visuals or text.

• One-Third / Two-Thirds

  The reverse of the above layout, allowing you to prioritize visuals over text (or vice versa).

• Four Equal Columns

  Divides the row into four equal parts.

  Typically used for compact, grid-style layouts such as product listings or feature highlights.

How to Add a Row

1. Click on the Rows tab in the editor panel.
2. Select your preferred layout by clicking on one of the row templates.
3. The selected row will appear inside your popup workspace.
4. Once added, you can drag and drop content elements (such as text, buttons, or images) into each column.

Editing a Row

After placing a row, you can:

• Adjust spacing – Modify padding and margins to control spacing around or inside the row.
• Change background – Add colors, gradients, or images to your row background.
• Reorder or duplicate – Drag to move the row up or down, or duplicate it to reuse a layout.
• Delete – Remove a row if it’s no longer needed.

The Rows section gives you complete control over your popup’s structure and layout. By combining different row formats and customizing their decorations, size, visibility, and order, you can build flexible, engaging, and mobile-friendly popups.

Experiment with various layouts to organize your message clearly and encourage user interaction.

Learn how to enhance your popup layout with engaging visuals. The next article, Editor Content – Image, explains how to add, adjust, and style images within your popup to create more attractive and effective designs.