In this article, you will learn about all the options available to you in the E-Mail Editor.
| TIP | If you are unsure how to access the editor view, first read our article on E-Mail Templates. |
STRUCTURE OF THE EDITOR
The editor is divided into two areas: On the left side is the stage, where you place content blocks and rows during design. On the right side is the sidebar, where you can customize many of the design elements.
An icon separates the stage and sidebar (blue circle with white arrow). You can minimize the sidebar at any time by clicking this icon.
The sidebar contains three tabs that assist you in creating content.
GENERAL TAB
On the General tab, you set default values for your entire design.
You can customize the following options here:
- Width of the content area
- Alignment of the content area
- Background color
- Background color of the content area
- Default font
- Link color
ROW TAB
Rows are the most important structural element for designs you create with the AirLST E-Mail Editor. Within your rows, you adjust the column structure.
With a multi-column row, you place content side by side in your design. Above all, rows serve as containers for all your content blocks.
If you use more than one column, arrange different content elements side by side.
You can drag and drop all necessary structural elements onto the stage regardless of the initially chosen template.
CONTENT TAB
This area contains tiles representing the different types of content you can use in your design.
To use a tile, drag it into a column or row – it automatically adjusts to the column width.
Each content block has its own settings, such as granular control of padding.
The panel on the right automatically switches to the property window of the selected content element.
MOBILE VIEW
By default, the stage shows how your design looks on a desktop device. Using the mobile design mode, you can additionally see how the design appears on a mobile device.
To do this, click the mobile device icon at the top left of the editor.
Most changes you make in mobile design mode are applied by the editor to both the desktop and mobile versions.
Certain elements are additionally marked with a mobile device icon in the sidebar. These settings apply exclusively to the mobile version of your design.
| NOTE |
If you make a change to one of these design elements in mobile design mode, the icon in the sidebar changes from red to blue. This indicates that the change applies only to the mobile version of your design. |
If you have any questions, our Customer Service Team is available to assist you.