Preheader text is the preview snippet shown after the subject line in most email clients. Optimized preheader text increases open rates by 5-15% by giving recipients a second reason to open. Keep it 40-130 characters, make it complement (not repeat) the subject line, and front-load the most important words.
Preheader Text Optimization: The Hidden Engagement Lever
What Preheader Text Actually Does
The preheader is the first text preview a recipient sees alongside your subject line. On mobile (where 60%+ of email opens happen), it's the deciding factor between open and scroll-past.
If you don't set preheader text explicitly, the email client grabs whatever text comes first in your email body. That's usually "View this email in your browser" or your navigation links. That's wasted real estate.
Character Limits by Client
| Email Client | Characters Shown |
|---|---|
| Gmail (mobile) | 40-75 |
| Gmail (desktop) | 90-110 |
| Apple Mail (mobile) | 75-100 |
| Outlook (desktop) | 35-50 |
| Yahoo Mail | 50-100 |
The safe zone is 40 characters — everything after that is bonus. Front-load your message.
How to Write Effective Preheader Text
Rule 1: Complement, don't repeat. Your preheader should add information the subject line doesn't contain.
Bad: Subject "50% Off Sale" → Preheader "Get 50% off everything" Good: Subject "50% Off Sale" → Preheader "Ends midnight. No code needed."
Rule 2: Create urgency or curiosity. The preheader is your second hook.
Rule 3: Include a call to action. Tell people what they'll get by opening.
Practitioner note: The fastest open rate improvement I've ever seen was adding preheader text to a SaaS company's transactional emails. They went from "View in browser" as the preview to actual relevant content. Open rates jumped 12% in one send.
The Hidden Whitespace Trick
After your preheader text, add hidden whitespace characters to prevent the email client from pulling body text into the preview. Use zero-width spaces or ‌ entities repeated 50-100 times:
<div style="display:none;max-height:0;overflow:hidden;">
Your preheader text here.
‌ ‌ ‌ ‌ ‌
<!-- repeat 50+ times -->
</div>
This fills the preview space with invisible characters so email clients don't pull in your navigation or "View in browser" text.
Preheader and Deliverability
Preheader text doesn't directly affect spam filtering. But it has a strong indirect effect:
- Better preheader → higher open rates
- Higher open rates → stronger engagement signals
- Stronger engagement → better inbox placement
Gmail's engagement-based filtering (see how Gmail decides email placement) means every opened email counts. If your preheader convinces 10% more people to open, that compounds into better deliverability over time.
Practitioner note: I track preheader text as part of every deliverability audit. It's the lowest-effort, highest-impact change most senders haven't made. Five minutes of work, measurable results on the next send.
Common Mistakes
- Leaving it blank. The client will show "View in browser" or your first navigation link.
- Repeating the subject line. Wasted opportunity to add information.
- Making it too long. Past 130 characters, you're writing content nobody sees.
- Using spam trigger content. "FREE!!!" in the preheader is just as bad as in the subject.
- Forgetting mobile. If it doesn't work in 40 characters, it doesn't work.
Testing Preheader Text
Send test emails to Gmail, Outlook, Apple Mail, and Yahoo before every campaign. Preheader rendering varies by client and device. What looks perfect on desktop Gmail may get truncated on iPhone Mail.
Most ESPs have a preheader field in their campaign builder. See our guide on HTML email deliverability for more template best practices. Use it. If yours doesn't, add a hidden div as the first element in your HTML body.
If your open rates are flat and you haven't optimized preheader text, start there. It's the easiest win in email marketing. For a full engagement and deliverability review, schedule an audit.
Sources
- Litmus: Preheader Text Best Practices
- Campaign Monitor: Email Preview Text
- Email on Acid: Hidden Preheader Text
- Google: Email Sender Guidelines
v1.0 · April 2026
Frequently Asked Questions
What is preheader text in email?
Preheader text is the short preview snippet displayed next to or below the subject line in most email clients. If you don't set it explicitly, the email client pulls the first text from your email body — often 'View in browser' or navigation links.
How long should preheader text be?
40-130 characters. Mobile clients show 40-75 characters, desktop clients show up to 130. Front-load the most important content in the first 40 characters.
Does preheader text affect deliverability?
Indirectly, yes. Better preheader text increases open rates, which improves engagement signals. Engagement signals are a major factor in inbox placement, especially with Gmail.
Want this handled for you?
Free 30-minute strategy call. Walk away with a plan either way.