Email Campaigns-templates

Highlighted

Email Campaigns-templates

Hello,

Working on an email campaign and have created a template.

The email looks great on a mac but when sent to Outlook, the configuration is skewed.

Does anyone happen to know how the HTML is affected when sent to outlook?

Thanks,

Jillian

5 REPLIES 5
Highlighted

Re: Email Campaigns-templates

Hi Jillian,

creating an email template from scratch that will render well on all devices takes very serious technical skills. It is very difficult. I would recommend that you use one of these solutions:

  • Some Marketo templates (templates.marketo.com)
  • A Marketo Launchpoint template provider such as knak.  or Marketo Email Templates - Hoosh Marketing
  • A specialized developper with strong responsive email development
  • some templates available from vendors such as Litmus or email-on-acid

-Greg

Highlighted

Re: Email Campaigns-templates

Are you using media queries? If so, it will not render correctly on Outlook. Neither Outlook or Gmail support media queries. That is why the fluid hybrid method is the best way of coding email. It does not use media queries therefore it can look good on all email clients and devices

I am the founder of Knak, and our lead email developer invented the fluid hybrid method. You can read more about it here.​ All of our templates are coded using this method of email development.

Highlighted
Anonymous
Not applicable

Re: Email Campaigns-templates

Hi Jillian,

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

Highlighted

Re: Email Campaigns-templates

If you can share the code, someone on our team will be able to review it and help you.    

Highlighted
Anonymous
Not applicable

Re: Email Campaigns-templates

HI Jillian,

For coding something specific in template you may need to add code directed for specific browsers/email version such as:

<body style="font-family: Arial;color:#2c2c2c;background-color: #f0f0f0;">

    <!--[if (mso)|(IE)]>

        <style type="text/css">

                body,table,td,p{

                    font-family:Arial,sans-serif!important;

                }

                table { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; }

        </style>

<![endif]-->

   

This was just an example.

Thanks