In this article, you will learn about what to consider when creating HTML Emails in MTARGET to ensure they can be sent and used clearly.
It is important to know that HTML Emails and Web HTML are very different. What you create in Web HTML may not be fully applicable when creating HTML Emails. This is crucial because, despite both using HTML code, some still believe that what is made in HTML Email is almost the same as Web HTML. While this is partially true, there are several things you need to pay attention to and know when creating HTML Emails.
Things That Can Be Used in HTML Email
Static content
Make sure the content in your HTML Email is static, or the content does not change frequently.
Table-based layout.
Templates with a maximum width of 600px-800px.
Ensure using simple CSS.
Use responsive web fonts to appear correctly in the email.
Things to Consider in HTML Email
Background images.
Custom Web Fonts.
Layout width.
Map images.
Embedded CSS.
These points need attention because most of them depend heavily on the email client. Not all email clients support background images, excessively wide layouts, and so on.
Things Not Recommended in HTML Email
Javascript
Flash
Embed audio and video
iframe code
div code for layering
These points are highly discouraged when creating HTML Emails because, in many cases, using them is futile as they won't appear.
Elements to Consider
GIF Animations
Some email clients do not support GIF animations. In other cases, if you include a GIF animation in an HTML Email, ensure it is uploaded to the File Manager so it can appear in the email.
Web Fonts
Here are some email clients that support and do not support web fonts.
Support Web Font:
Apple Mail
Lotus Notes 8
Outlook 2011 for Mac
iOS Email
Outlook 2016
Android
Android Mail 2.3
Android Mail 2.4
Android Mail 2.5
Do Not Support Web Font:
Lotus Notes 7
Lotus Notes 8.5
Gmail
Yahoo!
Outlook 2003
Outlook 2007
Outlook 2010
Outlook 2013
Thunderbird
IBM Notes 9
AOL
Blackberry
Alto
Unnecessary Elements
Javascript
Most email clients block emails using javascript as it can hide harmful content.
iframe
Iframe code (inline iframe) is an HTML element that embeds content from one site to another. This code is often used to insert ads, videos, audio, or forms from other sites. Iframes often contain scripts, so email clients will likely reject such emails.
Flash
Flash displays animations and images from other web sources, so most email clients reject it. If you want to use animations, you can use GIFs to make the content more engaging.
Embedded Media
Autoplay or click-to-play content cannot be displayed in the subscriber's inbox. Unless the recipient's email client supports HTML5 with the
Note: If you are accustomed to and rely heavily on HTML Emails, an alternative is to segment email contacts based on the email client they use.
After learning what to consider when creating HTML Emails, you can start creating HTML Emails with this guide.