Basic compatibility tips

Email designs are made easier with Mail Designer 365. Here are some basic compatibility tips we would like to share with you:


Certain email programs (notably Outlook 2007 and 2010) have issues displaying several layers of backgrounds. To maximize compatibility, assume that your primary background color will show up. Make sure the font colors you choose will work with that color.


A sidebar layout item may not always display as intended. This is particularly true if it has a separate background color. Instead, you may want to place sidebar details in a regular layout element. This will help improve compatibility.

Choosing Fonts

We highly recommend that you stick to the “web-safe” fonts. When choosing a font within a layout block, web-safe fonts are shown in Mail Designer 365 by default. If you choose another font, then it may not display on your recipient’s computer as intended.

Include a compatibility link

Export your newsletter as a HTML web page. You can include a link to it in your email, allowing readers with older email clients to read your newsletter in their browser as you intended it to be displayed.

Click File > Export as HTML.



Search through the manual

A Quick Tour of Mail Designer 365
Layout Blocks
Image Areas
Graphics and Other Objects
Working with Text
Text Styles
Creative Tools
Working with Links and Buttons
Blend Modes
Preview your Design
Optimizing your Template for Mobile
Plain Text
The Inbox View
Using Retina Images with your Design
Preparing your Design for Sending
Setting Up Mail Designer 365 for Sending
Send via Mail Designer 365
Advanced Design Techniques
Sharing your Designs
HTML Export
Exporting a Design to MailChimp
Exporting a Design to Campaign Monitor
Appendix: Compatibility
Appendix: Keyboard Shortcuts