You've likely tried to design an email template before and run into difficulty. Correct?
There are over 30 major email clients out there using different rendering engines. Various email providers like Outlook, Gmail, Yahoo Mail. Forget about div's, CSS3 or even stylesheets. Email is old skool and requires special development skills.
Today over 50% of emails are opened on mobile devices.
It is more important than ever for Designers, Developers and Email Marketers to consider the experience for iOS and Android users if you really want to get your return on investment. A broken mobile experience can break your campaign. A great mobile experience can make it.
You have a lot to do. You have websites to design. You have code to test. You have products to ship. You have campaigns to send. You have reports to create.
You don't have time to sit and test email templates all day. That's why these templates were created for you.
The biggest challenge in creating emails is not Gmail... it's time.— Dan Denney
These HTML email templates have been tried and tested across all major email clients. They render perfectly and are supported on web, desktop and mobile.
When faced with developing a HTML email template you may be lost in a world of examples that don’t quite explain things clear enough.— Glenn Smith
In 2016 over 50% of emails are opened on mobile devices. You need to make sure your emails don't break for these use cases or you will miss out on opportunities.
Getting responsive design right for email is hard. These templates use a special "hybrid" technique that works across all the major clients. Using this technique the email will know what size of screen it is on and the design responds accordingly to ensure the user has the optimal experience.
Mobile email will account for 15 to 70% of email opens, depending on your target audience, product and email type.— Jordie van Rijn
These email templates have been designed to work with any and all ESPs. There is nothing specific about the implementation that will restrict you from using one or another. They are simply HTML templates.
You can use these as is for transactional emails, marketing and promotional emails, and lifecycle emails. Or you can think of these as boilerplate templates for your own needs and modify accordingly to suit your use case.
Googled "html email templates". 3rd result was a boilerplate by @leemunroe. Copied, pasted, live in production in 5 minutes. Thanks dude!— Cory Watilo
In today's world most smartphones have high resolution displays. A lot of emails you see therefore lack the detail and quality that a phone is capable of displaying.
These templates come packaged with high resolution image assets so your recipients receive the high quality experience that they expect when receiving an email on their device.
Social sharing icons for Twitter, Facebook, Instagram, Pinterest. App store buttons for Apple, Google, Amazon. Sample stock photography that you can replace with your own relevent imagery.
Email is a major touch point for just about any business. Selling something? Onboarding a customer? Resetting a password? Email is the most effective form of communication.— Ted Goas
You can copy/paste the template into Mailchimp's email designer and replace the areas you want with merge tags. Read more in the documentation.
Use a tool like PutsMail to quickly test sending an email to yourself. Make sure you use the inlined version of the template.
Yes they do. They are responsive and work great in Gmail for mobile. They also work great in all desktop clients, all native mobile clients, and all web clients. See our Litmus test results here.
We're tracking bugs in this GitHub repo. Please create a new issue and we'll respond within 24 hours.
I played around with other templates... what a pain in the butt. Your templates worked great! Love that you had them tested using Litmus and were WELL WORTH the cost. Great job.— Mark Studebaker, Flowmingo
Responsive HTML email templates for startups, developers & marketers
Includes both inlined CSS and external stylesheet
Compatible with your email service provider
Tested on all major desktop, mobile & web clients
Fully responsive on mobile devices with 6 column grid
High resolution compressed image assets included
Lee Munroe is an Email Designer and Developer based in San Francisco, California.
Lee was Product Design Lead at Mailgun by Rackspace, an email service for developers, where he open-sourced several email related tools for developers including a Grunt workflow. His GitHub stars for email related projects amount to over 10,000.
As well as open-sourcing email tools, Lee has spoke at several leading industry conferences about email development workflow including Litmus Email Design Conference (Boston), WebU (Toronto), Future of Web Design (San Francisco), O'Reilly Fluent Conference (San Francisco). Lee has authored several articles on email design and development. Read more about his email design workflow here.
I made a HTML email template today without getting extremely upset. Thanks @leemunroe— Brendan Molloy
coding emails. what fun. at least I have @leemunroe's cool grunt email workflow to help with the too-much-fun i'm having. i feel less alone!— Raphaëlle Cantin (@ar_sea) April 19, 2016
Googled "html email templates". 3rd result was a boilerplate by @leemunroe. Copied, pasted, live in production in 5 minutes. Thanks dude!— Cory Watilo (@watilo) January 9, 2016
I made a HTML email template today without getting extremely upset. Thanks @leemunroe— Brendan Molloy ⤴ (@piecritic) July 27, 2016