HTML emails can suck. From the 1990s era code to uninspiring templates to fulfillment and statistics in an alien CRM HTML emails are something that many choose to ignore. Or, at best, develop and deliver outside of a CRM.
In the summer of 2018 University Relations at West Virginia University implemented a new way of delivering HTML emails in support of Enrollment Management. We found we could be more creative and focused in our messaging than we ever expected. Early numbers show we may have influenced our class with our new strategy.
In this session, you’ll follow along with a case study that will cover how we:
• Re-thought our email communication plans from the ground-up
• Helped designers and developers collaborate with Enrollment Management using Litmus
• Built a tool on top of MJML to help speed up our development time, as well as segment copy and imagery, for our emails
• Track the effectiveness of our email communications using a dashboard built in Data Studio
And it’s all CRM agnostic.
27. TYPES OF EMAILS FOR YOUR PLAN
By send type: one-time or drip
By format: promotional or transactional
Other types: onboarding, abandoned
cart and win back
39. THE PARTS OF AN EMAIL
Subject line
Preview text
Body of email
Call to action
Alignalltodriveyourgoal
40.
41. WRITING TIPS
Use user stories and empathy mapping to
ensure content is on target. Single call-to-
action.
Write in the second person and use the
contact's name.
Be explicit with copy related to personalization.
Have consistent brand voice. Lean towards a
style that's more “social media” and less “print."
54. FEATURES OF MJML
Easy and quick
Responsive by default
Component-based
Use an online editor, local editor or node library
Pre-built templates and clear docs
56. PATTERN LIBRARY LOCAL TOOL
* Not mutually exclusive. Can do both.
Pure MJML + MJML Tool MJML + Mustache + Node
57. BENEFITS OF EBB2
Separate content from layout.
Pattern-based. MJML + Mustache.
Auto-reload when designing in the browser.
Segment copy and imagery.
Auto-add tracking information.
Fit to your process.
59. DESIGN TIPS
Responsive layout with max width of 600 pixels.
Grid layouts. Single column with rows.
Avoid image-only CTAs. Use big HTML buttons.
If using GIFs the first frame needs most
important information if it’s conveying critical
information.
Be creative. Use illustrations and white space.
71. EMAIL TRACKING TIPS
Develop consistent, flexible format for campaign
names. For example, FR-400-2008.
Use contact record ID for uid and cid query
string variables.
Add ni=1 as a query string variable to make
sure email open event isn’t recorded as a page
view.
84. SENDER REPUTATION TIPS
User metrics and engagement determine your
reputation. Not your name or how big you are.
Send email to people who want it (e.g. opt-ins).
Your content should encourage engagement.
Have a sunsetting policy for people who don’t
engage with your emails.
85. SENDER REPUTATION TIPS
Send different emails in your plan from
different from addresses.
Advanced: Segment and separate emails
across different IP addresses. Transactional
vs promotional vs onboarding.
Advanced: Use a warm-up routine when
using a new ESP or when you’ve bought
names.