How to correctly add a preheader to an HTML email

Ever received an email where the subject line looks intriguing, but when you open it, you’re left scratching your head, wondering what it’s all about? We’ve all been there. That’s where the magic of a preheader comes in.

Picture this: You’re scrolling through your inbox, and amidst the sea of messages, one catches your eye. The subject line piques your interest, but before you even open it, you catch a glimpse of the preheader – that little snippet of text right after the subject line. Suddenly, everything clicks into place. You know exactly what the email is about, and you’re more inclined to open it.

In the world of email marketing, the preheader is like the sneak peek that entices your audience to dive into the full content. It’s your chance to provide a tantalizing preview of what awaits inside, increasing the likelihood of engagement and conversions.

So, if you want to boost your email open rates and make sure your message doesn’t get lost in the inbox abyss, adding a preheader is a simple yet powerful technique you don’t want to overlook.

You can either have a preheader that shows on the email, or one that is hidden but shows as preheader text in the inbox. For the latter method its pretty simple but you need to add it a specific way to make sure it does not show on the email

To see this in situ, see the below which has it within our email boilerplate:

Any questions, give us a shout 🙂