Inboxes

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

+New inbox
Back
Back
Back 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="//www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:v="urn:schemas-microsoft-com:vml">
 <head>
  <title>
   Introducing the NEW St. Jude Donation App for Shift4Shop!
  </title>
  <meta content="Introducing the NEW St. Jude Donation App for Shift4Shop!" property="og:title"/>
  <meta content="Introducing the NEW St. Jude Donation App for Shift4Shop!" name="twitter:title"/>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
  <style id="hs-inline-css" type="text/css">
   /*<![CDATA[*/
  /* everything in this node will be inlined */
  /* ==== Page Styles ==== */
  body, #backgroundTable {
      background-color: #f2f2f2; /* Use body to determine background color */
      font-family: sans-serif;
  }
  #templateTable {
      width: 600px;
      background-color: #ffffff;
      -webkit-font-smoothing: antialiased;
  }
  h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
      display:block;
      font-weight:bold;
      line-height:100%;
      margin-top:0;
      margin-right:0;
      margin-bottom:10px;
      margin-left:0;
  }
  h1, .h1 {
      font-size:26px;
  }
  h2, .h2 {
      font-size:20px;
  }
  h3, .h3 {
      font-size:15px;
  }
  h4, .h4 {
      font-size:13px;
  }
  h5, .h5 {
      font-size:11px;
  }
  h6, .h6 {
      font-size:10px;
  }
  /* ==== Header Styles ==== */
  #headerTable {
      background-color: #f2f2f2;
      color:#444444;
      font-family:sans-serif;
      font-size:10px;
      line-height:120%;
      text-align:right;
      border-collapse: separate !important;
      padding-right: 30px;
  }
  #headerTable a:link, #headerTable a:visited, /*Y*/ #headerTable a .yshortcuts /*Y*/{
      font-weight:normal;
      text-decoration:underline;
  }
  /* ==== Template Wrapper Styles ==== */
  #contentCell {
      padding: 10px 20px;
      background-color: #f2f2f2;
  }
  #contentTableOuter {
      border-collapse: separate !important;
      background-color: #ffffff;
      
      box-shadow: 0px 1px rgba(0, 0, 0, 0.1);
      
      padding: 30px;
  }
  #contentTableInner {
      width: 600px;
  }
  /* ==== Body Styles ==== */
  .bodyContent {
      color:#444444;
      font-family:sans-serif;
      font-size: 15px;
      line-height:150%;
      text-align:left;
  }
  /* ==== Column Styles ==== */
  table.columnContentTable {
      border-collapse:separate !important;
      border-spacing:0;
      background-color: #ffffff;
  }
  td.columnContent {
      color:#444444;
      font-family:sans-serif;
      font-size:15px;
      line-height:120%;
      padding-top:20px;
      padding-right:20px;
      padding-bottom:20px;
      padding-left:20px;
  }
  /* ==== Footer Styles ==== */
  #footerTable {
      background-color: #f2f2f2;
  }
  #footerTable a {
      color: #999999;
  }
  #footerTable {
      color:#999999;
      font-family:sans-serif;
      font-size:12px;
      line-height:120%;
      padding-top:20px;
      padding-right:20px;
      padding-bottom:20px;
      padding-left:20px;
      text-align:center;
  }
  #footerTable a:link, #footerTable a:visited, /*Y*/ #footerTable a .yshortcuts /*Y*/{
      font-weight:normal;
      text-decoration:underline;
  }
  .hs-image-social-sharing-24 {
      max-width: 24px;
      max-height: 24px;
  }
  /* ==== Standard Resets ==== */
  .ExternalClass{
      width:100%;
  } /* Force HM to display emails at full width */
  .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {
      line-height: 100%;
  } /* Force HM to display normal line spacing */
  body, table, td, p, a, li, blockquote{
      -webkit-text-size-adjust:100%;
      -ms-text-size-adjust:100%;
  } /* Prevent WebKit and Windows mobile changing default text sizes */
  table, td {
      mso-table-lspace:0pt;
      mso-table-rspace:0pt;
  } /* Remove spacing between tables in Outlook 2007 and up */
  img {
      vertical-align: bottom;
      -ms-interpolation-mode:bicubic;
  } /* Allow smoother rendering of resized image in Internet Explorer */
  /* Reset Styles */
  body {
      margin:0;
      padding:0;
  }
  table {
      border-collapse:collapse !important;
  }
  body, #backgroundTable, #bodyCell{
      height:100% !important;
      margin:0;
      padding:0;
      width:100% !important;
  }
  a:link, a:visited {
      border-bottom: none;
  }
  /* iOS automatically adds a link to addresses */
  /* Style the footer with the same color as the footer text */
  #footer a {
      color: #999999;;
      -webkit-text-size-adjust: none;
      text-decoration: underline;
      font-weight: normal
  }
/*]]>*/
  </style>
  <!--[if !mso]><!-- -->
  <style type="text/css">
   /*<![CDATA[*/
  /* ==== Mobile Styles ==== */
  /* Constrain email width for small screens */
  @media screen and (max-width: 650px) {
      table#backgroundTable {
          width: 95% !important;
      }
      table#templateTable {
          max-width:600px !important;
          width:100% !important;
      }
      table#contentTableInner {
          max-width:600px !important;
          width:100% !important;
      }
      /* Makes image expand to take 100% of width*/
      img {
          width: 100% !important;
          height: auto !important;
      }
      #contentCell {
          padding: 10px 10px !important;
      }
      #headerTable {
          padding-right: 15.0px !important;
      }
      #contentTableOuter {
          padding: 15.0px !important;
      }
  }
  @media only screen and (max-width: 480px) {
      /* ==== Client-Specific Mobile Styles ==== */
      body, table, td, p, a, li, blockquote{
          -webkit-text-size-adjust:none !important;
      } /* Prevent Webkit platforms from changing default text sizes */
      body{
          width:100% !important;
          min-width:100% !important;
      } /* Prevent iOS Mail from adding padding to the body */
      /* ==== Mobile Reset Styles ==== */
      td#bodyCell {
          padding:10px !important;
      }
      /* ==== Mobile Template Styles ==== */
      table#templateTable {
          max-width:600px !important;
          width:100% !important;
      }
      table#contentTableInner {
          max-width:600px !important;
          width:100% !important;
      }
      /* ==== Image Alignment Styles ==== */
      h1, .h1 {
          font-size:26px !important;
          line-height:125% !important;
      }
      h2, .h2 {
          font-size:20px !important;
          line-height:125% !important;
      }
      h3, .h3 {
          font-size:15px !important;
          line-height:125% !important;
      }
      h4, .h4 {
          font-size:13px !important;
          line-height:125% !important;
      }
      h5, .h5 {
          font-size:11px !important;
          line-height:125% !important;
      }
      h6, .h6 {
          font-size:10px !important;
          line-height:125% !important;
      }
      .hide {
          display:none !important;
      } /* Hide to save space */
      /* ==== Body Styles ==== */
      td.bodyContent {
          font-size:16px !important;
          line-height:145% !important;
      }
      /* ==== Footer Styles ==== */
      td#footerTable {
          padding-left: 0px !important;
          padding-right: 0px !important;
          font-size:12px !important;
          line-height:145% !important;
      }
      /* ==== Image Alignment Styles ==== */
      table.alignImageTable {
          width: 100% !important;
      }
      td.imageTableTop {
          display: none !important;
          /*padding-top: 10px !important;*/
      }
      td.imageTableRight {
          display: none !important;
      }
      td.imageTableBottom {
          padding-bottom: 10px !important;
      }
      td.imageTableLeft {
          display: none !important;
      }
      /* ==== Column Styles ==== */
      td.column {
          display: block !important;
          width: 100% !important;
          padding-top: 0 !important;
          padding-right: 0 !important;
          padding-bottom: 0 !important;
          padding-left: 0 !important;
      }
      td.columnContent {
          font-size:14px !important;
          line-height:145% !important;
          padding-top: 10px !important;
          padding-right: 10px !important;
          padding-bottom: 10px !important;
          padding-left: 10px !important;
      }
      #contentCell {
          padding: 10px 0px !important;
      }
      #headerTable {
          padding-right: 15.0px !important;
      }
      #contentTableOuter {
          padding: 15.0px !important;
      }
  }
/*]]>*/
  </style>
  <!--<![endif]-->
  <style>
   a{color:#006bed;}
  .social{
    background:#000 !important;
  }
@font-face {
    font-family: "freight-sans-pro", sans-serif;
    src: url("https://inboxflows.com/_/image/https%253A%252F%252Fuse.typekit.net%252Fwoy4dbw.css/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZ1c2UudHlwZWtpdCJ9:1mnQXA:2maLkwxabPbELtN1wbKs9_w989beQo1-YwNz-ppUO1M");
}
  @media only screen and (max-width: 480px){
        .customTable{
            display:block !important;
            width:100% !important;
          height:100% !important;
          overflow:hidden !important;
        }
    .customTable ul{padding:0;}
    .customTable td{
            display:block !important;
            width:100% !important;
      height:auto !important;
        }
    .customTable tr{
      height:auto !important;
        }
    .customDiv{overflow:visible}
    .footer-icons img {
    width: 65% !important;
    max-width: 100% !important;
}
    .mainLogo{margin-bottom:15px;}
    }
  </style>
  <!--[if gte mso 9]>
          <xml>
            <o:OfficeDocumentSettings>
              <o:AllowPNG/>
              <o:PixelsPerInch>96</o:PixelsPerInch>
            </o:OfficeDocumentSettings>
          </xml>
        <![endif]-->
  <meta content="HubSpot" name="generator"/>
  <meta content="//3dcart-3365633.hs-sites.com/-temporary-slug-a44b20a0-892c-4b91-b9c2-83674e4adcf9" property="og:url"/>
  <meta name="x-apple-disable-message-reformatting"/>
  <meta content="noindex,follow" name="robots"/>
 </head>
 <body bgcolor="#f2f2f2" class="" freight-sans-pro="" leftmargin="0" marginheight="0" marginwidth="0" offset="0" sans-serif="" style="background-color:#f2f2f2; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; height:100% !important; margin:0; padding:0; width:100% !important; font-family:" topmargin="0">
  <!-- Preview text (text which appears right after subject) -->
  <div id="preview_text" style="display:none;font-size:1px;color:#f2f2f2;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;">
   Introducing the NEW St. Jude Donation App for Shift4Shop!
  </div>
  <!--  The  backgroundTable table manages the color of the background and then the templateTable maintains the body of 
        the email template, including preheader & footer. This is the only table you set the width of to, everything else is set to 
        100% and in the CSS above. Having the width here within the table is just a small win for Lotus Notes. -->
  <!-- Begin backgroundTable -->
  <table align="center" bgcolor="#f2f2f2" border="0" cellpadding="0" cellspacing="0" height="100%" id="backgroundTable" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse !important; background-color:#f2f2f2; font-family:sans-serif; height:100% !important; margin:0; padding:0; width:100% !important" width="100%">
   <tbody>
    <tr>
     <td align="center" height="100%" id="bodyCell" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; height:100% !important; margin:0; padding:0; width:100% !important" valign="top" width="100%">
      <!-- When nesting tables within a TD, align center keeps it well, centered. -->
      <!-- Begin Template Container -->
      <!-- This holds everything together in a nice container -->
      <table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" id="templateTable" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse !important; width:600px; background-color:#ffffff; -webkit-font-smoothing:antialiased" width="600">
       <tbody>
        <tr>
         <td align="center" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt" valign="top">
          <!-- Begin Template Preheader -->
          <div class="header-container-wrapper">
          </div>
          <table align="right" bgcolor="#f2f2f2" border="0" cellpadding="0" cellspacing="0" id="headerTable" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; background-color:#f2f2f2; color:#444444; font-family:sans-serif; font-size:10px; line-height:120%; text-align:right; border-collapse:separate !important; padding-right:30px" width="100%">
           <!--end header wrapper -->
          </table>
          <!-- End Template Preheader -->
         </td>
        </tr>
        <tr>
         <td align="center" bgcolor="#f2f2f2" id="contentCell" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; padding:10px 20px; background-color:#f2f2f2" valign="top">
          <!-- Begin Template Wrapper -->
          <!-- This separates the preheader which usually contains the "open in browser, etc" content
                                from the actual body of the email. Can alternatively contain the footer too, but I choose not
                                to so that it stays outside of the border. -->
          <table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" id="contentTableOuter" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:separate !important; background-color:#ffffff; box-shadow:0px 1px rgba(0, 0, 0, 0.1); padding:30px; border:1px solid #cccccc; border-bottom:1px solid #acacac" width="100%">
           <tbody>
            <tr>
             <td align="center" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt" valign="top">
              <div class="body-container-wrapper">
              </div>
              <table border="0" cellpadding="0" cellspacing="0" id="contentTableInner" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse !important; width:600px" width="600">
               <tbody>
                <tr>
                 <td align="left" class="bodyContent" colspan="12" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; color:#444444; font-family:sans-serif; font-size:15px; line-height:150%; text-align:left" valign="top" width="100%">
                  <table border="0" cellpadding="0" cellspacing="0" class="templateColumnWrapper" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse !important" width="100%">
                   <tbody>
                    <tr>
                     <td align="left" class="column" colspan="12" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; width:100.0%; text-align:left; padding:0; font-family:sans-serif; font-size:15px; line-height:1.5em; color:#444444" valign="top" width="100.0%">
                      <div class="widget-span widget-type-logo mainLogo" data-widget-type="logo" style="text-align:center">
                       <div class="layout-widget-wrapper">
                        <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_logo" data-hs-cos-general-type="widget" data-hs-cos-type="logo" id="hs_cos_wrapper_logo_image" style="color: inherit; font-size: inherit; line-height: inherit;">
                         <a data-hs-link-id="0" id="hs-link-logo_image" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; border-width:0px; border:0px" target="_blank">
                          <img alt="Rocket Fuel for Your Business" class="hs-image-widget" sizes="(max-width: 233px) 100vw, 233px" src="https://inboxflows.com/_/image/https%253A%252F%252Fhs-3365633.f.hubspotemail.net%252Fhub%252F3365633%252Fhubfs%252Fshift4shop-Black-2.png%253Fwidth%253D466%2526upscale%253Dtrue%2526name%253Dshift4shop-Black-2.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZocy0zMzY1NjMzLiJ9:1mnQXA:YjW1DX-nX-qwPEhhBhQSP8p7YYxok9DzRTbtrMnHNC0" srcset="https://hs-3365633.f.hubspotemail.net/hub/3365633/hubfs/shift4shop-Black-2.png?upscale=true&amp;width=466&amp;upscale=true&amp;name=shift4shop-Black-2.png 233w, https://hs-3365633.f.hubspotemail.net/hub/3365633/hubfs/shift4shop-Black-2.png?upscale=true&amp;width=932&amp;upscale=true&amp;name=shift4shop-Black-2.png 466w" style="vertical-align:bottom; -ms-interpolation-mode:bicubic; max-height:30px; max-width:233px; border-width:0px; border:0px" title="Rocket Fuel for Your Business" width="233"/>
                         </a>
                        </div>
                       </div>
                       <!--end layout-widget-wrapper -->
                      </div>
                      <!--end widget-span -->
                     </td>
                    </tr>
                   </tbody>
                  </table>
                 </td>
                </tr>
                <tr>
                 <td align="left" class="bodyContent" colspan="12" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; color:#444444; font-family:sans-serif; font-size:15px; line-height:150%; text-align:left" valign="top" width="100%">
                  <table border="0" cellpadding="0" cellspacing="0" class="templateColumnWrapper" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse !important" width="100%">
                   <tbody>
                    <tr>
                     <td align="left" class="column" colspan="12" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; width:100.0%; text-align:left; padding:0; font-family:sans-serif; font-size:15px; line-height:1.5em; color:#444444; padding-top:20px" valign="top" width="100.0%">
                      <div class="widget-span widget-type-linked_image" data-widget-type="linked_image" style="">
                       <div class="layout-widget-wrapper">
                        <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_linked_image" data-hs-cos-general-type="widget" data-hs-cos-type="linked_image" id="hs_cos_wrapper_module_151317855157983" style="color: inherit; font-size: inherit; line-height: inherit;">
                        </div>
                       </div>
                       <!--end layout-widget-wrapper -->
                      </div>
                      <!--end widget-span -->
                     </td>
                    </tr>
                   </tbody>
                  </table>
                 </td>
                </tr>
                <tr>
                 <td align="left" class="bodyContent" colspan="12" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; color:#444444; font-family:sans-serif; font-size:15px; line-height:150%; text-align:left" valign="top" width="100%">
                  <table border="0" cellpadding="0" cellspacing="0" class="templateColumnWrapper" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse !important" width="100%">
                   <tbody>
                    <tr>
                     <td align="left" class="column" colspan="12" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; width:100.0%; text-align:left; padding:0; font-family:sans-serif; font-size:15px; line-height:1.5em; color:#444444; padding-bottom:20px" valign="top" width="100.0%">
                      <div class="widget-span widget-type-email_body" data-widget-type="email_body" style="">
                       <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_rich_text" data-hs-cos-general-type="widget" data-hs-cos-type="rich_text" id="hs_cos_wrapper_hs_email_body" style="color: inherit; font-size: inherit; line-height: inherit;">
                        <div style="background: #136df5; padding: 0 20px;">
                         <div style="text-align: center;">
                         </div>
                         <div style="text-align: center; font-size: 30px; line-height: 1.25;">
                          <div style="text-align: center; font-size: 24px; line-height: 1.5;">
                           <span style="color: #ffffff;">
                            Help Your Customers Make a Difference
                           </span>
                          </div>
                          <div style="text-align: center; font-size: 24px; line-height: 1.5;">
                           <span style="color: #ffffff;">
                            This Holiday Season
                           </span>
                          </div>
                          <div style="text-align: center; font-size: 24px; line-height: 1.25;">
                           <span style="color: #ffffff;">
                           </span>
                          </div>
                         </div>
                        </div>
                        <div style="text-align: center;">
                        </div>
                        <div style="text-align: left; font-size: 16px; line-height: 1.75;">
                         The holiday season is all about that inspiring feeling of generosity. This year, we want to embrace that spirit of giving by supporting a lifesaving organization that gives back every day —
                         <a data-hs-link-id="0" rel="noopener" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%" target="_blank">
                          St. Jude Children’s Research Hospital
                         </a>
                         .
                        </div>
                        <div style="text-align: left;">
                        </div>
                        <div style="font-size: 16px; line-height: 1.75;">
                         To help St. Jude accomplish their mission of curing childhood cancer, we’ve partnered with them to develop a new app to make donations to their organization easier.
                        </div>
                        <div style="text-align: left;">
                        </div>
                        <div style="font-size: 24px; line-height: 1.75; text-align: center;">
                         <strong>
                          We’re excited to introduce the
                         </strong>
                        </div>
                        <div style="font-size: 24px; line-height: 1.75; text-align: center;">
                         <a data-hs-link-id="0" rel="noopener" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%" target="_blank">
                          <strong>
                           St. Jude Donation App!
                          </strong>
                         </a>
                        </div>
                        <div style="font-size: 24px; line-height: 1.75; text-align: center;">
                        </div>
                        <div style="font-size: 24px; line-height: 1.75; text-align: center;">
                         <a data-hs-link-id="0" rel="noopener" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%" target="_blank">
                          <strong>
                           <img alt="stJudeVid" sizes="(max-width: 460px) 100vw, 460px" src="https://inboxflows.com/_/image/https%253A%252F%252Fhs-3365633.f.hubspotemail.net%252Fhub%252F3365633%252Fhubfs%252FstJudeVid.png%253Fwidth%253D920%2526upscale%253Dtrue%2526name%253DstJudeVid.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZocy0zMzY1NjMzLiJ9:1mnQXA:YjW1DX-nX-qwPEhhBhQSP8p7YYxok9DzRTbtrMnHNC0" srcset="https://hs-3365633.f.hubspotemail.net/hub/3365633/hubfs/stJudeVid.png?upscale=true&amp;width=920&amp;upscale=true&amp;name=stJudeVid.png 460w, https://hs-3365633.f.hubspotemail.net/hub/3365633/hubfs/stJudeVid.png?upscale=true&amp;width=1840&amp;upscale=true&amp;name=stJudeVid.png 920w" style="vertical-align:bottom; -ms-interpolation-mode:bicubic; width:460px; max-width:460px" width="460"/>
                          </strong>
                         </a>
                        </div>
                        <div style="text-align: left;">
                        </div>
                        <div style="font-size: 16px; line-height: 1.75;">
                         This app, which is available in
                         <a data-hs-link-id="0" rel="noopener" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%" target="_blank">
                          the Shift4Shop app store
                         </a>
                         today, allows you to raise awareness and support for the lifesaving mission of St. Jude by encouraging your customers to make a donation to the organization after they’ve completed their purchase in your Shift4Shop store.
                        </div>
                        <div style="text-align: left;">
                        </div>
                        <div style="font-size: 18px; line-height: 1.75;">
                         <strong>
                          How does it work?
                         </strong>
                        </div>
                        <div style="text-align: left;">
                        </div>
                        <div style="font-size: 16px; line-height: 1.75;">
                         So as to not interfere with the shopping experience on your website, the St. Jude Donation App pop-up will only appear after a customer finishes checking out. At that time, customers can donate an amount of their choosing and St. Jude will receive 100% of the donation. It’s that simple!
                        </div>
                        <div style="font-size: 16px; line-height: 1.75;">
                         <div>
                          <div data-qa="message_content" role="presentation">
                           <div>
                            <div>
                             <div data-qa="block-kit-renderer">
                              <div>
                               <div>
                                <strong>
                                 <i data-stringify-type="italic">
                                  <br/>
                                  Bonus! The first 50 merchants who sign up get a free St. Jude Gift Box!
                                 </i>
                                </strong>
                               </div>
                              </div>
                             </div>
                            </div>
                           </div>
                          </div>
                         </div>
                        </div>
                        <div style="text-align: left;">
                        </div>
                        <div style="font-size: 18px; line-height: 1.75;">
                         <strong>
                          Ready to get started?
                         </strong>
                        </div>
                        <div style="text-align: left;">
                        </div>
                        <div style="font-size: 16px; line-height: 1.75;">
                         Install the St. Jude Donation App today in just three easy steps. Simply visit the
                         <a data-hs-link-id="1" rel="noopener" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%" target="_blank">
                          St. Jude Donation App landing page to get started &gt;&gt;
                         </a>
                        </div>
                        <div>
                        </div>
                        <div style="text-align: center;">
                        </div>
                       </div>
                      </div>
                      <!--end widget-span -->
                     </td>
                    </tr>
                   </tbody>
                  </table>
                 </td>
                </tr>
                <tr>
                 <td align="left" class="bodyContent" colspan="12" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; color:#444444; font-family:sans-serif; font-size:15px; line-height:150%; text-align:left" valign="top" width="100%">
                  <table border="0" cellpadding="0" cellspacing="0" class="templateColumnWrapper" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse !important" width="100%">
                   <tbody>
                    <tr>
                     <td align="left" class="column" colspan="12" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; width:100.0%; text-align:left; padding:0; font-family:sans-serif; font-size:15px; line-height:1.5em; color:#444444" valign="top" width="100.0%">
                      <div class="widget-span widget-type-raw_html" data-widget-type="raw_html" style="text-align:center;">
                       <div class="layout-widget-wrapper">
                        <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_raw_html" data-hs-cos-general-type="widget" data-hs-cos-type="raw_html" id="hs_cos_wrapper_module_1513182182111484" style="color: inherit; font-size: inherit; line-height: inherit;">
                         <div style="background:#000;color:#fff;">
                          <div style="text-align: center;">
                          </div>
                          <div style="text-align: center; font-size: 30px; line-height: 1.25;">
                           <span style="color: #ffffff;">
                            <strong>
                             Rocket Fuel for your Business
                            </strong>
                           </span>
                          </div>
                          <div style="text-align: center;">
                          </div>
                          <table align="center" bgcolor="#000" border="0" cellpadding="0" cellspacing="0" class="social" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; background-color:#000; border-collapse:collapse; width:100%" width="100%">
                           <tbody style="background:#000;">
                            <tr style="background:#000;">
                             <td style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt">
                              <table align="center" bgcolor="#000" border="0" cellpadding="0" cellspacing="0" class="social" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; background-color:#000; border-collapse:collapse">
                               <tbody style="background:#000;">
                                <tr style="background:#000;">
                                 <td class="footer-icons-first footer-icons" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; padding:0px 10px 0px 10px; width:10% !important" width="10%">
                                  <a data-hs-link-id="0" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%" target="_blank">
                                   <img alt="Facebook" border="0" height="18" sizes="(max-width: 18px) 100vw, 18px" src="https://inboxflows.com/_/image/https%253A%252F%252Fhs-3365633.f.hubspotemail.net%252Fhub%252F3365633%252Fhubfs%252FLogo%252Ffacebook.png%253Fwidth%253D36%2526height%253D36%2526upscale%253Dtrue%2526name%253Dfacebook.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZocy0zMzY1NjMzLiJ9:1mnQXA:YjW1DX-nX-qwPEhhBhQSP8p7YYxok9DzRTbtrMnHNC0" srcset="https://hs-3365633.f.hubspotemail.net/hub/3365633/hubfs/Logo/facebook.png?upscale=true&amp;width=36&amp;height=36&amp;upscale=true&amp;name=facebook.png 18w, https://hs-3365633.f.hubspotemail.net/hub/3365633/hubfs/Logo/facebook.png?upscale=true&amp;width=72&amp;height=72&amp;upscale=true&amp;name=facebook.png 36w" style="vertical-align:bottom; -ms-interpolation-mode:bicubic" width="18"/>
                                  </a>
                                 </td>
                                 <td class="footer-icons" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; padding:0px 10px 0px 10px; width:10% !important" width="10%">
                                  <a data-hs-link-id="0" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%" target="_blank">
                                   <img alt="instagram" border="0" height="18" sizes="(max-width: 18px) 100vw, 18px" src="https://inboxflows.com/_/image/https%253A%252F%252Fhs-3365633.f.hubspotemail.net%252Fhub%252F3365633%252Fhubfs%252FLogo%252Finstagram.png%253Fwidth%253D36%2526height%253D36%2526upscale%253Dtrue%2526name%253Dinstagram.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZocy0zMzY1NjMzLiJ9:1mnQXA:YjW1DX-nX-qwPEhhBhQSP8p7YYxok9DzRTbtrMnHNC0" srcset="https://hs-3365633.f.hubspotemail.net/hub/3365633/hubfs/Logo/instagram.png?upscale=true&amp;width=36&amp;height=36&amp;upscale=true&amp;name=instagram.png 18w, https://hs-3365633.f.hubspotemail.net/hub/3365633/hubfs/Logo/instagram.png?upscale=true&amp;width=72&amp;height=72&amp;upscale=true&amp;name=instagram.png 36w" style="vertical-align:bottom; -ms-interpolation-mode:bicubic" width="18"/>
                                  </a>
                                 </td>
                                 <td class="footer-icons" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; padding:0px 10px 0px 10px; width:10% !important" width="10%">
                                  <a data-hs-link-id="0" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%" target="_blank">
                                   <img alt="linkedin" border="0" height="18" sizes="(max-width: 18px) 100vw, 18px" src="https://inboxflows.com/_/image/https%253A%252F%252Fhs-3365633.f.hubspotemail.net%252Fhub%252F3365633%252Fhubfs%252FLogo%252Flinkedin.png%253Fwidth%253D36%2526height%253D36%2526upscale%253Dtrue%2526name%253Dlinkedin.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZocy0zMzY1NjMzLiJ9:1mnQXA:YjW1DX-nX-qwPEhhBhQSP8p7YYxok9DzRTbtrMnHNC0" srcset="https://hs-3365633.f.hubspotemail.net/hub/3365633/hubfs/Logo/linkedin.png?upscale=true&amp;width=36&amp;height=36&amp;upscale=true&amp;name=linkedin.png 18w, https://hs-3365633.f.hubspotemail.net/hub/3365633/hubfs/Logo/linkedin.png?upscale=true&amp;width=72&amp;height=72&amp;upscale=true&amp;name=linkedin.png 36w" style="vertical-align:bottom; -ms-interpolation-mode:bicubic" width="18"/>
                                  </a>
                                 </td>
                                 <td class="footer-icons" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; padding:0px 10px 0px 10px; width:10% !important" width="10%">
                                  <a data-hs-link-id="0" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%" target="_blank">
                                   <img alt="twitter" border="0" height="18" sizes="(max-width: 18px) 100vw, 18px" src="https://inboxflows.com/_/image/https%253A%252F%252Fhs-3365633.f.hubspotemail.net%252Fhub%252F3365633%252Fhubfs%252FLogo%252Ftwitter.png%253Fwidth%253D36%2526height%253D36%2526upscale%253Dtrue%2526name%253Dtwitter.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZocy0zMzY1NjMzLiJ9:1mnQXA:YjW1DX-nX-qwPEhhBhQSP8p7YYxok9DzRTbtrMnHNC0" srcset="https://hs-3365633.f.hubspotemail.net/hub/3365633/hubfs/Logo/twitter.png?upscale=true&amp;width=36&amp;height=36&amp;upscale=true&amp;name=twitter.png 18w, https://hs-3365633.f.hubspotemail.net/hub/3365633/hubfs/Logo/twitter.png?upscale=true&amp;width=72&amp;height=72&amp;upscale=true&amp;name=twitter.png 36w" style="vertical-align:bottom; -ms-interpolation-mode:bicubic" width="18"/>
                                  </a>
                                 </td>
                                 <td class="footer-icons" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; padding:0px 10px 0px 10px; width:10% !important" width="10%">
                                  <a data-hs-link-id="0" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%" target="_blank">
                                   <img alt="youtube" border="0" height="18" sizes="(max-width: 18px) 100vw, 18px" src="https://inboxflows.com/_/image/https%253A%252F%252Fhs-3365633.f.hubspotemail.net%252Fhub%252F3365633%252Fhubfs%252FLogo%252Fyoutube.png%253Fwidth%253D36%2526height%253D36%2526upscale%253Dtrue%2526name%253Dyoutube.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZocy0zMzY1NjMzLiJ9:1mnQXA:YjW1DX-nX-qwPEhhBhQSP8p7YYxok9DzRTbtrMnHNC0" srcset="https://hs-3365633.f.hubspotemail.net/hub/3365633/hubfs/Logo/youtube.png?upscale=true&amp;width=36&amp;height=36&amp;upscale=true&amp;name=youtube.png 18w, https://hs-3365633.f.hubspotemail.net/hub/3365633/hubfs/Logo/youtube.png?upscale=true&amp;width=72&amp;height=72&amp;upscale=true&amp;name=youtube.png 36w" style="vertical-align:bottom; -ms-interpolation-mode:bicubic" width="18"/>
                                  </a>
                                 </td>
                                </tr>
                                <!--[if true]>
<tr><td>&nbsp;</td></tr>
<![endif]-->
                               </tbody>
                              </table>
                             </td>
                            </tr>
                           </tbody>
                          </table>
                          <div style="text-align: center;">
                          </div>
                          <div style="text-align: center; color:#88969e">
                           Copyright © 2021 Shift4Shop
                          </div>
                          <div style="text-align: center;">
                          </div>
                         </div>
                        </div>
                       </div>
                       <!--end layout-widget-wrapper -->
                      </div>
                      <!--end widget-span -->
                     </td>
                    </tr>
                   </tbody>
                  </table>
                 </td>
                </tr>
                <!--end body wrapper -->
               </tbody>
              </table>
             </td>
            </tr>
           </tbody>
          </table>
          <!-- End Template Wrapper -->
         </td>
        </tr>
        <tr>
         <td align="center" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt" valign="top">
          <!-- Begin Template Footer -->
          <div class="footer-container-wrapper">
          </div>
          <table align="center" bgcolor="#f2f2f2" border="0" cellpadding="0" cellspacing="0" id="footerTable" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse !important; background-color:#f2f2f2; color:#999999; font-family:sans-serif; font-size:12px; line-height:120%; padding-top:20px; padding-right:20px; padding-bottom:20px; padding-left:20px; text-align:center" width="100%">
           <tbody>
            <tr>
             <td align="left" class="bodyContent" colspan="12" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; color:#444444; font-family:sans-serif; font-size:15px; line-height:150%; text-align:left" valign="top" width="100%">
              <table border="0" cellpadding="0" cellspacing="0" class="templateColumnWrapper" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse !important" width="100%">
               <tbody>
                <tr>
                 <td align="left" class="column" colspan="12" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; width:100.0%; text-align:left; padding:0; font-family:sans-serif; font-size:15px; line-height:1.5em; color:#444444" valign="top" width="100.0%">
                  <div class="widget-span widget-type-email_can_spam" data-widget-type="email_can_spam" style="">
                   <p align="center" id="footer" style="margin-bottom: 1em; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; font-family:Geneva, Verdana, Arial, Helvetica, sans-serif; text-align:center; font-size:12px; line-height:1.34em; color:#999999; display:block">
                    Shift4Shop
  6691 Nob Hill Rd
 
 Ft. Lauderdale
 FL
  33321
  United States
                    <br/>
                    <br/>
                    You received this email because you are subscribed to Newsletters 
 from Shift4Shop.
                    <br/>
                    <br/>
                    Update your
                    <a class="hubspot-mergetag" data-hs-link-id="0" data-unsubscribe="true" style="-ms-text-size-adjust:100%; -webkit-text-size-adjust:none; font-weight:normal; text-decoration:underline; whitespace:nowrap; color:#999999" target="_blank">
                     email preferences
                    </a>
                    to choose the types of emails you receive.
                    <br/>
                    <br/>
                    <a class="hubspot-mergetag" data-hs-link-id="0" data-unsubscribe="true" style="-ms-text-size-adjust:100%; -webkit-text-size-adjust:none; font-weight:normal; text-decoration:underline; whitespace:nowrap; color:#999999" target="_blank">
                     Unsubscribe from all future emails
                    </a>
                   </p>
                  </div>
                  <!--end widget-span -->
                 </td>
                </tr>
               </tbody>
              </table>
             </td>
            </tr>
            <!--end footer wrapper -->
            <tr>
             <td style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt">
             </td>
            </tr>
           </tbody>
          </table>
          <!-- End Template Footer -->
         </td>
        </tr>
       </tbody>
      </table>
      <!-- End Template Container -->
     </td>
    </tr>
   </tbody>
  </table>
  <img alt="" border="0" height="1" src="https://inboxflows.com/_/image/https%253A%252F%252Fcpnby04.na1.hubspotlinks.com%252FBto%252FLV%252B113%252Fcpnby04%252FMVRVF4YZk3pW6T2k0R3CnmNmW4125np4z__VNW1xVmKg8fYx6228y1/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjcG5ieTA0Lm5hMSJ9:1mnQXA:1KREXPhRPLkwMI5WMAT9prvQ1FyrtAPavjQxCKBHw2g" style="display:none!important;min-height:1px!important;width:1px!important;border-width:0!important;margin-top:0!important;margin-bottom:0!important;margin-right:0!important;margin-left:0!important;padding-top:0!important;padding-bottom:0!important;padding-right:0!important;padding-left:0!important" width="1"/>
 </body>
</html>