Re: Which templates in Email Editor 2.0 work with Outlook 2013?

Sarah_Hare
Level 2

Morning,

I created a new email using the new email editor 2.0 - after sending some tests to myself and a colleague (and then raising a case) we discovered that there are some areas of code not supported by Outlook e.g. border-spacing, display, float...

Does anyone know of any starter email templates that are supported by Outlook and will look alright? I'm trying to send a newsletter type email and used Snowbunny......

Many thanks!

13 REPLIES 13
Megan_Reed1
Level 4

Justin Cooperman​ Is the large image on Urbanista not responsive? Everything else seems to be... Is there a way to make it responsive or at least show up on a phone better?

Justin_Cooperm2
Level 10

Megan Reed​ - did you see my comment above? happy to take a look if you ping me.

Justin

Justin_Cooperm2
Level 10

Do you mean the hero background image? It should be. If you're seeing weirdness somewhere, please send me an email with a screenshot and I'll have our developers look into it.

jcooperman@marketo.com

Justin_Cooperm2
Level 10

Just FYI - these templates will be updated continuously and we do test them across all devices.

There is an update to every single "Starter Template" that will be launched inside of Marketo in the Template Picker in a matter of days. Here are the Litmus renderings. You'll see many things have been addressed:

  

Slam Dunk (transactional4.html) -> https://litmus.com/pub/61f7815

Save My Spot (transactional3.html) -> https://litmus.com/pub/5804bcb

Good News (transacational2.html) -> https://litmus.com/pub/94082b1

Short and Sweet (transactional1.html) -> https://litmus.com/pub/896c972

Urbanista (shop3.html) -> https://litmus.com/pub/326fd62

Homegrown (shop2.html) -> https://litmus.com/pub/691fc42

Private Jet (shop1.html) -> https://litmus.com/pub/c1cba2f

Basic (newsletter5.html) -> https://litmus.com/pub/eac567c

All Aboard! (newsletter4.html) -> https://litmus.com/pub/50640e2

Flatiron (newsletter3.html) -> https://litmus.com/pub/e11e5f4

FYI (newsletter2.html) -> https://litmus.com/pub/5d281b3

Breaking News (newsletter1.html) -> https://litmus.com/pub/a3395bd

Limón (event2.html) -> https://litmus.com/pub/14f59c8

Iceberg (event1.html) -> https://litmus.com/pub/f361742

Sophia (newsletter7.html) -> https://litmus.com/pub/2c869e7

Snowbunny (newsletter8.html) -> https://litmus.com/pub/8095b7f

Mission Control (product-launch2.html) -> https://litmus.com/pub/46f6c95

Pierce_Ujjainw3
Level 9

Very happy to see these templates were checked with Litmus this time around.

Lacy_Patrino
Level 2

Have these updates been pushed?

Justin_Cooperm2
Level 10

yes

Lacy_Patrino
Level 2

Hi Justin! I'm using the corrected HTML templates, but my header logo is still skewing and pushing the link down, even after adjusting the dimensions. Any ideas?

Design Studio:

Flatiron_Header_Logo_Design_Studio.PNG

Outlook:

Flatiron_Header_Logo_Skew.PNG

Lacy_Patrino
Level 2

I'm also using Outlook 2016.

Justin_Cooperm2
Level 10

So, I've found in that template that if the aspect ratio is such that the logo is much much wider than tall (doesn't matter the resolution, just proportions) then the header won't look great. I'll see if we can make some tweaks to handle really wide images better. If you use closer to a 3:1 aspect ratio it should work much better. For example this image I used is 2500x1000 (2.5:1):

Screen Shot 2016-10-18 at 5.10.16 PM.png

Lacy_Patrino
Level 2

Thank you! I'll try that.

Anonymous
Not applicable

Hi Sarah,

You can check the solutions provided by Marketo partners on Launchpoint for creating responsive emails that are tested across all devices.seg?add=3901497&t=2

Josh_Hill13
Level 10 - Champion Alumni

Please use litmus to test them or clone the templates and update them to comply with Outlook's quirks.