Email Template Best Practices
Template structure best practices
|
Section |
Contents |
Notes |
|
Pre-header |
Hidden preview text in inbox preview |
50–100 characters. Supplements the subject line. |
|
Header |
Brand logo, community name |
Keep consistent across all templates. |
|
Body |
Greeting, message, context |
50–125 words. Lead with the key action. |
|
CTA |
Primary action button |
One clear CTA per email. Contrasting color. |
|
Footer |
Unsubscribe, privacy, notification settings |
Marketing emails require {unsubscribeUrl}. Transactional emails exempt. |
Creative block combinations
|
Combination |
Effect |
|
Text + Divider + Text |
Clearly sectioned emails (e.g., “What’s New” then “Upcoming Events”) |
|
Photos + Button |
Visual CTA area (event banner with “RSVP Now” below) |
|
Button + Button |
Primary and secondary actions |
|
Spacer between sections |
Consistent vertical breathing room across email clients |
|
Footer block |
Standardized compliance area across all templates |
Recommended branding priority
All 35 system templates are already functioning via the legacy flow. This is a recommended order for creating branded versions - prioritized by engagement impact. Nothing is broken if you don’t brand them.
|
Phase |
Templates to brand |
Why these first |
|
Phase 1: First Impressions |
Registration Confirmation, Email Verification, Forgot Password, Email Change Confirmation |
First emails new members see. Branding sets the tone from day one. |
|
Phase 2: Engagement Drivers |
Mentions, Likes, Private Message, Solution to Question, Answer Accepted |
Emails that bring members back. Branded notifications drive higher click-through. |
|
Phase 3: Growth & Recognition |
Event Invitation, Event Reminder, Membership Invite, Award User Badge, User Rank Change |
Expand reach and celebrate achievements. |
|
Phase 4: Operational |
Moderation, Post, Admin, Subscription templates |
Functional notifications. Lower direct engagement impact. |
Email design tips
- Brand consistency - Same colors, logo, and voice across all templates.
- Mobile-first - Single-column layouts, 44px+ touch targets, 14px+ body text.
- One clear CTA - Large, high-contrast, above the fold.
- Personalization - Use {userLogin} or {receiver} in greetings and subject lines.
- Brevity - 50–125 words. Front-load the most important information.