HTML emails are hard and cumbersome. With all the different email clients out there with different rendering engines and inconsistencies it’s not as easy as using modern HTML and CSS.
Postdrop helps by giving you a ready to go template and inlines your CSS so you can copy the output into your codebase or ESP. Send a test to yourself or colleagues to insure it works as expected in your email client or on your device.
This started as simple personal tool and now it has evolved to support user accounts so you can save and test all your templates in one place.
I share the sentiment and think there’s a balance.
The problem is a lot of marketers or designers go overboard with HTML emails and they’re overly designed with visuals and graphics in an attempt to look good or match their brand.
Using actual plain text is a bit of a pendulum swing in the other direction though and really restricts things, including the fact you can’t add tracking pixels to get the analytics you might need.
An HTML email that is “designed” to still look like plain text strikes a good balance I think. Allows for some visual type hierarchy improvements, allows for links with clear anchor text and utm tags and any tracking pixels you need. Easier for you the developer to maintain. While at the same time isn’t distracting to the user.
Even in 2017, and even with recent Gmail improvements, it is still a best practice to inline your CSS before sending email to ensure they don't fall apart in one of the many clients out there. This tool inlines your styles in real time and provides a handy preview so you can see what's happening.
Building HTML email is hard. Building responsive HTML email is even harder. But email opens on mobile are at 50% and rising. Hoping this article shares some useful advice and lessons learned.
Hey, this is Lee. Correct. The simple responsive email template is free and open source. If you have the time, or don't have the budget, you could definitely use this as a starting point and create the rest of the templates on top of this. It took me more than a few hours though :-)
OK! So funny I have used that freebie one for a few years. That's why I knew it the second I saw it. That's been a very useful template and I really appreciated finding it on github a long time ago. Use it for transactional emails literally all the time. Thanks for putting it up. By the way for the inlining I use premailer. That's a good service.
There are several differences with the templates for sale on HTMLemail.io: More layouts, a 6 column grid, better responsive support for mobile (including Gmail apps), includes high resolution image assets for social media and app store buttons, better support across all clients including Gmail and Outlook.
Another Lee! Thanks for being transparent about the differences and for that awesome Grunt workflow. I'll take a closer look at the for sale templates.
Email is hard. Responsive email is even harder. Developers and startups often need the same set of templates to send out with their service so I put these together.
HTML email is still way harder than it should be. So I put together this basic responsive email template and just recently updated so there is better support across more clients. Enjoy.
Postdrop helps by giving you a ready to go template and inlines your CSS so you can copy the output into your codebase or ESP. Send a test to yourself or colleagues to insure it works as expected in your email client or on your device.
This started as simple personal tool and now it has evolved to support user accounts so you can save and test all your templates in one place.