The Rows panel includes different types of structural elements for your message. They allow you to create different sections of the message.
Why different sections? Can’t you just have different content blocks within the same section? You can, but that won’t always work. Rows with different structures allow you to organize content in a way that is different from the preceding and following rows.
For instance, you may need:
- A single-column row with a hero image to introduce your online store’s new promotion
- A two-column row below it to display some of the store’s best-selling products
Whenever you need to switch to a different number of columns, that’s when you can introduce a new section by using the Rows panel.
The very first time you click the Rows panel, you'll see in the drop-down selection list that you have two options of Row categories.
- Empty (the default) – This category shows you a selection of empty rows with the number of columns and their widths already preset.
- Default – This category shows you a selection of rows with content including images, text blocks, and buttons already preformatted for your ease of use.
- Custom – Once you have created and saved your own custom rows, then the names of the custom categories also appear here.
Selecting a row will switch the properties panel to the row and column settings. The editor provides great flexibility and customization at both the row and column level.
To make message creation even easier and faster, you can clone entire Rows (for example, a picture, a button, and a text block) with all of their settings and blocks. This allows what email designers call modular design – you create a module and then replicate it 'n' times in the message.
Columns Within Rows
Settings at the column level within a row allow control over background color, padding, and borders for the selected column.
Selecting Rows and Content
When you mouse over the message in the message editing area of the editor, the following happens:
- You mouse over a block of content (a button in the example below): the editor shows you an icon on the right side that allows you to drag that block of content elsewhere.
- You click on a block of content, and the editor:
- Shows you two icons on the stage, which allow you to remove or clone that block of content.
- Changes the properties section on the right side of the editor to display a series of properties that you can set for that block of content.
- You mouse over an area that is free of content, that is, the row in which the content is located. The editor highlights it and shows you an icon that allows you to drag that entire row elsewhere on the canvas.
- You click on a row, and the editor:
- Deselects any block of content that had been previously selected.
- Selects the row and then shows you two icons that allow you to remove or clone the entire row and all its content.
- Changes the properties section on the right side of the editor to display a series of properties that apply to that column within the row. A row can contain more than one column.
Saving Custom Rows
You can save a row and add it to the library of custom rows for reuse in your email content. The rows saved and added to the library can also be used by other users in your account.
First, click the row in the editor's canvas and then click the Save icon.
Next, enter the name of the saved row, select a category, and then click the Create button.