Recommended steps for setting up the templates

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

  1. I 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. In the office we are using Atom(https://atom.io/) and can only recommend it. Also for email templates the html tables <table> should be used to create the basic layout, rather than divs.
  2. After the check, I 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, I 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 editor opens up blank, it is usually caused by malformed/corrupt HTML. Validity of HTML can be checked by this validator:

https://validator.w3.org/

Broken links

We also had a case where a special character was used that needed to be escaped to be displayed/used correctly:
https://en.wikipedia.org/wiki/Character_encodings_in_HTML


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

https://bitly.com/