Support for Preview (Preheader) Text

m1crmguys · November 2018

I can't find anything about this in the interface or the forums, but is there any support for adding pre-header text (ie. the text that shows up next to the subject line in inbox view)?

Ben · November 2018

Hi,

Here's a good method to define preheader text in your HTML code → https://stackoverflow.com/questions/32888872/how-to-define-html-email-preheader. I've tested it and it works.

Here's my code:

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title></title>
        <style>
        /* ... */
        /*--- Preheader declaration in style block in addition to inline for Outlook */
        .preheader { display:none !important; visibility:hidden; opacity:0; color:transparent; height:0; width:0; }
        </style>
    </head>
    <body>
        <span class="preheader" style="display: none !important; visibility: hidden; opacity: 0; color: transparent; height: 0; width: 0;">Preheader text shows up in GMail, iOS, Mail.app, &amp; more: 75 text char limit</span>
        <p>This is a test</p>
    </body>
</html>

Thanks.

Best regards,
Ben

Support for Preview (Preheader) Text

Comments