ES
Get access

Preheader Generator

Preview how your subject and preheader appear in inbox views. Generate the correct hidden preheader HTML. Note: inbox display is an approximation — actual rendering varies by client and device.

23 charactersGood length
37 charactersGood

Inbox preview approximation

These are approximations only. Actual display varies significantly by client, device, and screen size.

Gmail
C
Company Name
Your email subject line — Your preheader preview text goes here
Apple Mail
C
Company Name
Your email subject line — Your preheader preview text goes here
Outlook
C
Company Name
Your email subject line — Your preheader preview text goes here

Preheader HTML

<span style="display:none;max-height:0;overflow:hidden;mso-hide:all;">Your preheader preview text goes here&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;</span>

Place this immediately after the opening <body> tag in your email HTML.