- 1 Minute to read
- Print
- DarkLight
01 – Preheader
- 1 Minute to read
- Print
- DarkLight
Description
The preheader text summarizes the email content as a call to action or as an incentive to encourage recipients to open an email. This feature also contains the View in Browser link. There are a few options to choose from, including hiding or showing the preheader on mobile or hiding it altogether, just leaving it visible in the inbox list view.
When clicked, the View in browser text will open the email message in the recipient's browser of choice.
Default Block View
Desktop
Mobile (Hidden Preheader)
Formatting options
Padding
This refers to the space between the block's content and its border. This can be edited in the Details Tab.
Option | Details | Default |
---|---|---|
Padding | Top | 10 |
Right | 20 | |
Bottom | 10 | |
Left | 20 |
Hide/Show Preheader Text
Used to hide or show the preheader text in Desktop view.
Option | Details | Default |
---|---|---|
Hide/Show | Desktop | Show |
Hide/Show Preheader Text for Mobile
Used to hide or show the preheader text in mobile view.
Option | Details | Default |
---|---|---|
Hide/Show | Mobile | Show |
Block Background Color
Used to change the block background color. Only use HEX color values. HTML email only recognizes 6-digit long-hand versions and has patchy support for shorthand versions.
Option | Details | Default |
---|---|---|
Background Color | Block Background Color | #ffffff |
Preheader Text
This is where the preheader text is entered.
Option | Details | Default |
---|---|---|
Preheader | Text | preheader preheader preheader |
Compatibility
There are no known render issues with this block.