First 40 Characters: B2B Email Preheader Text Playbook with Templates
, 10 min read
A preheader, or preview text, is the short snippet that appears after your subject line in many inboxes. It supports the subject line and, when crafted correctly, can materially improve open rates. This article explains what preheader text is, why it matters, and how to write, implement, and test it across email clients.
TL;DR:
- Preheader text’s length varies by device and client, with mobile screens typically showing around 40 characters and longer previews on desktop.
- A dedicated preview text field in your email platform should be used whenever available to ensure the correct snippet appears, reducing the risk of placeholder or default text.
- Testing across multiple email clients and devices is essential to verify how your preheader displays, especially in Outlook, Gmail, and Apple Mail.
- Effective preheaders complement the subject line by adding value or clarification and should be written immediately after the subject line for coherence.
- Adding a hidden preheader in HTML or Outlook involves short, meaningful text styled to be invisible, but it should be tested thoroughly due to inconsistent rendering across clients.
Table of Contents
- Preheader vs preview text: what each term actually means
- Why preheaders matter for opens and first impressions
- How preheaders display: length rules across devices and clients
- Best practices and templates for writing effective preheaders
- How to set a preheader in your ESP, HTML, and Outlook
- Common mistakes and a pre-send QA checklist
- Testing, preview-text hacks, and future-proofing against AI summaries
- Why alignment matters more in cold outreach
- Templates and examples that save setup time
- Sources
- FAQ
Preheader vs preview text: what each term actually means
The terms get used interchangeably, but the distinction matters for troubleshooting. Preheader text usually refers to a line of copy placed inside the email’s HTML, often hidden from the visible body but readable by the inbox. Preview text is what actually displays next to or below the subject line in the inbox list. Most inboxes pull whichever text appears first in the HTML unless a dedicated preheader field or hidden block tells them otherwise.
A few mechanics worth knowing before you write a single word:
- Inboxes default to the first visible text in your email when no preheader is set, which is often “View this email in your browser.”
- Image-heavy emails with no text at the top can surface alt text instead, which rarely reads well as a preview.
- Many ESPs offer a dedicated preview text field that overrides both of the above, and it should be your first choice when available.
Why preheaders matter for opens and first impressions
Litmus describes preview text as the “third leg of the inbox stool,” alongside sender name and subject line, and notes that some clients allocate as much or more visible space to preview text as they do to the subject line itself. That space is often wasted on default browser links or repeated subject copy, which means most senders are handing over free real estate without using it.
Preview text can occupy as much or sometimes more space than the subject line in some clients, according to Litmus, which makes it one of the more overlooked levers in a campaign’s first impression.
A well-written preheader can prevent that browser link or irrelevant alt text from dominating what the recipient sees before opening. It has limits, though: some users disable snippets entirely, and some inbox views suppress them, so the subject line still needs to carry the message on its own.
How preheaders display: length rules across devices and clients
Character limits for preheaders are not fixed. They shift with screen width, font size, and how much space the client gives to sender name and subject line before truncating. As a rough guide, mobile inboxes tend to show fewer characters than desktop clients, so front-load the useful part of your message.
Behavior also varies by client:
- Gmail on mobile often truncates around 30 to 40 characters, while desktop shows more.
- Apple Mail tends to allow longer previews, sometimes running to two lines.
- Outlook’s display depends heavily on version and whether the reading pane is active.
- When no preheader is set, image-first emails may show alt text or nothing useful at all.
Because these rules shift, the only reliable way to know how your email will look is to send test versions to real accounts across clients and devices, or use a dedicated preview tool before your campaign goes out.
Best practices and templates for writing effective preheaders
The preheader’s job is to extend the subject line, not repeat it. A subject line that raises a question should have a preheader that adds a reason to click, not restate the question in different words. A few working rules:
- Keep the first 40 characters doing the real work, since that is what most mobile clients will show.
- Be specific: “Save 20% through Friday” beats “Check out our latest offer.”
- Match tone to email type: urgency for cart reminders, value for newsletters, reassurance for onboarding.
- Avoid starting with generic phrases like “Having trouble viewing this email,” which wastes the entire snippet.
- Personalize when the data supports it, such as referencing a name, company, or past action.
A few short templates to adapt:
- Welcome: “Here’s how to get your first result in under 10 minutes.”
- Newsletter: “This week: three tactics your competitors are already using.”
- Promo: “20% off ends Friday. No code needed at checkout.”
- Abandoned cart: “Your cart is saved, but only for 24 more hours.”
Pro Tip: Write the preheader right after the subject line, not as an afterthought, so the two read as one continuous thought rather than two disconnected pieces of copy.
How to set a preheader in your ESP, HTML, and Outlook
Most modern ESPs include a dedicated preview text or preheader field in the campaign editor. Use it whenever it exists, since it avoids the guesswork of hidden HTML blocks entirely.
When your platform lacks that field, you can add a hidden preheader manually:
- Place a short block of text immediately after the opening body tag, styled with
display:noneor a similar hiding method. - Keep the text brief and meaningful on its own, since some clients will render it even when hidden styling fails.
- Add an
aria-hiddenconsideration or keep the hidden text meaningful for accessibility, since screen readers may still encounter it.
In Outlook specifically, preview text behavior depends on the version and whether the person is using the reading pane or the classic list view. There is no separate “preheader field” in Outlook itself: it reads whatever text your ESP or HTML places at the top of the email, so the same hidden-block approach applies. The most common mistake is assuming Outlook will behave like Gmail and skipping a manual test in an actual Outlook account.
Common mistakes and a pre-send QA checklist
Placeholder preheader text is one of the most embarrassing and preventable errors in email marketing. Litmus documents multiple real cases of unedited placeholder copy reaching subscribers, which points to a process gap rather than a one-off slip.
Before sending, run through this checklist:
- Confirm the preheader field is filled and matches the final subject line, not a draft version.
- Check that “View in browser” or unsubscribe text is not leaking into the visible preview.
- Scan for alt text appearing where preheader copy should be, especially in image-heavy templates.
- Send a test to at least one Gmail, one Apple Mail, and one Outlook account to compare rendering.
- Verify character count against both mobile and desktop displays before final approval.
Testing, preview-text hacks, and future-proofing against AI summaries
Some marketers extend the hidden preheader with an invisible-character spacing technique, chaining zero-width non-joiners and non-breaking spaces to push unwanted content like “View in browser” out of the visible preview. Litmus documents this pattern and notes it works in many clients but renders inconsistently in others, so it requires testing before wide use.
Major email clients are experimenting with AI-generated inbox summaries that can override manual preview text. Litmus
That shift does not make preheaders pointless. It makes them supportive rather than guaranteed, which is why the subject line still needs to work on its own.
Pro Tip: Write your opening body sentences as clearly as your preheader, since AI-generated summaries often draw from that first line of actual content.
Why alignment matters more in cold outreach
In cold email, the preheader has to work harder because there is no existing relationship to soften a mismatch between promise and content. A subject line that creates curiosity paired with a preheader that clarifies the value tends to outperform two lines competing for the same surprise. Favor clarity over cleverness when the recipient does not know you yet. Sales Pitch’s cold email templates pair subject and preheader lines built around that principle.
— Samuel
Templates and examples that save setup time
Writing a strong preheader from scratch for every campaign takes time most sales teams do not have between calls and follow-ups. Sales Pitch’s 12 cold email templates come with subject and preheader pairings already built for common B2B outreach scenarios, so you can adapt the wording to your offer instead of starting from a blank page.
A few things worth checking before you commit to any template:
- Confirm the tone matches your existing outreach voice before sending at scale.
- Test the pairing in at least one live inbox before a full campaign.
- Treat the templates as a starting point, not a final draft.
Browse the full set on Sales Pitch and adapt the ones closest to your next campaign.
Sources
For deeper reading, Litmus covers preview text mechanics in detail, and its preview-hack writeup walks through the spacing technique step by step. For list-building context that shapes who sees your preheaders, Babylovegrowth’s guide covers segmentation basics worth pairing with preview text strategy.
- The Ultimate Guide to Email Preview Text | Litmus
FAQ
How long should email preheader text be?
There is no fixed limit, since it depends on the client and device, but aim to make the first 40 characters count because that is what most mobile inboxes display. Desktop clients often show more, so longer copy is not wasted, just less visible on smaller screens.
How do I add preheader text in Outlook?
Outlook does not have a separate preheader field of its own: it displays whatever text sits at the top of your email’s HTML or whatever your ESP’s preview field sets. The safest approach is a hidden text block right after the opening body tag, tested in an actual Outlook account before sending.
What is an example of an email header?
An email header typically refers to the technical metadata like sender, recipient, and subject line fields, which differs from the preheader or preview text discussed here. If you mean the visible top section of an email, that usually includes the subject line and sometimes a logo or navigation bar, not the hidden preview snippet.
Where does an email preheader show up?
It appears in the inbox list, next to or below the subject line, before the recipient opens the email. Some clients hide it entirely depending on the user’s settings or reading pane configuration.