Shopify Layout Partners Email layout Source code

ScreenshotCodePlain Text
HTML29.41 Kb
<!DOCTYPE html>
<html lang="en" style="margin: 0; padding: 0; height: 100%; width: 100%;">

<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="Content-Type" content="text/html charset=UTF-8">
  <title>Layout Partners</title>
  <style type="text/css">
  .tiny-prose :first-child {
    margin-top: 0
  }

  .tiny-prose ul,
  .tiny-prose ol {
    list-style-position: outside;
    padding: 0 0 0 1rem;
  }

  .tiny-prose ul li p,
  .tiny-prose ol li p {
    margin-top: .25em;
    margin-bottom: .25em
  }

  .tiny-prose li p {
    margin: .25em 0 .25em 0;
  }

  .tiny-prose li p:first-child {
    margin-top: 0;
  }

  .tiny-prose li p:last-child {
    margin-bottom: 0;
  }

  .tiny-prose ul {
    list-style-type: disc;
  }

  .tiny-prose ol {
    list-style-type: decimal;
  }

  .tiny-prose ul ul,
  .tiny-prose ol ul {
    list-style-type: circle;
  }

  .tiny-prose ol ol,
  .tiny-prose ul ol {
    list-style-type: lower-roman;
  }

  </style>
  <style type="text/css">
  * {
    margin: 0px;
    text-decoration: none;
  }

  table,
  tbody,
  tr,
  td {
    line-height: 1;
  }

  @media screen and (max-width: 600px) {
    #OQIA4 {
      width: 100% !important;
      color: #212b35ff !important;
      height: 100% !important;
      display: table !important;
      position: relative !important;
      text-align: center !important;
      vertical-align: top !important;
      box-sizing: border-box !important;
      table-layout: fixed !important;
    }

    #HVSlS {
      color: #212b35ff !important;
      width: 100% !important;
      display: table !important;
      position: relative !important;
      text-align: center !important;
      vertical-align: top !important;
      box-sizing: border-box !important;
      table-layout: fixed !important;
    }

    #0kwLQ {
      color: #212b35ff !important;
      width: 100% !important;
      display: table !important;
      max-width: 600px !important;
      position: relative !important;
      padding: 28px 20px !important;
      text-align: left !important;
      vertical-align: middle !important;
      box-sizing: border-box !important;
      table-layout: fixed !important;
    }

    #R3cs0 {
      color: #212b35ff !important;
      width: 100% !important;
      display: table !important;
      position: relative !important;
      text-align: left !important;
      vertical-align: top !important;
      box-sizing: border-box !important;
      table-layout: fixed !important;
    }

    #_aZa3 {
      color: #212b35ff !important;
      width: 200px !important;
      position: static !important;
      object-fit: scale-down !important;
      text-align: initial !important;
      vertical-align: initial !important;
      box-sizing: border-box !important;
      display: block !important;
    }

    #J8ffk {
      color: #008060 !important;
      display: block !important;
      font-size: 16px !important;
      position: relative !important;
      font-weight: 500 !important;
      white-space: nowrap !important;
      background-color: #D9D9D9 !important;
      border: 2px solid #008060ff !important;
      border-radius: 5px !important;
      padding: 10px 18px !important;
      background: #ffffffff !important;
      text-align: center !important;
      vertical-align: middle !important;
      box-sizing: border-box !important;
    }

    #dUsyb {
      color: #212b35ff !important;
      width: 100% !important;
      display: table !important;
      position: relative !important;
      text-align: center !important;
      vertical-align: top !important;
      box-sizing: border-box !important;
      table-layout: fixed !important;
    }

    #QWtSg {
      color: #212b35ff !important;
      width: 100% !important;
      height: 420px !important;
      display: table !important;
      position: relative !important;
      padding: 64px 64px 0 !important;
      text-align: center !important;
      vertical-align: top !important;
      box-sizing: border-box !important;
      table-layout: fixed !important;
    }

    #GJtFf {
      color: #6b7280 !important;
      font-size: 16px !important;
      position: relative !important;
      text-align: center !important;
      font-weight: 700 !important;
      line-height: 24px !important;
      white-space: pre-line !important;
      vertical-align: initial !important;
      box-sizing: border-box !important;
      display: block !important;
    }

    #3bNHq {
      color: #212b35ff !important;
      width: 100% !important;
      display: table !important;
      position: relative !important;
      background: #f4f6f8ff !important;
      text-align: center !important;
      vertical-align: top !important;
      box-sizing: border-box !important;
      table-layout: fixed !important;
    }

    #9C-LY {
      color: #212b35ff !important;
      width: 100% !important;
      display: table !important;
      max-width: 600px !important;
      position: relative !important;
      padding: 40px 20px !important;
      text-align: center !important;
      vertical-align: top !important;
      box-sizing: border-box !important;
      table-layout: fixed !important;
    }

    #BVb5_ {
      color: #212b35ff !important;
      width: 100% !important;
      display: table !important;
      position: relative !important;
      padding: 0px !important;
      text-align: center !important;
      vertical-align: middle !important;
      box-sizing: border-box !important;
      table-layout: fixed !important;
    }

    #4pyI1 {
      color: #212b35ff !important;
      width: 28px !important;
      height: 28px !important;
      display: table !important;
      position: relative !important;
      border-radius: 63px !important;
      background: #a1a1a1ff !important;
      text-align: center !important;
      vertical-align: middle !important;
      box-sizing: border-box !important;
      table-layout: fixed !important;
    }

    #KSuN7 {
      color: #212b35ff !important;
      position: static !important;
      text-align: initial !important;
      vertical-align: initial !important;
      box-sizing: border-box !important;
      display: block !important;
    }

    #ylOC0 {
      color: #212b35ff !important;
      width: 28px !important;
      height: 28px !important;
      display: table !important;
      position: relative !important;
      border-radius: 63px !important;
      background: #a1a1a1ff !important;
      text-align: center !important;
      vertical-align: middle !important;
      box-sizing: border-box !important;
      table-layout: fixed !important;
    }

    #dwCmF {
      color: #212b35ff !important;
      position: static !important;
      text-align: initial !important;
      vertical-align: initial !important;
      box-sizing: border-box !important;
      display: block !important;
    }

    #Cf5p6 {
      color: #212b35ff !important;
      width: 28px !important;
      height: 28px !important;
      display: table !important;
      position: relative !important;
      border-radius: 63px !important;
      background: #a1a1a1ff !important;
      text-align: center !important;
      vertical-align: middle !important;
      box-sizing: border-box !important;
      table-layout: fixed !important;
    }

    #cGLgv {
      color: #212b35ff !important;
      position: static !important;
      text-align: initial !important;
      vertical-align: initial !important;
      box-sizing: border-box !important;
      display: block !important;
    }

    #zIe__ {
      color: #212b35ff !important;
      width: 28px !important;
      height: 28px !important;
      display: table !important;
      position: relative !important;
      border-radius: 63px !important;
      background: #a1a1a1ff !important;
      text-align: center !important;
      vertical-align: middle !important;
      box-sizing: border-box !important;
      table-layout: fixed !important;
    }

    #J95eD {
      color: #212b35ff !important;
      position: static !important;
      text-align: initial !important;
      vertical-align: initial !important;
      box-sizing: border-box !important;
      display: block !important;
    }

    #tIf4B {
      color: #212b35ff !important;
      width: 28px !important;
      height: 28px !important;
      display: table !important;
      position: relative !important;
      border-radius: 63px !important;
      background: #a1a1a1ff !important;
      text-align: center !important;
      vertical-align: middle !important;
      box-sizing: border-box !important;
      table-layout: fixed !important;
    }

    #KBLjP {
      color: #212b35ff !important;
      position: static !important;
      text-align: initial !important;
      vertical-align: initial !important;
      box-sizing: border-box !important;
      display: block !important;
    }

    #-LyKd {
      color: #212b35ff !important;
      width: 28px !important;
      height: 28px !important;
      display: table !important;
      position: relative !important;
      border-radius: 63px !important;
      background: #a1a1a1ff !important;
      text-align: center !important;
      vertical-align: middle !important;
      box-sizing: border-box !important;
      table-layout: fixed !important;
    }

    #-Cly6 {
      color: #212b35ff !important;
      position: static !important;
      text-align: initial !important;
      vertical-align: initial !important;
      box-sizing: border-box !important;
      display: block !important;
    }

    #tmhDN {
      color: #212b35ff !important;
      width: 28px !important;
      height: 28px !important;
      display: table !important;
      position: relative !important;
      border-radius: 63px !important;
      background: #a1a1a1ff !important;
      text-align: center !important;
      vertical-align: middle !important;
      box-sizing: border-box !important;
      table-layout: fixed !important;
    }

    #-3UEm {
      color: #212b35ff !important;
      position: static !important;
      text-align: initial !important;
      vertical-align: initial !important;
      box-sizing: border-box !important;
      display: block !important;
    }

    #J4VmY {
      color: #454f5b !important;
      font-size: 12px !important;
      position: relative !important;
      text-align: center !important;
      font-weight: 400 !important;
      line-height: 22px !important;
      white-space: pre-line !important;
      vertical-align: initial !important;
      box-sizing: border-box !important;
      display: block !important;
    }

    #nsVPN {
      color: #212b35ff !important;
      display: table !important;
      position: relative !important;
      text-align: center !important;
      vertical-align: top !important;
      box-sizing: border-box !important;
      table-layout: fixed !important;
    }

    #437WH {
      color: #454f5b !important;
      font-size: 12px !important;
      position: relative !important;
      text-align: center !important;
      font-weight: 700 !important;
      vertical-align: initial !important;
      box-sizing: border-box !important;
      display: block !important;
    }

    #Z5Onv {
      color: #454f5b !important;
      font-size: 12px !important;
      position: relative !important;
      text-align: center !important;
      font-weight: 700 !important;
      vertical-align: initial !important;
      box-sizing: border-box !important;
      display: block !important;
    }

    #s7Ova {
      color: #454f5b !important;
      font-size: 9px !important;
      position: relative !important;
      text-align: center !important;
      font-weight: 400 !important;
      line-height: 24px !important;
      white-space: pre-line !important;
      vertical-align: initial !important;
      box-sizing: border-box !important;
      display: block !important;
    }
  }

  </style>
  <style type="text/css">
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6u8w4BMUTPHh30wWyWrFCbw7A.ttf) format('truetype');
  }

  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh7USew-FGC_p9dw.ttf) format('truetype');
  }

  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh6UVew-FGC_p9dw.ttf) format('truetype');
  }

  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh50Xew-FGC_p9dw.ttf) format('truetype');
  }

  @font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6u8w4BMUTPHjxswWyWrFCbw7A.ttf) format('truetype');
  }

  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHvxk6XweuBCY.ttf) format('truetype');
  }

  @font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6u-w4BMUTPHjxsIPy-vNiPg7MU0.ttf) format('truetype');
  }

  @font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6u_w4BMUTPHjxsI9w2PHA3s5dwt7w.ttf) format('truetype');
  }

  @font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6u_w4BMUTPHjxsI5wqPHA3s5dwt7w.ttf) format('truetype');
  }

  @font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6u_w4BMUTPHjxsI3wiPHA3s5dwt7w.ttf) format('truetype');
  }

  </style>

</head>

<body style="margin: 0; padding: 0; height: 100%; width: 100%; color:#212b35ff;font-family:Lato;background:#ffffffff;">
  <table border="0" cellpadding="0" cellspacing="0" role="presentation" id="OQIA4" style="width:100%;color:#212b35ff;height:100%;display:table;position:relative;text-align:center;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
    <tbody>
      <tr align="center" valign="top">
        <td>
          <table border="0" cellpadding="0" cellspacing="0" role="presentation" id="HVSlS" style="color:#212b35ff;width:100%;display:table;position:relative;text-align:center;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
            <tbody>
              <tr align="center" valign="top">
                <td>
                  <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" id="0kwLQ" style="color:#212b35ff;width:100%;display:table;max-width:600px;position:relative;padding:28px 20px;text-align:left;vertical-align:middle;box-sizing:border-box;table-layout:fixed;">
                    <tbody>
                      <tr style="display:block;" align="left" valign="middle">
                        <td style="width:auto;">
                          <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" id="R3cs0" style="color:#212b35ff;width:100%;display:table;position:relative;text-align:left;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
                            <tbody>
                              <tr style="display:block;" align="left" valign="top">
                                <td style="width:auto;"><a href="https://www.shopify.com/" target="_blank"><img id="_aZa3" style="vertical-align:middle;color:#212b35ff;width:200px;position:static;object-fit:scale-down;text-align:initial;vertical-align:initial;box-sizing:border-box;display:block;" src="https://pagenflow-files.s3.us-east-1.amazonaws.com/media-d9deab0550b1-shopify-partners-logo.png" alt="Image" width="auto" height="auto" loading="eager" /></a></td>
                              </tr>
                            </tbody>
                          </table>
                        </td>
                        <td><a id="J8ffk" style="color:#008060;display:block;font-size:16px;position:relative;font-weight:500;white-space:nowrap;background-color:#D9D9D9;border:2px solid #008060ff;border-radius:5px;padding:10px 18px;background:#ffffffff;text-align:center;vertical-align:middle;box-sizing:border-box;" href="https://www.shopify.com/login?ui_locales=en" target="_blank">Log in</a></td>
                      </tr>
                    </tbody>
                  </table>
                </td>
              </tr>
            </tbody>
          </table>
        </td>
      </tr>
      <tr align="center" valign="top">
        <td>
          <table border="0" cellpadding="0" cellspacing="0" role="presentation" id="dUsyb" style="color:#212b35ff;width:100%;display:table;position:relative;text-align:center;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
            <tbody>
              <tr align="center" valign="top">
                <td>
                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" id="QWtSg" style="color:#212b35ff;width:100%;height:420px;display:table;position:relative;padding:64px 64px 0;text-align:center;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
                    <tbody>
                      <tr align="center" valign="top">
                        <td><span id="GJtFf" style="color:#6b7280;font-size:16px;position:relative;text-align:center;font-weight:700;line-height:24px;white-space:pre-line;vertical-align:initial;box-sizing:border-box;display:block;">Email content goes here</span></td>
                      </tr>
                    </tbody>
                  </table>
                </td>
              </tr>
            </tbody>
          </table>
        </td>
      </tr>
      <tr align="center" valign="top">
        <td>
          <table border="0" cellpadding="0" cellspacing="0" role="presentation" id="3bNHq" style="color:#212b35ff;width:100%;display:table;position:relative;background:#f4f6f8ff;text-align:center;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
            <tbody>
              <tr align="center" valign="top">
                <td>
                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" id="9C-LY" style="color:#212b35ff;width:100%;display:table;max-width:600px;position:relative;padding:40px 20px;text-align:center;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
                    <tbody>
                      <tr align="center" valign="top">
                        <td>
                          <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" id="BVb5_" style="color:#212b35ff;width:100%;display:table;position:relative;padding:0px;text-align:center;vertical-align:middle;box-sizing:border-box;table-layout:fixed;">
                            <tbody>
                              <tr style="display:block;" align="center" valign="middle">
                                <td style="width:auto;">
                                  <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" id="4pyI1" style="color:#212b35ff;width:28px;height:28px;display:table;position:relative;border-radius:63px;background:#a1a1a1ff;text-align:center;vertical-align:middle;box-sizing:border-box;table-layout:fixed;">
                                    <tbody>
                                      <tr align="center" valign="middle">
                                        <td style="width:auto;"><a href="https://www.facebook.com/shopify" target="_blank"><img id="KSuN7" style="vertical-align:text-bottom;color:#212b35ff;position:static;text-align:initial;vertical-align:initial;box-sizing:border-box;display:block;" src="https://iconify.pagenflow.com/api/image/16/ffffffff/0-cw/fa6-brands:facebook-f.png" alt="Icon" width="auto" height="16px" /></a></td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </td>
                                <td style="width:14px;min-width:14px;"></td>
                                <td style="width:auto;">
                                  <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" id="ylOC0" style="color:#212b35ff;width:28px;height:28px;display:table;position:relative;border-radius:63px;background:#a1a1a1ff;text-align:center;vertical-align:middle;box-sizing:border-box;table-layout:fixed;">
                                    <tbody>
                                      <tr align="center" valign="middle">
                                        <td style="width:auto;"><a href="https://twitter.com/shopify" target="_blank"><img id="dwCmF" style="vertical-align:text-bottom;color:#212b35ff;position:static;text-align:initial;vertical-align:initial;box-sizing:border-box;display:block;" src="https://iconify.pagenflow.com/api/image/16/ffffffff/0-cw/fa6-brands:x-twitter.png" alt="Icon" width="auto" height="16px" /></a></td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </td>
                                <td style="width:14px;min-width:14px;"></td>
                                <td style="width:auto;">
                                  <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" id="Cf5p6" style="color:#212b35ff;width:28px;height:28px;display:table;position:relative;border-radius:63px;background:#a1a1a1ff;text-align:center;vertical-align:middle;box-sizing:border-box;table-layout:fixed;">
                                    <tbody>
                                      <tr align="center" valign="middle">
                                        <td style="width:auto;"><a href="https://www.instagram.com/shopify/" target="_blank"><img id="cGLgv" style="vertical-align:text-bottom;color:#212b35ff;position:static;text-align:initial;vertical-align:initial;box-sizing:border-box;display:block;" src="https://iconify.pagenflow.com/api/image/16/ffffffff/0-cw/fa6-brands:instagram.png" alt="Icon" width="auto" height="16px" /></a></td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </td>
                                <td style="width:14px;min-width:14px;"></td>
                                <td style="width:auto;">
                                  <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" id="zIe__" style="color:#212b35ff;width:28px;height:28px;display:table;position:relative;border-radius:63px;background:#a1a1a1ff;text-align:center;vertical-align:middle;box-sizing:border-box;table-layout:fixed;">
                                    <tbody>
                                      <tr align="center" valign="middle">
                                        <td style="width:auto;"><a href="https://www.linkedin.com/company/shopify" target="_blank"><img id="J95eD" style="vertical-align:text-bottom;color:#212b35ff;position:static;text-align:initial;vertical-align:initial;box-sizing:border-box;display:block;" src="https://iconify.pagenflow.com/api/image/16/ffffffff/0-cw/fa6-brands:linkedin-in.png" alt="Icon" width="auto" height="16px" /></a></td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </td>
                                <td style="width:14px;min-width:14px;"></td>
                                <td style="width:auto;">
                                  <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" id="tIf4B" style="color:#212b35ff;width:28px;height:28px;display:table;position:relative;border-radius:63px;background:#a1a1a1ff;text-align:center;vertical-align:middle;box-sizing:border-box;table-layout:fixed;">
                                    <tbody>
                                      <tr align="center" valign="middle">
                                        <td style="width:auto;"><a href="https://www.tiktok.com/@shopify" target="_blank"><img id="KBLjP" style="vertical-align:text-bottom;color:#212b35ff;position:static;text-align:initial;vertical-align:initial;box-sizing:border-box;display:block;" src="https://iconify.pagenflow.com/api/image/16/ffffffff/0-cw/fa6-brands:tiktok.png" alt="Icon" width="auto" height="16px" /></a></td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </td>
                                <td style="width:14px;min-width:14px;"></td>
                                <td style="width:auto;">
                                  <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" id="-LyKd" style="color:#212b35ff;width:28px;height:28px;display:table;position:relative;border-radius:63px;background:#a1a1a1ff;text-align:center;vertical-align:middle;box-sizing:border-box;table-layout:fixed;">
                                    <tbody>
                                      <tr align="center" valign="middle">
                                        <td style="width:auto;"><a href="https://www.pinterest.com/shopify/" target="_blank"><img id="-Cly6" style="vertical-align:text-bottom;color:#212b35ff;position:static;text-align:initial;vertical-align:initial;box-sizing:border-box;display:block;" src="https://iconify.pagenflow.com/api/image/16/ffffffff/0-cw/fa6-brands:pinterest-p.png" alt="Icon" width="auto" height="16px" /></a></td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </td>
                                <td style="width:14px;min-width:14px;"></td>
                                <td style="width:auto;">
                                  <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" id="tmhDN" style="color:#212b35ff;width:28px;height:28px;display:table;position:relative;border-radius:63px;background:#a1a1a1ff;text-align:center;vertical-align:middle;box-sizing:border-box;table-layout:fixed;">
                                    <tbody>
                                      <tr align="center" valign="middle">
                                        <td style="width:auto;"><a href="https://www.youtube.com/user/shopify" target="_blank"><img id="-3UEm" style="vertical-align:text-bottom;color:#212b35ff;position:static;text-align:initial;vertical-align:initial;box-sizing:border-box;display:block;" src="https://iconify.pagenflow.com/api/image/16/ffffffff/0-cw/fa6-brands:youtube.png" alt="Icon" width="auto" height="16px" /></a></td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </td>
                              </tr>
                            </tbody>
                          </table>
                        </td>
                      </tr>
                      <tr style="height:24px;min-height:24px;"></tr>
                      <tr align="center" valign="top">
                        <td><span id="J4VmY" style="color:#454f5b;font-size:12px;position:relative;text-align:center;font-weight:400;line-height:22px;white-space:pre-line;vertical-align:initial;box-sizing:border-box;display:block;">© Shopify, 151 O'Connor Street, Ground floor,Ottawa ON, K2P 2L8</span></td>
                      </tr>
                      <tr style="height:24px;min-height:24px;"></tr>
                      <tr align="center" valign="top">
                        <td>
                          <table border="0" cellpadding="0" cellspacing="0" role="presentation" id="nsVPN" style="color:#212b35ff;display:table;position:relative;text-align:center;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
                            <tbody>
                              <tr align="center" valign="top">
                                <td><a id="437WH" style="color:#454f5b;font-size:12px;position:relative;text-align:center;font-weight:700;vertical-align:initial;box-sizing:border-box;display:block;" href="#">Unsubscribe</a></td>
                              </tr>
                              <tr style="height:12px;min-height:12px;"></tr>
                              <tr align="center" valign="top">
                                <td><a id="Z5Onv" style="color:#454f5b;font-size:12px;position:relative;text-align:center;font-weight:700;vertical-align:initial;box-sizing:border-box;display:block;" href="#">Manage your email preferences</a></td>
                              </tr>
                              <tr style="height:12px;min-height:12px;"></tr>
                              <tr align="center" valign="top">
                                <td><span id="s7Ova" style="color:#454f5b;font-size:9px;position:relative;text-align:center;font-weight:400;line-height:24px;white-space:pre-line;vertical-align:initial;box-sizing:border-box;display:block;">Shopify.MailID:1-1.62911131.10719360.359ff72452a5c403d1131c900b3faf04</span></td>
                              </tr>
                            </tbody>
                          </table>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                </td>
              </tr>
            </tbody>
          </table>
        </td>
      </tr>
    </tbody>
  </table>
</body>

</html>
Share
Clone to My Account

Save this template to your account for future use

Disclaimer

This email template was created using Pagenflow's email template builder. Please note that Shopify as an entity was not involved in the creation, design, or distribution of this template.

Seamless Compatibility

Design once, send everywhere

Your emails will look perfect across all major email clients and devices.

Proton Mail
Zoho Mail
Gmail
Yahoo Mail
Android
Apple Mail
Outlook
And more
Take a lookNo signup required

How it works

How to Edit Shopify Email Template

Follow these steps to clone, customize, and export your email template using our free email template builder.

1
2
3
4
5
Feature clone email template
Step 1

Clone the Email Template

Start by cloning the email template you want to edit. Cloning creates a duplicate of the original template, allowing you to make changes without affecting the original design.

Note: This step ensures you have a fresh copy to work with, preserving the original template for future use.

Step 2: Update the Template Content

Customize your email template content and design to match your brand.

Note: This step allows you to tailor the template to your specific campaign or purpose.

Step 3: Customize the Design

Customize your email template content and design to match your brand.

Note: This step ensures your template is visually appealing and consistent with your brand identity.

Step 4: Test the Template

Customize your email template content and design to match your brand.

Note: This step helps you catch and fix any issues before sending the email to your audience.

Step 5: Export the Template

Once you're satisfied with your customized template, export it for use in your email campaigns.

Note: This step finalizes your template and makes it ready for use in your campaigns.

You may also like...

Screenshot of This week only email templateThis week onlytemplateFreeScreenshot of Android 16 Android 16 Beta 2 is here 🚀 email template Android 16 Android 16 Beta 2 is here 🚀templateFreeScreenshot of Verify your email address email templateVerify your email addresstemplateFree
Explore email templates