- Quick tips
Tips for Building Better Holiday Email Templates
Styling HTML email templates is painful: Tables, inline CSS, unsupported CSS, desktop clients, web clients, mobile clients, various devices are all things that build and influence your email template. Should any inbox service provider (ISP, that's Google's Gmail) or email service provider (ESP, that's us) struggle to receive/send your emails due to something like a table that isn't optimized for mobile viewing — your email campaigns will fail to attract engagements.
All this to say that it’s no surprise developers don’t want to deal with transactional email templates when there is a backlog of more important priorities outside of email delivery.
We’ve tried to remove some of the pain for you and open-sourced a collection of common HTML email templates for transactional email. Email marketing campaigns will require a different template, especially since the content can vary widely depending on what you're sending. For example, an email newsletter can change daily/weekly/monthly and have a more defined audience depending on the email marketing campaign. So keep in mind that these templates are best suited for transactional emails.
Action emails e.g. activate your account, password resets, welcome emails
Email alerts e.g. reaching a limit, there was a problem
Billing emails e.g. monthly receipts, invoices, order confirmations
These responsive HTML email templates have been tested in all the popular email clients. View on GitHub.
Learn about our Deliverability Services
Looking to send a high volume of emails? Our email experts can supercharge your email performance. See how we've helped companies like Lyft, Shopify, Github increase their email delivery rates to an average of 97%.
Before sending HTML emails you should inline your CSS. We recommend using something like Premailer to accomplish this. There are libraries that do this for each of the popular languages (Ruby, Node, PHP, Python, Grunt) or you can manually inline your CSS here. Our email templates include media queries for responsive design. It is important that media queries are not inlined (Premailer handles this for you).
Our repo contains both the original templates with a separate CSS stylesheet, as well as templates with CSS already inlined. See the /inlined
folder.
These responsive email templates are responsive for mobile devices and use media queries to optimize the design for smaller screens.
As of July 2014, ~50% of emails are opened on mobile devices. So it’s important that your emails look good and are usable on small screens.
Be aware that as of writing this, only a handful of major email clients support media queries. This includes iOS Mail, Android 4.X and Windows Phone 7.5 native email apps.
We’ve tested these email templates across all the major desktop, web and mobile clients, using Litmus.
You also might be interested in this Grunt task for compiling and testing html emails. This is what we used to design and test our transactional emails. It’s a good way to manage your email layouts, compile SCSS, inline CSS and send out a preview to your inbox.
Download templates as a zip or view on GitHub.
These are free and open-sourced, so feel free to use them as you wish. If you do use them, we’d love to know about it. Leave us a link in the comments to your product or service. Discuss on Hacker News
Have you updated your email strategy for the new year? We all want better deliverability, but there are a few small things you need in place in order to achieve it. Watch our webinar that covered all of the strategies needed to succeed in 2018 with our host, Nick Schafer -Mailgun’s resident deliverability expert.
You’ll learn: 1) How to track and improve your reputation as a sender, 2) The dos and don’ts of building and maintaining your lists, 3) How to improve your email engagement and more.
Learn about our Deliverability Services
Looking to send a high volume of emails? Our email experts can supercharge your email performance. See how we've helped companies like Lyft, Shopify, Github increase their email delivery rates to an average of 97%.
Last updated on August 28, 2020
Tips for Building Better Holiday Email Templates
What is Transactional Email? The Basics
Different ways to build AMP emails
Simplifying the Complex Concept of Email Rendering
Using Data to Build Better Triggered Email Campaigns
Responsive Email Templates You Can Get Creative With
When Transactional Email Preps 4 Million Contracts For E-Signature Every Month
Simplifying The Complex: The Basics Of Transactional Email Dynamic Content
Mailgun + Dyspatch: Building A Bridge Between Developers And Marketers
Epic Rep Battle – Marketing Versus Transactional Emails
Mailpets: For The Love Of Animals
Make Email Accessibility Your New Year’s Resolution
Sunset Policies: Allowing Unengaged Recipients to Ride Off into the Sunset
Email's Best of 2020
Catch-All Domain Support Is Now Available In Email Validations
The Best Time To Send Emails: Cracking The Code
Tips for Building Better Holiday Email Templates
Happy Festivus: Email Deliverability For The Holiday Season
The Basics of Email Subdomains
A Word of Caution For Laravel Developers
Make Email Accessibility Your New Year’s Resolution
Sunset Policies: Allowing Unengaged Recipients to Ride Off into the Sunset
Email's Best of 2020
How To Improve Email Open Rates
Preparing Your Email Infrastructure Correctly
4 Tips To Improve Your Email Deliverability In 2020
COVID-19 Email Communications Dos and Don’ts
How To Use Parallel Programming
Mailgun’s COVID-19 Plan of Action
Password Meters Are Not For Humans
Always be in the know and grab free email resources!
Mailgun is committed to protecting your privacy. Please read ourPrivacy Policybefore providing us with your details.