You may have wondered how you can customize the preview text of your emails:

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/6cadb0bd-138d-42eb-8920-20d0d17ef288/Untitled.png

A good preview should be the continuation of your subject line. It will help your open rates go up. So how does it work?

The first text is the preview

Most email clients take the first line of text from an email to display it as a preview.

However, this is not always the same text that you want to have in your visible email.

Therefore there is a trick how you can define the preview text independently from the visible content of the email.

However, this is not always the same text that you want to have in your visible email.

Therefore there is a trick how you can define the preview text independently from the visible content of the email.

It works by setting the preview text to "hidden" in the HTML source of the email.

This sounds more complicated than it is. In the following I will show you how it works.

Add email preview as hidden text

Start by selecting the first visible element of your email.

<aside> 💡 If you define the preview text as a separate element and then set it to "Hidden" in HTML, it will not be displayed in the editor anymore. Therefore we add it to the first visible element.

</aside>

Often this is the link to the email preview. It can also be any other element that is at the very beginning:

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/b7cb7e36-355e-4849-8050-dd584d8072da/Untitled.png

Click on the Code View button in the editor on the right side:

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/8ec7ff69-b6ed-4ed6-9ac6-e1e4b2b499b8/Untitled.png

This should look something like this:

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/35166a22-6098-4153-9184-7a743152d859/Untitled.png