In this Article
The majority of email clients don't support every type of HTML content you see on the web. Web browsers are able to display scripts, animations, and complex navigation menus, while your typical email inbox isn't built to handle this type of content.
Here are some best practices for content types to avoid in your email designs, and what to use instead.
Best practices for HTML Email
static, table-based layouts
HTML tables and nested tables
template width of 600px-800px
simple, inline CSS
web safe fonts
custom web fonts
Use with caution
Include certain elements, like background images and custom fonts, in your Message templates. Not all email clients support these elements, so we recommend that you thoroughly preview and test your campaigns before you send them to your entire audience.
Some email clients don't support animated GIFs, but if you would like to include a GIF in your campaign, you can insert one into your campaign directly from Giphy. If you upload a GIF directly, your animated content must be edited first.
Finalsite Messages supports background images in the preheader, header, body, column, and footer sections of our drag-and-drop templates. If you use a custom HTML template, you can add a background image with our template builder. Background images don't render in every email client, and may appear differently in mobile clients, so it's important to thoroughly preview and send a test message before you send them to your audience.
The editing toolbar allows you to use standard fonts and a select number of custom web fonts. If an email client doesn't support a web font used in your campaign, we'll replace it with a standard font instead.
Here is a guide for you to know which email clients do and do not support web fonts.
Lotus Notes 8
Outlook 2011 for Mac
Android Mail 2.3
Android Mail 4.2
Android Mail 4.4
Lotus Notes 7
Lotus Notes 8.5
IBM Notes 9
Your contacts often open campaigns on mobile devices or in the preview pane of desktop email clients. Email viewing panes are narrow, so they'll cut off your message if it's wider than 600-800px.
Do not use
The following elements are blocked by nearly all major email clients.
An <iframe> (inline frame) is an HTML element that embeds content from one website into another. Inline frames are often used to insert advertisements, video, audio, or forms in other websites. Iframes often contain scripts, so most email clients block them. Instead, link to the content you want to display in your campaign.
Flash displays animations and graphics on websites, but most email clients block it. Instead, try gifs to make your content more engaging.
Instead, insert a link to a web form.
Autoplay and click-to-play media won't play in an inbox unless your contact's email client supports HTML5 <video> and <audio> tags. Only one major email client, Apple Mail, supports these tags, so it's best to avoid embedded media and consider an alternative.
Instead, follow the instructions to Link to video in Messages to display a video thumbnail with a “Play” icon on top of the image.