When I add this preheader in Marketing Cloud:
Only a click away
and test send my mail to my mailbox, my preheader will look like this:
Only a click away Online Version Design Catalogue Find a store etc etc.

So the preheader actually becomes a mix of my preheader and the first available texts in my header element in the email.

Can I in anyway set up my preheader to show preheader text only?

Thank you


Normally the email clients show all "text" that they find in the emails up to N# number of characters as an abstract of the email content.

A possible workaround is to add HTML whitespaces ( ‌= " ‌") after the preheader:

<div style="display:none; white-space:nowrap; font:15px courier; color:#ffffff;">

You can do this in 2 ways:

  1. (suggested) edit your template/email HTML in the "code view" and place the code above in the <body> after <custom type="header" />
  2. Add to your email a "snippet block" plance it like first element in the email and then paste the code above in the block.

Remember that each (non markup) text presente before the code above will be displayed as preheader also if you have "hide" with the HTML CSS/Style.

Remove text in preheade

Hide elements in email


Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.