Problems on Outlook 13 with Marketo Responsive Design Templates

[Anonymous]

Has anyone else had problems with the "responsive design" Marketo templates from templates.marketo.com breaking on Outlook 13?

The layout for Flower Power falls apart when forwarded. 😞 

And I've had problems with others....expanding type size and broken tables. 

[Pierce_Ujjainw3]

Guys, I have great news. You don't ever need to touch the HTML of an email template again.

Simply go to www.knak.io and build your template. You can customize it with your brand colors, logo and social links, all without needing to know any HTML.

From there, you bring it into Marketo, and it just works. We've already set it up with all the Marketo editable regions (and it will look right on your brand standards). You never even need to look at the code. If you're like me, I look at code and it breaks it.

We have tested these template extensively using Litmus, so Outlook 2013 is no problem.

Try it out now. Build your first template free: www.knak.io

[Anonymous]

Hello Alok-

Specifically the Flower Power template breaks (and including the new version sent by Grazetti this morning) when it is forwarded from Outlook 10 to Outlook 13 (the rt-hand column totally falls apart and appears pushed 2/3ds down the page. It ALSO breaks when forwarded from Outlook 13 to Outlook 10 --- the rt-hand column compresses into a very odd looking narrow center column and the space between the columns becomes inordinately large. Is there anything Grazetti can do to resolve this??? 

Carey Johnson
 

[Alok_Ramsisaria]

Hi Carey,

Agree with all of them that responsive are very tricky ones and if you need any help  to resolve this issue. You can drop me an email on info@grazitti.com or reach me at 650-585-6640

[Dory_Viscoglio]

Yes, unfortunately responsive is quite a beast, and Marketo doesn't seem to have made many strides forward in making it easy for us to have responsive templates that are supported.

As others have said, a designer who is very knowledgeable in responsive design is most likely going to be your best bet.

[Anonymous]

Agree With the above two replies.

At our Company We have a in-house Professional Team which is dedicated only for building Responsive Email Template.

Best Regards,

[Anonymous]

Really the main issue is the way Outlook renders HTML via the Microsoft Word engine...these two articles may help:

http://www.emailonacid.com/blog/details/tips_and_tricks_outlook_07-13/

http://www.emailonacid.com/blog/details/C13/removing_unwanted_spacing_or_gaps_between_tables_in_outlook_2007_2010

If your audience are primarily Outlook users (as most businesses still sadly are), I find it's often a delicate balance between getting the best result on Outlook clients without sacrificing too much for other clients...and without spending too much time trying to identify the issues 🙂

But if you or someone on your team is familiar with HTML/CSS, take a look at those two articles — sounds like it may be an issue with that template using "Left" and "Right" align tags for multiple tables, which the second article provides a work-around for.  Hope that helps!

Mike

[Anonymous]

Outlook 2013 is proving to be a BEAST when it comes to responsive...it's a step backward from even previous Outlook versions.

I wouldn't wait on Marketo to come up with a fix; they've got bigger fish to fry. You should hire a designer with skills in responsive email design, or at least have one available when you need a fix like this.

[Anonymous]

Hi Carey,

Yes, we have also been having issues with them. It's not cool! Especially the ones with the side bars, they completely vanish from the top and go to the bottom. It's ugly! Hopefully my designer can figure a fix out for us and Marketo will fix for all!

Sara

[Anonymous]

Hello Carey,

Designing a Responsive Email  is a tricky task and there are many factors which you need to keep in mind before starting.

My personal experiance is that always try to built templates from the scratch so that you have full control over it, It makes debugging a lot easier.

it can often be difficult If you are trying to make changes to an imported a template because sometimes these changes can break the responsiveness.

Can you please tell me which template you are using and what are the problems you facing ?

Best Regards,

Hassan Ali

[Anonymous]

Hi,