How to insert preview text into an email

read
Last updated at:

You will learn

Learn what preview text is, where it appears in your emails by default, and how to insert it into the body of your emails. 

About preview text

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. For custom HTML templates (including custom HTML templates with drag-and-drop support), your email designer should insert your desired preview text into the beginning of the email's code. 

Add preview text to a flow email 

To insert preview text for a flow email on the email preview screen:

  1. Open the flow containing the email you'd like to edit
  2. Click the flow message to open the Content sidebar
  3. Click Edit from the content sidebar
  4. In the Preview Text field, add your desired preview text
    In the flow content editor, the Preview Text field is highlighted

Add preview text to a campaign email

To insert preview text for a campaign on the email preview screen:

  1. Open the campaign you'd like to edit
  2. Click Continue to Content
  3. In the Preview Text field, add your desired preview text
    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 

Gmail may remove commas within a set of numbers from your preview text. For example, 10,000 will be converted to 10000 in Gmail's preview.

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 using following tag:

{% render_variable preview_text %}

Paste the tag into any text block in your template. 

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

Additional resources

x
Was this article helpful?
154 out of 274 found this helpful