Email marketing and deliverability

Preheader

What is a preheader?

An email preheader (also widely known as preview text, snippet text, or the second subject line) is the brief line of summary text displayed immediately adjacent to or underneath the sender name and subject line within an email client's inbox view. While the subject line functions as the primary headline of an email message, the preheader provides essential supporting context, giving prospective readers a preview of the email's content before they make the decision to open, archive, or delete the incoming message.

In modern email marketing, deliverability optimization, and direct-to-consumer (DTC) engagement, the preheader represents one of the most critical, yet frequently neglected, levers for driving email open rates. Across mobile smartphone inboxes (such as Apple Mail, Gmail, and Outlook mobile), preview text occupies substantial visual screen real estate—often displaying between 40 and 100 characters of visible text. Optimizing this preview space allows marketers to capture reader attention, resolve curiosity, and significantly expand open rates in crowded inboxes.

The technical mechanics of email preheaders

Preheaders exist in two distinct technical implementations within modern HTML email development:

  • Visible preheaders: Text placed explicitly at the very top of the HTML email template, visible to the recipient both in the inbox preview snippet and as the opening header text inside the body of the email when opened.
  • Hidden (invisible) preheaders: Specialized HTML and CSS styling that allows preview text to display prominently in the inbox preview pane, while remaining completely invisible within the body of the email once opened. This is accomplished using CSS display properties (`display:none; max-height:0px; overflow:hidden; mso-hide:all;`).
  • The whitespace padding hack: If a preheader is short (e.g., thirty characters), modern email clients will automatically pull in subsequent text from the email body (such as "View this email in your browser" or social media footer links). Marketers prevent this unsightly overflow by inserting a sequence of non-breaking spaces (`‌ `) after the intended preheader, pushing unwanted body text out of the preview window.

Strategic synergy: Pairing subject lines with preheaders

The most effective email campaigns do not treat the subject line and preheader as disconnected fragments; they design them as an integrated, two-part narrative sequence:

  • The question-and-answer hook: The subject line poses an intriguing question, while the preheader hints at the solution (e.g., Subject: "Is your checkout page losing sales?" -> Preheader: "Discover the 3 subtle form friction errors that drop conversions").
  • The offer-and-urgency pair: The subject line introduces an exclusive promotional discount, while the preheader injects temporal urgency or terms (e.g., Subject: "Enjoy 25% off our entire catalog" -> Preheader: "Your VIP early-access code expires tonight at midnight").
  • Curiosity and punchline delivery: The subject line establishes curiosity, while the preheader delivers a witty, relatable punchline that humanizes the brand voice.
  • Avoiding redundant duplication: The most common copywriting error is repeating the subject line inside the preheader text verbatim. Repeating identical phrasing wastes valuable character real estate and fails to provide compelling additional incentives to open the email.

Device and client variations: Character count limits

Email clients vary dramatically in how many preheader characters they display across devices and screen viewports:

  • Mobile smartphone viewports (Apple Mail and Gmail App): Mobile clients prioritize vertical stacked layout, typically displaying between 35 and 55 characters of subject line text followed by 40 to 90 characters of prominent preheader text.
  • Desktop webmail interfaces (Gmail web): Gmail desktop displays the subject line and preheader horizontally on a single line. The amount of visible preheader text depends directly on the length of the subject line; a long subject line will compress the preheader to a few words.
  • Desktop application clients (Outlook): Outlook desktop often defaults to displaying only the subject line unless the user explicitly enables "Message Preview" in their folder view settings.
  • The 40-to-60 character golden rule: Copywriters should front-load the most critical value proposition, compelling offer, and emotional hooks into the first 40 to 50 characters of the preheader to guarantee readability across all devices.

Personalization and dynamic content in preheader copy

Modern marketing automation platforms (HubSpot, Klaviyo, Marketo) empower marketers to inject dynamic data tokens directly into preheader text:

  • Customer first-name personalization: Greeting the recipient by name or referencing their specific loyalty tier directly in the preview pane (e.g., "Sarah, your 500 loyalty bonus points expire this Friday").
  • Dynamic product category insertion: Personalizing the preheader based on recent browsing history or past purchase categories (e.g., "Explore our newest arrivals in running footwear tailored for your marathon training").
  • Dynamic location and weather triggers: Referencing regional weather patterns or localized store locations to increase immediate contextual relevance for mobile readers.

Measuring preheader performance through A/B testing

Isolating the commercial impact of preheader copy requires structured experimentation methodologies:

  • Multi-variable subject line and preheader split testing: Running A/B/n tests where the subject line remains constant while testing two distinctly different preheader variations (e.g., a discount-focused preheader versus a curiosity-focused preheader) across a 20 percent sample audience.
  • Open rate and Click-to-Open Rate (CTOR) tracking: Measuring whether compelling preheaders lift unique open rates, while verifying that the preview text accurately set expectations so readers engage with call-to-action buttons once opened.
  • Tracking downstream revenue attribution: Monitoring revenue per recipient (RPR) to verify whether specific preheader messaging attracted high-intent buyers rather than superficial curiosity clicks.

Frequently asked questions

What happens if an email marketer does not set a preheader?

If an email marketer fails to set custom preheader text, the email client will automatically extract the first available text found in the email's HTML body. This frequently results in unappealing, technical preview snippets like "View in browser", "Trouble viewing this email?", or unsubscribe boilerplate text.

How many characters should an email preheader be?

An email preheader should ideally be between 40 and 80 characters in length. Because mobile email apps truncate text based on individual smartphone screen sizes, copywriters should always front-load the most compelling value proposition, key discount offer, and emotional curiosity hooks within the first 40 to 50 characters.

Can you hide the preheader text from showing inside the email body?

Yes, email developers use specialized inline CSS styling (such as display:none, max-height:0px, font-size:0px, line-height:0px, and overflow:hidden) to create hidden preheaders. This technical implementation ensures that the preview text appears prominently inside the inbox preview pane across all devices but remains completely invisible once the recipient opens and reads through the main email layout.

What is the preheader whitespace padding hack?

The whitespace padding hack is an HTML technique where developers insert a sequence of non-breaking spaces and zero-width non-joiners immediately after short preheader text. This prevents the email client from pulling in subsequent, unwanted body text from the email to fill the remaining preview space.

Related terms

  • Email marketing: The strategic distribution of targeted commercial messages, educational content, and newsletters to opted-in subscribers.
  • Open rate: The percentage of delivered email messages that were successfully opened by recipients in a given campaign.
  • Click-through rate: The ratio of users who click on a specific digital link or advertisement to the total number of users who view it.
  • A/B testing: An experimental methodology where two variations of a digital asset are compared simultaneously against a randomized control audience.
  • Call to action: An explicit marketing instruction designed to prompt an immediate interactive response from the target audience.