Skip to main content
glyph.sh
Type a command…⌘K

Email Preheader Generator

Generate optimized email preheader text with preview and HTML code

Create compelling email preheader text that appears in inbox previews. Optimize your email open rates with properly formatted preview text.

Preheader Text Builder

Your email subject line for context
0 characters
Optimal: 40-130 characters

Inbox Preview

Gmail Desktop

iPhone Mail

Outlook Desktop

HTML Code

Copy this code and paste it at the very beginning of your email HTML, right after the opening <body> tag.

Pro Tip: Place this code before any "View in browser" links to ensure your preheader text appears in email clients instead of that default text.

Best Practices

Length Guidelines

  • Mobile: 30-55 characters visible
  • Desktop: 90-140 characters visible
  • Optimal: 40-130 characters total
  • Front-load important info

Writing Tips

  • Complement, don't repeat subject line
  • Create curiosity or urgency
  • Include benefits or value prop
  • Use action-oriented language
  • Avoid spam trigger words

Common Mistakes

  • Repeating the subject line
  • Too generic or vague
  • Starting with "View in browser"
  • Too long (gets cut off)
  • Forgetting to add one at all

Example Combinations

Subject LinePreheader TextPurpose
Save 30% This Weekend OnlyFree shipping on all orders over $50. Use code WEEKEND30 at checkout.Adds urgency + details
New Security Tools Released5 PowerShell scripts for Active Directory management now available to downloadExpands on what's new
Your Invoice is ReadyInvoice #12345 for $299.99 is ready to view. Payment due Nov 15th.Provides key details
Welcome to Our Newsletter!Get weekly tips on cybersecurity, automation, and IT infrastructure. Unsubscribe anytime.Sets expectations
Don't Miss OutLast chance to register for our webinar on Zero Trust Security - spots filling fastCreates urgency + context

Technical Details

How It Works

Email clients look for text content at the beginning of your email to generate the preview. The preheader code uses hidden spans with specific CSS to ensure your chosen text appears instead of random content from your email body.

The zero-width spaces prevent email clients from pulling in additional text after your preheader ends.

Email Client Support

  • Gmail: 100-120 chars (desktop), 30-40 (mobile)
  • Apple Mail: 140 chars (desktop), 35-55 (mobile)
  • Outlook: 90-140 chars (varies by version)
  • Yahoo Mail: 150 chars
  • Mobile apps: Generally 30-55 chars