• Skip to main content
  • Skip to footer

Dyspatch

  • Products
      • Overview
      • No-code email builder
      • Email collaboration
      • AMP for Email
      • Template localization
      • Expert services
      • Overview

      By use case

      • Product reviews
      • Surveys
      • Add to cart
      • Calendar booking
      • Product carousel
      • Interactive polls
      • View all

      By vertical

      • SaaS
      • Ecommerce
      • Fintech
      • Travel
      • Healthcare
      • On-demand services
      Sendwithus Logo
      • Overview
      • Analytics
      • A/B testing
      • Triggered emails
  • Pricing
  • Case studies
  • Resources
    • Blog
    • Free templates
    • Product shorts
    • Webinars
    • White papers
    • Ebooks, guides, & reports
  • Company
    • About us
    • Careers
    • Contact us
  • Login
    • Dyspatch
    • Sendwithus
Get a demo

Getting the Most Out of Your Preheader Real Estate

By Dyspatch | January 29, 2015 | Categories: Email Marketing
⏱ 3 minute read

What Exactly Is a Preheader?

When your email client displays the contents of your inbox, it gives you a couple of pieces of information. Most obviously there’s the sender and subject – these are handled pretty much the same universally. Then there’s some information on when the email was received, if it has been read, and a bit of text offering a preview of the contents of the email body. That last piece, the little preview text, is the “preheader”, so named because it comes before the header in the email code.

Most email clients will just populate the preheader with the first plain text in the body of the email. In the case of a simple note between friends, this works great, but what about your full-featured HTML emails?

plain text header left blank

Some templates, like this one here, create placeholder text that will populate the preheader. Don’t be that guy – you know, the one who sends you a beautiful email with a preheader that reads, “Use this area to offer a short preview of your email’s content.”  Oh, look… here’s one from that guy now:

don't forget a plain text preview

If your template doesn’t have a built-in placeholder, you’ll end up with some weird administrative text or a repeat of the subject line (if it’s used as a title in the body). So how do you customize it and get the most out of your real estate?

Right now we’re working on adding a preheader field to Sendwithus (like the subject field) so you won’t have to worry about what it looks like in the code. But, for the moment (and for the readers who, for some crazy reason, still aren’t using Sendwithus) here’s a quick, hacky kind of way to do it. Just put the following code right after yourtag:

 Put Your Preheader Here

Here’s what it looks like in the editor:

And here’s what it looks like when it arrives in your inbox.

inboxpreheader

As you can see, even after the tag, Gmail keeps pulling from the rest of your content, including names of images. The number of characters they pull fluctuates but tends to land at around 100 characters of preview space. While this is certainly not universal (it’s barely even consistent) 100 characters is a pretty good guideline – anything past that is likely to be missed. The Mail app on iOS will pull a little more for the multi-line preview, but the Gmail mobile app is significantly less.

So what does this mean?

The best use that I see is for news roundups – having a brief table of contents show up gives you some space to mention the different topics that wouldn’t fit into the subject line. Personally, this is usually one of the last things I do before sending out an email – it comes right after writing the subject line. With this workflow, you know what’s in the body and what’s in the subject line and you can use the preheader to fill the gap.

Dyspatch

With Dyspatch, you can build engaging, interactive emails, without having to write code. By leveraging a custom modular email design system, non-technical teams can deploy beautiful, on-brand campaigns faster and achieve greater operational efficiency.

  • Facebook
  • Twitter
  • Instagram
  • LinkedIn
  • YouTube

    Related Posts

  • Salesforce Marketing Cloud Now Supports AMP for Email
  • AMP for Email Series: Upgrade Your Email Subscription Management With Interactivity
  • Transactional Email Hall of Fame – October 2018
Share this post:
  • Facebook
  • Pinterest
  • Twitter
  • Linkedin
LET’S CHAT!

Why wait? Take your email marketing to the next level today.

Get a demo

737 Fort Street,
Victoria, BC
V8W 1G9 Canada

548 Market Street,
San Francisco, California
94104 US

  • Phone 1-877-458-9231
  • Email us@dyspatch.io
  • Facebook
  • Twitter
  • Instagram
  • LinkedIn
  • YouTube

Get the latest email strategies, tips, and trends right to your inbox.

About Dyspatch

  • About us
  • Careers
  • Contact us
  • Pricing
  • Press & Media
  • Release Notes

Features

  • Dyspatch overview
  • No-code email builder
  • Email collaboration
  • Email template localization
  • AMP for Email
  • Sample AMP email templates
  • Expert Services
  • Sendwithus Overview
  • Agency Program

Email resources

  • Blog
  • Dyspatch product shorts
  • Webinars
  • White papers
  • Ebooks Guides & Reports
  • HTML email templates
  • Knowledge base
  • Email production glossary

Integrations

  • Integrations overview
  • Email builder for Braze
  • Email builder for Iterable
  • Email builder for Salesforce Marketing Cloud
  • Email builder for Pardot
  • Email builder for SendGrid
  • Email builder for Marketo
  • Email builder for HubSpot
  • Email builder for Oracle Eloqua

Dyspatch respectfully acknowledges the Lekwungen and W̱SÁNEĆ People, whose unceded territories we live and work on. We would also like to express our gratitude to all of the Coast Salish people as we continue to work and live as guests on their lands.

We recognize that acts of colonization created many inequities for First Nations, Inuit, and Métis people. As a company, we acknowledge that we have a responsibility to work towards reconciliation and to remain open to suggestions and consultations, especially with Indigenous communities.

Privacy policy    |    Terms of service    |    Web accessibility    |    Cookie policy    |    Usage    |    Sitemap

Copyright © 2023 Techdrop Labs Inc. All Rights Reserved.

Get a quote

Get a demo

Features & Functionality
StarterTeamsTeams+
Universal styling
Drag and drop email builder
Custom code editor
Custom fonts
Device specific elements
Version history
Social media link settings
Commenting
Live previews
Dark mode previews
Litmus testing
Custom merge fields
Image hosting
Brand & legal compliance guardrails
User role permissions
ESP logic
Code Export
AMP Email Support
Approval Workflows
API Access
User Management
Translation (via Smartling)