How to Insert Preview Text into an Email

read
Last updated at:

Overview

Preview text is one of the first things recipients see when an email reaches their inbox. It is displayed in the inbox after the subject line of an email and is usually pulled from the first line of text within the body of an email.

In a Gmail inbox, the preview text portion of an email is highlighted

There are two main ways you can use preview text to enhance your emails:

  1. Use preview text to summarize the email.
  2. Use preview text to complement your subject line.

If you do not specifically insert preview text, inboxes will automatically pull it from the first line of text within an email -- this means that ALT text, your navigation bar, etc. could be pulled as the preview text, so it's best to specify what exactly you want your preview text to display. To learn more about how to strategically use preview text, head to the Klaviyo Blog.

This feature is only supported in Klaviyo's drag and drop templates.

Add Preview Text to a Flow Email 

To insert preview text for a flow email on the email preview screen, enter it into the Preview Text input.

In the flow content editor, the Preview Text field is highlighted

Add Preview Text to a Campaign 

To insert preview text for a campaign on the email preview screen, enter it into the Preview Text input.

In the Campaign content tab, the Preview Text field is highlighted

Preview Text in the Inbox

The Preview Text input automatically adds spacers, so only the preview text you enter displays in your customer's inboxes. 

A Gmail inbox with one message with the subject line Things your boss wants you to know and Preview Text Give 'em the numbers

Different devices and email clients have different limits on the amount of preview text characters displayed, with smaller screens displaying fewer preview characters. Keep this in mind, and keep preview text concise. Here are the character limits broken down by email client: 

Preheader character limits listed by email client, between 34 for Gmail iOS and 236 for Outlook.com
Image via Email on Acid 

Display Preview Text Inside Your Emails

In some cases, you may want to display your preview text inside the body of your template. You can reference any preview text you set on the email preview screen by using the following email template tag from the dropdown inside a text block:

A cursor hovers over the Preview Text option in the Insert Tag dropdown within the email editor

You can also manually add preview text by pasting in the following tag:

{% render_variable preview_text %}

If you update the preview text on the email preview screen, this tag displays your updated preview text.

Hide Preview Text

If you want to completely hide any preview text and have only your subject line appear in your customer's inboxes, enter a single space in the Preview Text input. This automatically adds a single space of preview text and prevents email clients from automatically pulling in any other preview text from the body of your email.

Add_space_to_preview_text_field.gif

When your emails hit the inbox, customers will only see your subject line.

A Gmail inbox shows an email with a subject line, but no preview text

Interested in email design? Check out our Guide to Email Design to learn more.
x
Was this article helpful?
95 out of 173 found this helpful