There are some best practice tips which you can follow when coding and designing your HTML emails. These tips will assist in insuring your email has the best chance of displaying correctly across most email clients.
Keep It Simple - Try to keep your email design as simple as possible. Adding a lot of extraneous tables and images increases the likelihood of something being incorrect in your HTML code.
Inline Coding - Always use inline styles when coding your emails. For example:
<font face=”Arial, Trebuchet, Times New Roman” color=”#000000” size=”12pt”>Here is your text</font>
No CSS - Most email clients will ignore external style sheets, and some email clients (such as Gmail) will strip internal cascading style sheets also. Avoid using CSS, and stick to inline coding.
Be Cautious of MS Word - When it comes to laying out your email plan, or moving your text content into your email, Microsoft Word might be the obvious choice. However, please be aware that when you paste content from Microsoft Word, it almost always takes erroneous code along with it. Be sure when copy and pasting from Word to always use our ‘Paste From MS Word’ tool in the editor.
Styling links - When creating the links in your email, if colour is especially important to your design, you may want to add a safeguard to the code of your links. Some email clients will attempt to revert links to their own default colour (usually standard blue).
To prevent this from happening, we recommend adding a redundant span tag to the HTML code of your link:
<a href=”linkurl.com” color=”#CDCDCD”><span color=”#CDCDCD”>link text here</span></a>
This should prevent the colour of your text from being changed by the recipients email client.