Email Campaigns-templates | Community
Skip to main content
J
Jillian_Flynn
Level 1
June 13, 2016
Question

Email Campaigns-templates

  • June 13, 2016
  • 5 replies
  • 2617 views

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

Grégoire_Miche2
Grégoire_Miche2
Level 10
June 13, 2016

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

P
pierceu25628284
Level 7
June 13, 2016

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.

    A
    Anonymous
    July 28, 2016

    Hi Jillian,

    You can check the solutions provided by Marketo partners onLaunchpoint for creating responsive emails that are tested across all devices.

    A
    AlokRa4
    Level 10
    August 11, 2016

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

    A
    Anonymous
    August 11, 2016

    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

    Terms & ConditionsAccessibility statement

    Loading footer...