Inboxes

Create an inbox to save and track emails. It's free!

+New inbox
Back
Back
Back 
<!DOCTYPE html>
<html>
 <head>
  <meta content="width=device-width" name="viewport"/>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
  <!-- Marketo Variable Definitions -->
  <!-- header -->
  <!-- header image -->
  <!-- spacer -->
  <!-- freeTextSpacer -->
  <!-- button -->
  <!-- blockTextSpacer -->
  <!-- footer -->
  <style>
   /* -------------------------------------
    GLOBAL RESETS
    ------------------------------------- */
    img {
    border: none;
    -ms-interpolation-mode: bicubic;
    max-width: 100%;
    }
    body {
    /*background-color: #f6f6f6;*/
    font-family: sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    line-height: 1.4;
    margin: 0;
    padding: 0;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    }
    table {
    border-collapse: separate;
    mso-table-lspace: 0pt;
    mso-table-rspace: 0pt;
    }
    table[class=body], table[class=main]{
    width: 100%;
    }
    table td {
    font-family: sans-serif;
    font-size: 14px;
    vertical-align: top;
    }
    /* -------------------------------------
    BODY & CONTAINER
    ------------------------------------- */
    .body {
    /*background-color: #f6f6f6;*/
    width: 100%;
    padding:0 0 20px;}
    /* Set a max-width, and make it display as block so it will automatically stretch to that width, but will also shrink down on a phone or something */
    .container {
    display: block;
    margin: 0 auto !important;
    /* makes it centered */
    max-width: 600px;
    width: 600px; }
    /* This should also be a block element, so that it will fill 100% of the .container */
    .content {
    box-sizing: border-box;
    display: block;
    margin: 0 auto;
    max-width: 600px;
    }
    /* -------------------------------------
    HEADER, FOOTER, MAIN
    ------------------------------------- */
    .main {
    width: 100%;
    }
    .wrapper {
    box-sizing: border-box;
    padding: 0px; }
    .footer {
    clear: both;
    padding-top: 10px;
    text-align: center;
    width: 100%; }
    .footer td,
    .footer p,
    .footer span,
    .footer a {
    color: #999999;
    font-size: 12px;
    text-align: center; }
    /* -------------------------------------
    TYPOGRAPHY
    ------------------------------------- */
    h1,
    h2,
    h3,
    h4 {
    color: #000000;
    font-family: sans-serif;
    font-weight: 400;
    line-height: 1.4;
    margin: 0;
    margin-bottom: 10px; }
    h1 {
    font-size: 35px;
    font-weight: 300;
    text-align: center;
    text-transform: capitalize;
    }
    a {
    color: #3498db;
    text-decoration: underline;
    }
    hr {
    border: 0;
    border-bottom: 1px solid #f6f6f6;
    margin: 20px 0;
    }
    /* -------------------------------------
    RESPONSIVE AND MOBILE FRIENDLY STYLES
    ------------------------------------- */
    @media only screen and (max-width: 600px) {
      .mobshow  {
          display: initial !important; 
          width:auto !important; 
          height:auto !important; 
          overflow:visible !important; 
          float:none !important; 
          visibility:visible !important; 
          border:none !important;
          font-size:15px !important;
        }
        .mobhidden  {
          display: none !important; 
          width:0!important; 
          height:0!important; 
          overflow:hidden!important; 
          float:none!important; 
          visibility:hidden!important; 
          border:none!important
        }

    table[class=body]{
    max-width: 100% !important;
    width: 100% !important;
    }
    table[class=body] h1 {
    font-size: 28px !important;
    margin-bottom: 10px !important; }
    table[class=body] h2, table[class=body] h2 span{
    font-size: 22px !important;
    }
    table[class=body] p,
    table[class=body] ul,
    table[class=body] ol,
    table[class=body] td,
    table[class=body] span,
    table[class=body] a {
    font-size: 16px !important; }
    table[class=body] .wrapper,
    table[class=body] .article {
    padding: 10px !important; }
    table[class=body] .content {
    padding: 0 !important;
    width: 100% !important;
    }
    table[class=body] .container {
    padding: 0 !important;
    width: 100% !important; }
    table[class=body] .main {
    border-left-width: 0 !important;
    border-radius: 0 !important;
    border-right-width: 0 !important; }
    table[class=body] .btn table {
    width: 100% !important; }
    table[class=body] .btn a {
    width: 100% !important; }
    table[class=body] .img-responsive {
    height: auto !important;
    max-width: 100% !important;
    width: auto !important; }
    .hidden-sm{
    display:none; !important;
    }
    table[class=body] .footer{
    font-size:14px !important;
    }
    .full-width-sm{
    width: 100% !important;
    }
    .icon-responsive{
    padding:0px !important;
    width: 40px !important;
    }
    .text-align-left-sm{
    text-align: left !important;
    }
    img{
    height:auto !important;
    }
    .module-container{
    width: 100% !important;
    }
    .mobile-header{
      padding:20px 30px 20px !important;
    }
    .secondary-font{
      padding:0 30px !important;
    }
    .block-text{
      padding: 20px 50px !important;
    }
    }
  </style>
 </head>
 <body bgcolor="#ecf0f1" class="" style="background: #ecf0f1;">
  <style type="text/css">
   div#emailPreHeader{ display: none !important; }
  </style>
  <div id="emailPreHeader" style="mso-hide:all; visibility:hidden; opacity:0; color:transparent; mso-line-height-rule:exactly; line-height:0; font-size:0px; overflow:hidden; border-width:0; display:none !important;">
   New eBook | 6 Key Components of a Better Checkout Experience
  </div>
  <div style="text-align: center">
   <font face="Verdana" size="1">
    To view this email as a web page,
    <a>
     click here
    </a>
    <br/>
    <br/>
   </font>
  </div>
  <table border="0" cellpadding="0" cellspacing="0" class="body" style="width: 600px; margin:auto;" width="600">
   <tbody>
    <tr>
     <td class="container">
      <div class="content">
       <!-- START CENTERED WHITE CONTAINER -->
       <table class="main">
        <!-- START MAIN CONTENT AREA -->
        <tbody>
         <tr>
          <td class="mktoContainer wrapper" id="template-wrapper">
           <table align="center" border="0" cellpadding="0" cellspacing="0" class="mktoModule m_header module-container" id="header" width="600">
            <tbody>
             <tr>
              <td class="" height="0px" style="line-height:0px;font-size:0px;">
              </td>
             </tr>
             <tr>
             </tr>
             <tr>
              <td bgcolor="#ffffff" style="background-color:#ffffff; display: block;" valign="top">
               <table align="center" border="0" cellpadding="0" cellspacing="0" class="full-width-sm" width="600">
                <tbody>
                 <tr>
                  <td class="mobile-header" style="padding:20px 53px 0px;">
                   <div class="mktoImg" id="Logo" mktolockimgsize="false">
                    <a style="text-decoration: none; display: block; line-height: 0px" target="_blank">
                     <img height="83" src="https://inboxflows.com/_/image/https%253A%252F%252Finfo2.magento.com%252Frs%252F585-GGD-959%252Fimages%252FPartnerNewsletter-Magento%2520Logo-Section.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbmZvMi5tYWdlbiJ9:1kXP9J:tPQPhKkngV6t99zwvO8Ls-mqeV6XBafFjQdz7f78zO0" style="padding-bottom: 15px;" width="135"/>
                    </a>
                   </div>
                  </td>
                 </tr>
                </tbody>
               </table>
              </td>
             </tr>
            </tbody>
           </table>
           <table align="center" border="0" cellpadding="0" cellspacing="0" class="mktoModule m_header image module-container" id="header-image" width="600">
            <tbody>
             <tr>
              <td valign="top">
               <center>
                <table align="center" border="0" cellpadding="0" cellspacing="0" class="full-width-sm" width="600">
                 <tbody>
                  <tr>
                   <td>
                    <center>
                     <a style="display: block; overflow: hidden; line-height: 0;">
                      <!-- Desktop -->
                      <div class="mktoImg mobhidden" id="single" mktolockimgsize="false">
                       <img align="left" alt="9542_Vertex_Check_Out_Guide_Promo_Images_600x170_Email1_R2V1%20(1).jpg" class="img-responsive" height="170" src="https://inboxflows.com/_/image/https%253A%252F%252Finfo2.magento.com%252Frs%252F585-GGD-959%252Fimages%252F9542_Vertex_Check_Out_Guide_Promo_Images_600x170_Email1_R2V1%252520%25281%2529.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbmZvMi5tYWdlbiJ9:1kXP9J:tPQPhKkngV6t99zwvO8Ls-mqeV6XBafFjQdz7f78zO0" style="display: block; line-height: 0px;" width="600"/>
                      </div>
                      <!-- Desktop End -->
                      <!-- Mobile -->
                      <div class="mobshow" style="display: none; width:0; height:0; overflow:hidden; float:none; visibility:hidden; border:none;font-size:0; max-height:0; mso-hide: all">
                       <img class="img-responsive" src="https://inboxflows.com/_/image/https%253A%252F%252Finfo2.magento.com%252Frs%252F585-GGD-959%252Fimages%252F9542_Vertex_Check_Out_Guide_Promo_Images_400x170_Email%2525202_R2V1.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbmZvMi5tYWdlbiJ9:1kXP9J:tPQPhKkngV6t99zwvO8Ls-mqeV6XBafFjQdz7f78zO0" style="line-height: 0px; float: left;"/>
                      </div>
                      <!-- Mobile End -->
                     </a>
                    </center>
                   </td>
                  </tr>
                 </tbody>
                </table>
               </center>
              </td>
             </tr>
            </tbody>
           </table>
           <table align="center" border="0" cellpadding="0" cellspacing="0" class="mktoModule m_block-text module-container" id="block-text" width="600">
            <tbody>
             <tr>
              <td bgcolor="#F2672A" style="background-color:#F2672A;" valign="top">
               <table align="center" border="0" cellpadding="0" cellspacing="0" class="full-width-sm" width="600">
                <tbody>
                 <tr>
                  <td class="block-text text" data-medium-editor-element="true" style="padding:20px 40px; color:#ffffff; font-weight:bold; font-size:18px;">
                   <div class="mktoText" id="bannertext">
                    <div style="text-align: center;">
                     New eBook | Improve Your Checkout for the Holidays
                    </div>
                   </div>
                  </td>
                 </tr>
                </tbody>
               </table>
              </td>
             </tr>
            </tbody>
           </table>
           <table align="center" border="0" cellpadding="0" cellspacing="0" class="mktoModule m_free-text module-container" id="free-text" width="600">
            <tbody>
             <tr>
              <td bgcolor="#ffffff" style="background-color:#ffffff;" valign="top">
               <table align="center" border="0" cellpadding="0" cellspacing="0" class="full-width-sm" width="600">
                <tbody>
                 <tr>
                  <td class="" height="40px" style="line-height:40px;font-size:40px;">
                  </td>
                 </tr>
                 <tr>
                  <td class="secondary-font text" data-medium-editor-element="true" style="padding:0 40px; color:#58585a;">
                   <div class="mktoText" id="text">
                    <div>
                     <!--[if mso]>
  <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://magento.com/resources/key-components-of-a-better-checkout-experience?utm_source=magento&amp;utm_medium=email&amp;utm_campaign=1808-TP-WP-Vertex-Loqate-Klarna-Amazon-Pay-Signifyd-Better-Checkout" style="height:40px;v-text-anchor:middle;width:200px;" arcsize="0%" stroke="f" fillcolor="#f2672a">
    <w:anchorlock/>
    <center>
  <![endif]-->
                     <a style="background-color: #f2672a; border-radius: 0px; color: #ffffff; display: inline-block; font-family: sans-serif; font-size: 13px; font-weight: bold; line-height: 40px; text-align: center; text-decoration: none; width: 200px; -webkit-text-size-adjust: none;">
                      Download Now
                     </a>
                     <!--[if mso]>
    </center>
  </v:roundrect>
<![endif]-->
                    </div>
                    <div>
                     <p>
                      <br/>
                      Looking to improve customer experience and increase revenue? Consider reevaluating your checkout. Is the experience seamless? Does it convert casual shoppers into loyal customers?
                      <br/>
                      <br/>
                      Within this new guide, we address pain points associated with checkout from the customer’s perspective. Experts from Magento, Vertex, Loqate, Signifyd, Klarna, and Amazon Pay, weigh in on how you can meet and exceed customer expectations.
                      <br/>
                      <br/>
                      Discover these 6 key ways to improve checkout:
                     </p>
                     <ol>
                      <li>
                       Capture and verify email addresses
                      </li>
                      <li>
                       Improve data security by reducing chargebacks and fraud
                      </li>
                      <li>
                       Provide accurate tax rates and rules to ensure tax compliance
                      </li>
                      <li>
                       Offer immediate customer payment and options to pay for purchases over time
                      </li>
                      <li>
                       Deliver inspiring innovation and scalability with a model eCommerce platform
                      </li>
                      <li>
                       Accept secure payments for online and mobile payments
                      </li>
                     </ol>
                     <p>
                      Regards,
                      <br/>
                      <br/>
                      The Magento Team
                      <br/>
                      <img alt="PartnerNewsletter-Magento Logo-Section.png" height="83" src="https://inboxflows.com/_/image/https%253A%252F%252Finfo2.magento.com%252Frs%252F585-GGD-959%252Fimages%252FPartnerNewsletter-Magento%2520Logo-Section.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbmZvMi5tYWdlbiJ9:1kXP9J:tPQPhKkngV6t99zwvO8Ls-mqeV6XBafFjQdz7f78zO0" width="135"/>
                      <br/>
                     </p>
                    </div>
                   </div>
                  </td>
                 </tr>
                 <tr>
                  <td class="" height="30px" style="line-height:30px;font-size:30px;">
                  </td>
                 </tr>
                </tbody>
               </table>
              </td>
             </tr>
            </tbody>
           </table>
           <table align="center" border="0" cellpadding="0" cellspacing="0" class="mktoModule m_footer module-container" id="footer" width="600">
            <tbody>
             <tr>
              <td bgcolor="afb0b2" style="background-color:#afb0b2;" valign="top">
               <table align="center" border="0" cellpadding="0" cellspacing="0" class="full-width-sm" style="width: 600px;" width="600">
                <tbody>
                 <tr>
                  <td>
                   <table align="left" border="0" cellpadding="0" cellspacing="0" class="full-width-sm" width="100%;">
                    <tbody>
                     <tr>
                      <td style="padding: 30px 50px; color: #fff; font-size: 12px;">
                       <div class="mktoText" id="footer-address-text">
                        <div>
                         © 2018 Magento All rights reserved.
                         <br/>
                         345 Park Avenue,
                         <span class="appleLinksGrey">
                          San Jose, CA 95110
                         </span>
                         <br/>
                         <a style="color: #fff; text-decoration: none;">
                          Terms of Use
                         </a>
                         <span>
                          |
                         </span>
                         <a style="color: #fff; text-decoration: none;">
                          Privacy Policy
                         </a>
                         <span>
                          |
                         </span>
                         <a class="mktNoTrack" style="color: #fff; text-decoration: none;">
                          Unsubscribe/Preference Center
                         </a>
                        </div>
                       </div>
                      </td>
                     </tr>
                    </tbody>
                   </table>
                  </td>
                 </tr>
                </tbody>
               </table>
              </td>
             </tr>
            </tbody>
           </table>
          </td>
         </tr>
         <!-- END MAIN CONTENT AREA -->
        </tbody>
       </table>
       <!-- END CENTERED WHITE CONTAINER -->
      </div>
     </td>
    </tr>
   </tbody>
  </table>
  <a>
  </a>
  <img alt="" height="1" src="https://inboxflows.com/_/image/http%253A%252F%252Femail2.magento.com%252Ftrk%253Ft%253D1%2526mid%253DNTg1LUdHRC05NTk6MTM4MjI6MTM5MDM6NTk3MTA6MDoxNDEzMDo5OjYxOTQ5OjE0MTcyNTI4OjVhYzY4ZTgwQHVpZmVlZC5jb20%253D/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmVtYWlsMi5tYWdlbiJ9:1kXP9J:cwqGpUXC4qowzLtnHksrLls-9Xs7-C3aahJJ2tACLyI" style="display:none !important;" width="1"/>
 </body>
</html>