How to Code HTML Emails

Tweaking an HTML email’s design can be tricky and you may find out that your design is not consistent across all email clients.

Here are some tricks for you:

Code like 10 years ago: use tables for layout, use web-friendly default fonts, like Arial, Helvetica and Verdana.

Verify your styles/CSS with our Premailer add-on: Premailer is a core feature for us and will not compromise the quality of your design! We want your code to be as perfect as it can be, and Premailer takes care of just that.

Know an email client’s limitations: Always verify with The Email-Standards Project to keep up with today’s standards. If you aren’t sure what features are supported on which email client, this is the perfect place to check up on that.

Being a late-adopter is ok: HTML 5 is AWESOME (we love it) but not every email client is ready for it. Use it with caution if you must use it at all, and use testing tools like Litmus to make sure everything looks a-ok before you hit send.

If you need further help or have any questions or comments, be sure to contact us or leave a comment below!