Hướng dẫn preview text html

  • Tips & Resources

Did you know there is a preview text hack you can use to make the most of this valuable email real estate? Because your email’s preview text in the inbox shows at least as many characters as your subject line—(and in some cases, much more) it can be difficult to optimize. That’s because email clients always pull in enough characters to fill all available preview text space (up to 5 lines). That means you’re left with two choices:

  1. Go long and have it cut off, which can create embarrassing truncation.
  2. Go short and have URLs and other “non-optimized” content from your emails pulled in to fill the space.

Enter, the little-known third choice…

Did you know you can create white space after your desired preview text so that email clients don’t pull other distracting text or characters into the envelope content?

In most cases, all you need to do is add a chain of zero-width non-joiners (‌͏ and ‌) and non-breaking spaces ( ) after the preview text you want displayed. The repetition of
͏‌  then fills any remaining preview text space.

There is a caveat, though. As of February 2022, it seems that in some cases, this preview hack may not work. Whether it’s due to your ESP or an email client that is having a bad day, there may be times you’ll need to play around with the above preview hack to make sure it works. Here are some ways to do it:

  • M.J. Robbins has a variation in his library of Good Email Code where he alternates the HTML entity ͏ and a space as the preview hack:
    ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏
  • We’ve also seen it done by adding spaces to the original hack:
    ͏ ‌   ͏ ‌   ͏ ‌  

The bottom line: If the hack shows up in your preview text, play around with different variations to see if you can find one that works.

You can see where to insert the code in this example:

Insert hidden preheader text here.
͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ 

The backstory (and new story) on the preview text hack

The preview text hack used to only consist of a string of ‌ , but the email community (and our recent testing) discovered that this does not work with Yahoo! Mail. Our email marketing specialist, Carin Slater, now recommends ͏‌  so “then you’re covering all your bases,” as far as email clients go.

But, since email clients make updates pretty often that can break your emails, it’s important to make sure you always test your preview text (and the rest of your emails)!

We’d also like to give a special shout out to Litmus Community member Ryan Field who mentioned this technique in 2016—and called it a “super old” preview text hack. While that may be true, hardly anyone was using it.

Today, nearly 35% of respondents from our LinkedIn poll still don’t know about it.

Hướng dẫn preview text html

Hopefully, we’ll continue to see the use of the preview text hack climb.

How brands are using this hack

Looking for inspiration on how to use this trick?

We’ve been using this hack in our Litmus emails from the monthly newsletter and Litmus Weekly, to product announcements and event invites. Here’s how some of them look like in Gmail:

Hướng dẫn preview text html

Check out some more examples of other brands successfully using this hack to optimize their preview text:

Hướng dẫn preview text html

Does it impact email deliverability?

While there are concerns from the community and email marketers regarding email deliverability and use of this hack, we haven’t experienced any issues. We’ve been using the preview text hack across different campaigns for many years now without ever seeing a negative impact on deliverability. If anything, it might help deliverability since this can create a positive subscriber experience, which leads to engagement. (The inbox providers love that!)

But, as with most things in email, if you do want to use this hack but are concerned about how it could impact your deliverability, use email A/B testing to see if your subscribers respond positively, and ensure your deliverability rates remain stable.

Take control of your preview text

The popularity of this hack is increasing, but there are still many brands who have yet to use it. So give it a try and see how you like it. You’d never leave your subject line to chance, so take control of your preview text as well.

Hướng dẫn preview text html

Make the best first impression

Get a guided check of the most critical email elements—like your subject line, preview text, and from name—before you hit send, with Litmus Test. Start your free trial today.

Learn how

Originally published on July 11, 2018, by Chad S. White. Last updated March 2, 2022.

  1. Tips & Resources

    Read Time: 18 min

  2. Email Design

    Read Time: 18 min

  3. Email Marketing Performance

    Read Time: 12 min

  4. Don’t Miss Litmus Live 2022 this Fall!

    The Premier Email Event by Email Pros, for Email Pros.
    From Anywhere–and Any Budget.

    Learn More