What is it?
Formatting emails for consistent delivery across multiple email clients can be tricky, but we've put together this article with resources to help make your life easier. Each email client (Outlook, GMail Mac Mail, etc.) renders messages in different ways. While one rule might work well in certain email clients, it could be interpreted differently by other clients, causing unintended display issues. The best way to maximize consistency across email clients is to keep the content and layout of your emails simple. We've also put together several email templates and tested them on the most popular email clients.
Click here for an overview of sending a message via the Contact Center.
Click here to view our Confirmation Email Templates.
Click here to skip right to the Template Selections.
Tips and Suggestions
1. First, copying and pasting from a program like Microsoft Word can often create unintended results. If you do need to copy and paste text, it is best to first paste it into a text editor such as TextEdit (Mac) or Notepad (Microsoft). This will strip out any unnecessary HTML code that could impact your message, and you can use the Oasis editor for styling.
2. As a best practice, save these templates as templates. When you need to create a new message, you can make a copy of the template in your Saved Messages and start from there. This will allow you to always keep a 'clean' copy of your email template for future use.
3. Be aware of the size and number of images you include. In general, we recommend including only a few images in your emails - it helps with deliverability, but also how your recipients experience your content. Emails with a lot of images tend to load slowly on mobile devices.
We also recommend resizing large images before uploading them to your Media Manager. If you're using a PC, you can resize images in a program like Microsoft Paint. If you're on a Mac, Photos works well. There are also free online services, like Pixlr, that can be used to size photos. If the original image uploaded to the Media Manager is sized correctly, you don't have to rely on the browser correctly interpreting the HTML.
4. Keep alignment simple. Image alignment can be tricky with mobile-friendly emails. We recommend having images appear on their own lines, rather than aligned with words wrapping. Remember, keep it simple. Similarly, images should not have any margin or spacing applied.
5. Finally, we recommend removing all spaces from the file name of an image prior to uploading. Some email clients will interpret a file name with a space as a broken link, causing the image to not appear. As a best practice, you can remove the spaces entirely or replace space with dashes (-) or underscores (_), so rather than uploading an image called "my logo.png" use one called "my-logo.png" or "my_logo.png."
7. Articles that are in the same column can be separated by a horizontal line. To add that line, click on the Insert Horizontal Ruler icon.
8. Because of the different email clients' standards, it is recommended to style your headings with the CSS button as opposed to using H1, H2, H3, etc.
This will help ensure the the message is received with the proper styling instead of the default styling of the user's email client. Note: This is different from what we recommend when creating content for your website, and applies to email only.
Template Selection
Choose a template and download the corresponding text file below. You can download as many newsletter templates as you like at no charge. Note: Click on a template's name to download the associated text file.
Click here to learn how to upload one of the newsletter templates below to your Contact Center.
Large Header Image |
Clickable Sections |
No Image Header |
If you are an Authorized Service Administrator and would like help customizing your email template, feel free to contact the Help Team for assistance.
Comments
3 comments
Are the old templates still available as well?
Hey Christina! The old templates are still available in our Classic article.
Kinsey Mahan and Jay Fitzmaurice: So happy with these new templates – thank you! These are the sorts of resources that are beyond helpful for us.
Please sign in to leave a comment.