A few days back we quietly launched what I think is one of the most useful new features we’ve added to Campaign Monitor in a while. As we’ve written countless times before, getting some design consistency across all the major email clients is one of the biggest annoyances of the job. The sole reason behind this frustration is the lack of CSS support, which was the reason we launched the Email Standards Project recently.
To get around these deficiencies, you really need to move away from web standards and stick with table-based layouts with all of your CSS done inline, instead of being separate to your content. The problem is, adding that CSS inline is fiddly and takes a long time, not to mention how depressing it is completely butchering your code.
Be frustrated no longer. Now, by checking a single checkbox, we’ll automatically generate your inline CSS for you when you import your campaign. This means you can build your emails just as efficiently as your web pages (except for those nasty tables you need to add), and then we’ll do the heavy lifting for you automatically that will ensure the best rendering result across all the major email clients.
See it in action
The best way to demonstrate how cool this feature really is, is to show a few before and after shots. As you know, the biggest CSS hater is Gmail. Taking a few random samples from our email design gallery, here are the results you can get just by ticking that innocent little checkbox.
The Tonic Vision newsletter
Gmail before the checkbox
Gmail after the checkbox
The NZLive.com newsletter
Gmail before the checkbox
Gmail after the checkbox
The results really do speak for themselves. Even though we quietly snuck this feature in a few days ago, it’s already proven extremely popular, with more than 600 customers using it for their campaigns.
A big shout goes to Toby Brain, our superstar intern who developed this feature, and also a big thanks to Alex Dunae, the developer of Premailer who was generous enough to offer his own advice on the best way to approach inline CSS to get the best results possible for you all.
Enjoy, and if you can think of any ways we can make this feature even more useful, please let us know.