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 will introduce a new section by using the Rows panel.
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 on 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 stage), 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 will:
- Show you two icons on the stage, which allow you to remove or clone that block of content.
- Change 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, i.e. the row in which the content is located. The editor will highlight it and show you an icon that allows you to drag that entire row elsewhere on the stage.
- You click on a row, and the editor will:
- Deselect any block of content that had been previously selected.
- Select the row, and show you two icons that allow you to remove or clone the entire row and all its content.
- Change 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.