For a proper introduction to every feature, let's go through the panel section by section, starting with the very top.
Invisible Header Text
The Invisible Header Text (also known as Preheader) is a short summary of your email that appears in the email inbox preview, next to or below the subject line. It helps give recipients a quick idea of the content before they open the email, improving engagement rates. This text is included at the top of the email but remains hidden when the email is opened.
Please notice the magic wand icon at the top right. This handy AI tool can automatically generate preheader text based on the current content of your template. Neat!
Below is an option to enable and configure Google Promotional Annotations. Activating this option will display a modal window where you can define and preview this feature.
E-mail template maximum width
Here, you can adjust your template's width. The standard width is set to 600 pixels, but you can modify it according to your needs. Adjusting the width is helpful if your screen has more pixels than the template. A 600-pixel-wide template should display properly on both desktop and mobile devices.
Template colors
This set of options enables you to configure the general color scheme of the basic building blocks of your template.
With these options, you can adjust:
E-mail background: The background color of your whole template.
Blocks background: The background color of all structures.
Buttons: The background color of all buttons.
Hyperlink: The text color of all hyperlinks.
To avoid your template resembling a rainbow (unless that is your intention), you can choose from either predefined colors or colors already used in your template (which are detected automatically).
Font settings
This set of options enables you to define a unique appearance for all three levels of headings, as well as paragraph text and button text. Apart from standard settings, such as font color, font size, and font type, you can also set font style, letter spacing, line height, and casing. These additional options are hidden in the expandable window.
You can also locate and temporarily adjust these options in the text editor toolbar, which appears automatically whenever you edit any text.
However, you can only permanently change the default font settings in the Settings panel.
Default line-height
This setting refers to the amount of space between individual lines in a block of text. In other words, the smaller this number, the more compressed the text will look.
List settings
List settings apply exclusively to lists (they do not affect simple text). Once you create one (either ordered or unordered), these settings enable you to adjust its position relative to other elements within the same block.
List item
This is another set of settings that affects only lists. They allow you to define the font style of list items, along with list markings (the style of bullet points for unordered lists and numbering formats for ordered lists).
And that’s all, folks! Now go to the template and experiment with these settings. If you ever feel lost or confused about any functionality, please don’t hesitate to contact our support team; we’ll be more than happy to assist you!