I have spent a fair amount of time this week working on creating an email template. It is like creating a webpage, however without any form of standards. Somethings will work perfectly in one email client, say Gmail, and entirely fail in another, say Outlook. And then when you fix that weird quirk in Outlook, something else completely odd will break in Gmail.
It's been a bit of a headache.
I have however discovered a pair of tools that have made everything slightly better, and I'm sharing them for two reasons:
- They made today easier, hopefully they will help someone out later.
- I will forget them next time I have to do them. It's good to have it all documented.
MailChimp CSS Inliner
beaker.mailchimp.com/inline-css
HTML emails require all the CSS to be inline, otherwise pain and hurt occurs. The handy MailChimp CSS Inliner takes <style> s and turns them into style="". Handy.
Puts Mail
The majority of my email templates end up going though MailChimp, however it is not great for that final round of testing where you are testing one small bit, correcting something, sending the email again, tweaking, and loop. Puts Mail allows you to quickly update a template, fire off and test and then go again.
Anyone else have a handy tools for email testing?
Post changelog
- 2020-05-17 – Decouple gulp from SCSS generation
- 2018-12-24 – Generate (but not use yet) RWD images
- 2018-09-01 – Importing all the old blog posts
