We do our best to make our emails look great in all email clients but, as in life, some things are simply beyond our control. One variable that can commonly make email campaign messages display differently from what you saw in your testing is Microsoft Outlook. While we don't want to go around pointing fingers, it's known that Outlook renders HTML code in their own unique way that differs from other email clients.
The 2007, 2010, and 2013 versions of Outlook use Microsoft Word to render the HTML and since Word was built with print as its primary focus, it can cause some unexpected rendering of elements and text. The 2003 version of Outlook doesn't have this problem because it uses Internet Explorer to render the HTML. Unfortunately for all of us, most people aren't using an 11-year-old version of the software!
One thing you can do is try and determine which version of Outlook the majority of your potential respondents are using so you can design and test for that specific version. But please know that most designers will tell you that getting an email to look the same across email clients is probably more difficult than getting a website to look the same!
We know of a few things that you should avoid in your HTML emails:
- Background Images
- Animated GIFS (serious bummer, we love GIFS)
- Images taller than 1700px
Admin
— Bri Hillmer on 01/03/2017
@Metricsinstitute: Thanks for the suggestion!
Bri
Documentation Coordinator
SurveyGizmo Customer Experience Team
— Metricsinstitute@gmail.com on 01/02/2017
I have found that editing the message in Word as a table with invisible borders, than copying it to JFrog, improves a lot how it renders in Oulook