Best Practices & Considerations When Writing HTML Emails

Best practices for styling HTML emails

Campaign Monitor have an excellent support matrix detailing what's supported and what isn't among various mail clients.

You can use a service like Litmus to view how an email appears across several clients and whether they get caught by filters, etc.

Coding an HTML Email

If you're simply pasting HTML code in to a new email window then it treats it as plain text so you will see the code you typed.

HTML emails have to be "processed" before sending in order to receive the design. A service such as Active Campaign will process your code for you and let you see the HTML email.

There are also a number of free templates you can look at from tutorials, boilerplates, Mailchimp and Campaign Monitor to name a few that you can play with.

Email template displaying incorrectly in certain email clients

you need to set "display:block;" style on all images

Responsive Html Email Template

Update: This answer has a big list of email resources including responsive design links

Here are some resources on responsive design:

• Litmus responsive how to guide (scroll to bottom)
• Campaign Monitor responsive guide

And here is a good template to get you started:

• Email on Acid's Responsive template

---

Related Topics