Home | Email Marketing | Common Email HTML Issues

Common Email HTML Issues

The ClickDimensions marketing automation solution gives customers several email editor options to choose from, including some that allow you to access an email template’s HTML. You can access HTML in the block, freestyle and custom HTML ClickDimensions email editors, but keep in mind that the level of access varies in each of these editors.

If you decide to use the block editor, you can access some HTML within HTML content blocks, but you do not have access to things like header code or metadata. The freestyle editor contains an easy-to-use visual template builder, but also allows you to access the source HTML to make custom edits to the template. The custom HTML editor permits you to build out your template from scratch using HTML coding exclusively. For additional assistance to decide which editor is right for you, take a look at this blog post and this help article.

You may encounter some common HTML issues when coding your email templates such as spacing, font changes and HTML limitations. Spacing (such as between paragraphs or lines) does not always stay in place when emails are sent. Some email clients, such as Outlook or Gmail, enforce their own rules or may ignore any rules entirely. One simple fix is to use break tags, <br> after each text block. Another solution involves setting the padding, margin styles and line height, then setting the style inline to gain control over spacing. Some email service providers render <p> inconsistently when compared with <td>.

Another issue you may encounter is limitations of font types that can be used in emails. Images are usually blocked automatically by the majority of email clients, but live text is consistently seen by the recipient. Sans Serif and Serif are font families that are somewhat consistent across email platforms. Web safe fonts are Arial, Tahoma, Verdana, Century Gothic, Times New Roman and Georgia. If you select a different font that is not considered a web safe font, then a fallback font may be needed for your email. The fallback font will display (if you selected it) if the template’s font is not rendered by the email client. Even so, the email client may choose to use their preprogrammed choice. For example, Outlook 2007/10/13 will display Times New Roman as a fallback font.

Also, it’s important to remember that HTML for use in an email is not the same as HTML used in a web browser. Emails can support static images, HTML and nested tables with a template width of 600px. They can also support simple inline CSS with web safe fonts as previously discussed. GIFs can be incorporated too. Embedded videos, iFrames and JavaScript should not be used in email templates. Additional information regarding what to include and not to include in email templates has been outlined in this help article.

Happy Marketing!

Please note that ClickDimensions cannot assist with custom code requests.

About the Author:

mm
Chemierra Stovall is a ClickDimensions Marketing Success Manager.

Leave A Comment