Increase your open rate by controlling the pre-header text
Pre-header text is the snippet of text that is displayed after the subject line when an email is viewed in the inbox of an email client. Keep in mind when designing your email messages that some email clients now display a short preview of the email next to or below the subject line, before the recipient even opens the email. The preview is usually 1-4 lines of the first text in the email. If the first item in your email is an image, the URL of the image will be displayed in this preview section.
Pre-headers are drawn from the first available text in the body of the email. This can be added to your message in the drag and drop using just the basic text functionality, using some code in the HTML function of the text component or by adding it to a raw HTML message using code .
If you're wanting to take advantage of using pre-header text :
- Limit pre-header messages to 85-100 characters.
- Test pre-header content in multiple email clients for an idea of how many characters recipients see.
- Test the email and pre-header on mobile devices by viewing the content in vertical view and horizontal view.
Not familiar with CSS and want to have hidden pre-header text in your drag and drop message?
Here is how:
- Drag a new text box from the right hand side and place it at the very top of the email.
- Select this new component by clicking on it once, then on the right hand side, under the 'Content' section, change the padding to 0, set the background colour to match your email design.
- Double click into your new text box and highlight the text in there. Type in your pre-header text. Now, highlight the text again and change its size to the smallest available in the blue toolbar. Now, change the text colour to match the background.
- And there you have it! Invisible pre-header text in a drag and drop email!
The second option for adding pre-header text to the drag and drop editor