Skip to content

Support for Preview (Preheader) Text

edited November 2018 in Questions

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)?

Comments

  • BenBen
    edited July 2021

    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

This discussion has been closed.