Skip to main content

Managing Rows and Columns

How to easily build emails using rows and columns on Nexl Engage

Jenn Gopez avatar
Written by Jenn Gopez
Updated over 2 weeks ago

Every design crafted in Nexl Engage email editor includes at least one row. Rows serve as the fundamental structural component for any email or campaign created within Nexl Engage. Any content block you drag and drop onto the builder stage is inserted into a row.

Row properties

Rows ensure your design is responsive on mobile devices by adjusting their width automatically to fit the screen size. This means there are no fixed dimensions dictating row sizes:

  1. Click outside the content area to select the entire row.

  2. After selecting a row, the builder sidebar will display multiple row properties. These options allow you to apply design elements to the entire row and are divided into sections for easier navigation and identification:

Backgrounds

The Backgrounds Row Properties offer the following customization options:

  • Row background color

  • Content area background color

  • Row background image

    • Apply effects is also available in a row background image.

Borders

The Borders Row Properties offer the following customization options:

  • Content area border

  • Content area rounded corners

Layout

The Layout Row Properties offer the following customization options:

  • Vertical align

  • Stack on mobile

  • Stack order on mobile

  • Hide on

Columns Structure

  • The Column Structure Row Properties offer the following customization options:

  • Column background

  • Column padding

  • Column border

Column Management

  • Use resizable columns

  • Adjust the width of individual columns

  • Add or remove columns in an existing row

  • Align images within a row

Add a row with the desired number of columns. Then, use the side panel to adjust the size of the columns by dragging the divider. You can also add or remove columns from the existing row. This allows you to create rows such as:

Adding a column

  • A new column is always added to the far right with a default width of 2. Consequently, the nearest column on the left is reduced accordingly.

  • If the left column is already at its minimum width, the next column to the left will be resized instead.

  • Once the maximum number of columns is reached, the "+ Add new" option will no longer be available.

Deleting a column

  • When a column is deleted, the adjacent columns on the left will take on its width.

  • If the deleted column is the leftmost one, the column to its right will inherit the width.

  • The Delete option will not appear if only one column remains.

Please note:

  • The order of columns cannot be rearranged.

  • If you accidentally delete a column, use the undo feature to restore it.

  • Widths can only be adjusted by column numbers, not in pixels.


Saved Rows

How to Use Saved Rows in Engage

If you often reuse the same content across different designs—like footers, headers, or special sections such as bios or profiles of team members —Saved Rows will help you work more efficiently in Engage. This feature lets you store and reuse design elements whenever you need them.

What Are Saved Rows?

Saved Rows allow you to save parts of your design—like footers, headers, or sections—so you don’t have to recreate them each time you build a new design.


How to Save a Row

When you’re editing a design in Engage, look for the Save icon:

  • In the Row actions toolbar

  • In the Row Properties panel (when you select a row)

To save a row:

  1. Click on the Save icon.

  2. Enter a name, choose a Category, and specify the row type.

  3. Click Create to save it.


How to Use a Saved Row

To reuse your saved row:

  1. Go to the Rows tab in the builder.

  2. Choose either the My Saved Rows section or a specific category.

  3. Find and add (drag and drop) the saved row to your design.

Tip: Only 30 rows are displayed at a time due to loading limitations. Use the Search by keyword feature to find specific saved rows.


Managing Row Categories

Row categories help you organize and filter your saved rows.

Creating a New Category

  1. In the Rows tab, click on the three dots. Select "Add new category"

  2. Enter a name (e.g., Footers) and click Create.

Your new category will appear in the categories list. You can edit or delete any custom categories you create. Note that the default category, My Saved Rows, cannot be modified.

Moving a Saved Row to a New Category

  1. In the builder, select a saved row.

  2. Click Edit details.

  3. In the modal window, select the desired category from the dropdown.

  4. Click Update to save your changes.


Ways to Use Saved Rows

Saved Rows are versatile and can help you:

  • Quickly add footers, headers, or sections to multiple designs

  • Update your templates in just a few clicks

  • Break a template into reusable sections for different layouts

Did this answer your question?