HTML templates for emails

Modified on Mon, 20 Dec, 2021 at 11:57 AM

When creating an email template in auto action, this is the workflow that will mitigate the issues with malformed HTML:

  1. Take the original code for the email and run it through the validator to see if there are no unclosed tags or other similar issues. There are some text editors that can do basic validation as well.
    We can recommend Atom (https://atom.io/). For email templates, the HTML tables <table> should be used to create the basic layout, rather than divs.

  2. After the check, copy the correct original valid code and run it through the Mailchimp inliner:
    https://templates.mailchimp.com/resources/inline-css/

  3. From the inlined code, copy the part of the code from the first <table> tag until it's closing tag and paste this into the auto action.


Troubleshooting

Blank editor

When the editor opens up blank, it is usually caused by malformed/corrupt HTML. The validity of HTML can be checked by this validator:


Broken links

Special characters might need to be escaped to be displayed/used correctly:


Another way how to avoid using special characters is to use som URL shortener,  e.g. bitly:

https://bitly.com/



                                                                                                                                                Next category

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article