Resource for Outlook Optimized emails | Community
Skip to main content
A
Anonymous
February 27, 2015
Question

Resource for Outlook Optimized emails

  • February 27, 2015
  • 5 replies
  • 3118 views
I've been working on developing a responsive template for Marketo and noticed that Marketo strips out the Outlook conditional tags. Is there a resource for writing a solid responsive template that will work on most clients and most devices?
This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

5 replies

A
Anonymous
February 27, 2015
Here's a few sources for templates:

http://internations.github.io/antwort/

http://speckyboy.com/2014/07/10/free-responsive-email-templates/

https://litmus.com/blog/go-responsive-with-these-7-free-email-templates-from-stamplia

We use the Antwort templates and have been pretty happy with them. (They render beautifully across a wide range of devices / clients.)
Dan_Stevens_
Dan_Stevens_
Level 10
February 27, 2015
Traci, what conditional tags are being stripped out?  We've been banging our heads trying to figure out how to fix our responsive emails when sent to users who have adjusted their Windows scaling above 100%.  I've tried everything mentioned here, but the issue still remains. So I wonder if it's due to Marketo stripping out specific code.
A
Anonymous
February 27, 2015
So if you put in conditional tags:

<!--[if !mso]><!-- -->

<!--<![endif]-->

then send a test email, in Outlook, view source and those conditional statements are gone. I might try calling Marketo Support to verify this is true. If so, this makes Outlook formatting more difficult. I'll check out the links that Osman provided, but trying to make things responsive accross different devices and clients is proving to be very difficult. 
A
Anonymous
February 27, 2015
Trust me when I say that most of the difficult work has been done for you if you begin with one of those templates. Start by using one, say one of the Antwort templates, as is, in a new template in Marketo and testing it out. I think you'll find that the results are pretty solid. If you're not certain what is and isn't supported when you begin to customise, consult Campaign Monitor's CSS guide: www.campaignmonitor.com/css

Also, there's a guide on the Email on Acid site that walks you through some fixes that will help you with Outlook. ("17 Must-Know Tricks for Outlook 2007, 2010 and 2013".)

 
Dan_Stevens_
Dan_Stevens_
Level 10
February 27, 2015
That's the culprit!  Marketo is stripping out this key piece of code within the head of the HTML:

<!--[if gte mso 9]><xml> <o:OfficeDocumentSettings> <o:AllowPNG/> <o:PixelsPerInch>96</o:PixelsPerInch> </o:OfficeDocumentSettings> </xml><![endif]-->
E
Eben_Shapiro
Level 3
September 30, 2015

It looks like marketo has since allowed for comments to stay in the email, but the image size fix that your code should fix doesn't work now because marketo is stripping out the xmlns attributes from the html tag. When validating the html marketo gives this warning:

line 2 column 1 - Warning: <html> proprietary attribute "xmlns:v"

line 2 column 1 - Warning: <html> proprietary attribute "xmlns:o"

Does anyone know if there's an alternative way to define the xml namespaces for outlook? Does marketo have some way of dealing with this?

Terms & ConditionsAccessibility statement

Loading footer...