Spotify You’ve been invited to a Spotify Family Email template Source code

ScreenshotCodePlain Text
HTML33.78 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>You’ve been invited to a Spotify Family</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) {
    #yKSVe {
      width: 100% !important;
      color: rgb(85, 85, 85) !important;
      display: table !important;
      position: relative !important;
      text-align: center !important;
      vertical-align: top !important;
      box-sizing: border-box !important;
      table-layout: fixed !important;
    }

    #u8wDD {
      color: rgb(85, 85, 85) !important;
      width: 100% !important;
      display: table !important;
      max-width: 480px !important;
      position: relative !important;
      text-align: left !important;
      vertical-align: top !important;
      box-sizing: border-box !important;
      table-layout: fixed !important;
    }

    #DfZpd {
      color: rgb(85, 85, 85) !important;
      width: 100% !important;
      display: table !important;
      position: relative !important;
      padding: 36px 24px 32px !important;
      background: #ffffffff !important;
      text-align: left !important;
      vertical-align: top !important;
      box-sizing: border-box !important;
      table-layout: fixed !important;
    }

    #TeUU- {
      color: rgb(85, 85, 85) !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;
    }

    #4EqeX {
      color: rgb(85, 85, 85) !important;
      width: 122px !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;
    }

    #S6Ovu {
      color: rgb(85, 85, 85) !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;
    }

    #URFW9 {
      color: rgb(85, 85, 85) !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;
    }

    #ZhGP9 {
      color: rgb(85, 85, 85) !important;
      width: 100% !important;
      display: table !important;
      position: relative !important;
      padding: 12px 0 !important;
      text-align: center !important;
      vertical-align: middle !important;
      box-sizing: border-box !important;
      table-layout: fixed !important;
    }

    #EpWkY {
      color: rgb(85, 85, 85) !important;
      font-size: 36px !important;
      position: relative !important;
      text-align: center !important;
      font-weight: 700 !important;
      line-height: 36px !important;
      white-space: pre-line !important;
      vertical-align: initial !important;
      box-sizing: border-box !important;
      display: block !important;
    }

    #h-VN4 {
      color: rgb(85, 85, 85) !important;
      font-size: 14px !important;
      position: relative !important;
      text-align: center !important;
      font-weight: 400 !important;
      line-height: 20px !important;
      white-space: pre-line !important;
      vertical-align: initial !important;
      box-sizing: border-box !important;
      display: block !important;
    }

    #oa_mo {
      color: rgb(85, 85, 85) !important;
      position: relative !important;
      text-align: center !important;
      vertical-align: initial !important;
      box-sizing: border-box !important;
      display: block !important;
    }

    #KD4a9 {
      color: rgb(85, 85, 85) !important;
      position: relative !important;
      text-align: center !important;
      vertical-align: initial !important;
      box-sizing: border-box !important;
      display: block !important;
    }

    #MXwIw {
      color: rgb(85, 85, 85) !important;
      width: 100% !important;
      display: table !important;
      position: relative !important;
      text-align: center !important;
      vertical-align: middle !important;
      box-sizing: border-box !important;
      table-layout: fixed !important;
    }

    #Tc7VF {
      color: #ffffff !important;
      display: block !important;
      font-size: 14px !important;
      position: relative !important;
      text-align: center !important;
      font-weight: 700 !important;
      text-transform: uppercase !important;
      background-color: #D9D9D9 !important;
      border-radius: 100px !important;
      padding: 16px 64px !important;
      background: #1DB954 !important;
      vertical-align: middle !important;
      box-sizing: border-box !important;
    }

    #htNhL {
      color: rgb(85, 85, 85) !important;
      width: 100% !important;
      display: table !important;
      position: relative !important;
      padding: 36px 24px !important;
      background: #F7F7F7 !important;
      text-align: left !important;
      vertical-align: top !important;
      box-sizing: border-box !important;
      table-layout: fixed !important;
    }

    #U8sUR {
      color: rgb(85, 85, 85) !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;
    }

    #fmF51 {
      color: rgb(85, 85, 85) !important;
      width: 77px !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;
    }

    #Z_qVr {
      color: rgb(85, 85, 85) !important;
      width: 100% !important;
      height: 1px !important;
      position: relative !important;
      margin: 0px 0 !important;
      background: #d1d5d9 !important;
      text-align: initial !important;
      vertical-align: initial !important;
      box-sizing: border-box !important;
      display: block !important;
    }

    #WPkf3 {
      color: rgb(85, 85, 85) !important;
      position: relative !important;
      text-align: initial !important;
      vertical-align: initial !important;
      box-sizing: border-box !important;
      display: block !important;
    }

    #xB_t5 {
      color: rgb(85, 85, 85) !important;
      width: 100% !important;
      display: table !important;
      position: relative !important;
      text-align: left !important;
      vertical-align: middle !important;
      box-sizing: border-box !important;
      table-layout: fixed !important;
    }

    #StvdO {
      color: #88898c !important;
      font-size: 11px !important;
      position: relative !important;
      text-align: left !important;
      font-weight: 400 !important;
      line-height: 16px !important;
      white-space: pre-line !important;
      vertical-align: initial !important;
      box-sizing: border-box !important;
      display: block !important;
    }

    #rQqo9 {
      color: #88898c !important;
      font-size: 11px !important;
      position: relative !important;
      font-weight: 700 !important;
      line-height: 16px !important;
      text-align: initial !important;
      vertical-align: initial !important;
      box-sizing: border-box !important;
      display: block !important;
    }

    #HL6V1 {
      color: #88898c !important;
      font-size: 11px !important;
      position: relative !important;
      font-weight: 700 !important;
      line-height: 16px !important;
      text-align: initial !important;
      vertical-align: initial !important;
      box-sizing: border-box !important;
      display: block !important;
    }

    #2dajc {
      color: #88898c !important;
      font-size: 11px !important;
      position: relative !important;
      font-weight: 700 !important;
      line-height: 16px !important;
      text-align: initial !important;
      vertical-align: initial !important;
      box-sizing: border-box !important;
      display: block !important;
    }

    #AAc6t {
      color: #88898c !important;
      font-size: 11px !important;
      position: relative !important;
      font-weight: 700 !important;
      line-height: 16px !important;
      text-align: initial !important;
      vertical-align: initial !important;
      box-sizing: border-box !important;
      display: block !important;
    }

    #Rnmwd {
      color: rgb(85, 85, 85) !important;
      width: 100% !important;
      height: 1px !important;
      position: relative !important;
      margin: 0px 0 !important;
      background: #d1d5d9 !important;
      text-align: initial !important;
      vertical-align: initial !important;
      box-sizing: border-box !important;
      display: block !important;
    }

    #i5a6r {
      color: rgb(85, 85, 85) !important;
      width: 100% !important;
      display: table !important;
      position: relative !important;
      text-align: left !important;
      vertical-align: middle !important;
      box-sizing: border-box !important;
      table-layout: fixed !important;
    }

    #rFyjE {
      color: #88898c !important;
      font-size: 11px !important;
      position: relative !important;
      font-weight: 700 !important;
      line-height: 16px !important;
      text-align: initial !important;
      vertical-align: initial !important;
      box-sizing: border-box !important;
      display: block !important;
    }

    #MkUKg {
      color: #c3c3c3 !important;
      font-size: 16px !important;
      position: relative !important;
      text-align: left !important;
      font-weight: 300 !important;
      line-height: 24px !important;
      white-space: pre-line !important;
      vertical-align: initial !important;
      box-sizing: border-box !important;
      display: block !important;
    }

    #TKEUN {
      color: #88898c !important;
      font-size: 11px !important;
      position: relative !important;
      font-weight: 700 !important;
      line-height: 16px !important;
      text-align: initial !important;
      vertical-align: initial !important;
      box-sizing: border-box !important;
      display: block !important;
    }

    #QY5EE {
      color: #c3c3c3 !important;
      font-size: 16px !important;
      position: relative !important;
      text-align: left !important;
      font-weight: 300 !important;
      line-height: 24px !important;
      white-space: pre-line !important;
      vertical-align: initial !important;
      box-sizing: border-box !important;
      display: block !important;
    }

    #ba-ht {
      color: #88898c !important;
      font-size: 11px !important;
      position: relative !important;
      font-weight: 700 !important;
      line-height: 16px !important;
      text-align: initial !important;
      vertical-align: initial !important;
      box-sizing: border-box !important;
      display: block !important;
    }

    #68aR6 {
      color: #88898c !important;
      font-size: 11px !important;
      position: relative !important;
      text-align: left !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: 'Inter';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyeMZhrib2Bg-4.ttf) format('truetype');
  }

  @font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuDyfMZhrib2Bg-4.ttf) format('truetype');
  }

  @font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuOKfMZhrib2Bg-4.ttf) format('truetype');
  }

  @font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuI6fMZhrib2Bg-4.ttf) format('truetype');
  }

  @font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuGKYMZhrib2Bg-4.ttf) format('truetype');
  }

  @font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuFuYMZhrib2Bg-4.ttf) format('truetype');
  }

  @font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuDyYMZhrib2Bg-4.ttf) format('truetype');
  }

  @font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuBWYMZhrib2Bg-4.ttf) format('truetype');
  }

  @font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnNqk4j1ebLhAm8SrXTc2dthjZ-Ek-7MeA.ttf) format('truetype');
  }

  @font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfMZhrib2Bg-4.ttf) format('truetype');
  }

  @font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnNqk4j1ebLhAm8SrXTc2dphjZ-Ek-7MeA.ttf) format('truetype');
  }

  @font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 200;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnNqk4j1ebLhAm8SrXTcWdthjZ-Ek-7MeA.ttf) format('truetype');
  }

  @font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnNqk4j1ebLhAm8SrXTch9thjZ-Ek-7MeA.ttf) format('truetype');
  }

  @font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnNqk4j1ebLhAm8SrXTc69thjZ-Ek-7MeA.ttf) format('truetype');
  }

  @font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnNqk4j1ebLhAm8SrXTcB9xhjZ-Ek-7MeA.ttf) format('truetype');
  }

  @font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnNqk4j1ebLhAm8SrXTcPtxhjZ-Ek-7MeA.ttf) format('truetype');
  }

  @font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnNqk4j1ebLhAm8SrXTcWdxhjZ-Ek-7MeA.ttf) format('truetype');
  }

  @font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v18/UcCM3FwrK3iLTcvneQg7Ca725JhhKnNqk4j1ebLhAm8SrXTccNxhjZ-Ek-7MeA.ttf) format('truetype');
  }

  </style>

</head>

<body style="margin: 0; padding: 0; height: 100%; width: 100%; color:rgb(85,85,85);font-family:Inter;background:#ffffffff;">
  <table border="0" cellpadding="0" cellspacing="0" role="presentation" id="yKSVe" style="width:100%;color:rgb(85,85,85);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="u8wDD" style="color:rgb(85,85,85);width:100%;display:table;max-width:480px;position:relative;text-align:left;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
            <tbody>
              <tr align="left" valign="top">
                <td>
                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" id="DfZpd" style="color:rgb(85,85,85);width:100%;display:table;position:relative;padding:36px 24px 32px;background:#ffffffff;text-align:left;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
                    <tbody>
                      <tr align="left" valign="top">
                        <td>
                          <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" id="TeUU-" style="color:rgb(85,85,85);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;"><img id="4EqeX" style="vertical-align:middle;color:rgb(85,85,85);width:122px;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-cde26e8e5b9c-spotify-full-logo-rgb-green.png" alt="Image" width="auto" height="auto" loading="eager" /></td>
                              </tr>
                            </tbody>
                          </table>
                        </td>
                      </tr>
                      <tr style="height:24px;min-height:24px;"></tr>
                      <tr align="left" valign="top">
                        <td>
                          <table border="0" cellpadding="0" cellspacing="0" role="presentation" id="S6Ovu" style="color:rgb(85,85,85);width:100%;display:table;position:relative;text-align:left;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
                            <tbody>
                              <tr align="left" valign="top">
                                <td>
                                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" id="URFW9" style="color:rgb(85,85,85);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="ZhGP9" style="color:rgb(85,85,85);width:100%;display:table;position:relative;padding:12px 0;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;"><span id="EpWkY" style="color:rgb(85,85,85);font-size:36px;position:relative;text-align:center;font-weight:700;line-height:36px;white-space:pre-line;vertical-align:initial;box-sizing:border-box;display:block;">You've been invited to join Spotify Family</span></td>
                                              </tr>
                                            </tbody>
                                          </table>
                                        </td>
                                      </tr>
                                      <tr style="height:24px;min-height:24px;"></tr>
                                      <tr align="center" valign="top">
                                        <td><span id="h-VN4" style="color:rgb(85,85,85);font-size:14px;position:relative;text-align:center;font-weight:400;line-height:20px;white-space:pre-line;vertical-align:initial;box-sizing:border-box;display:block;">This means you'll be able to enjoy all the benefits of Spotify Premium, while keeping your account and playlists separate.Payment will be handled by xxxxxxxxx</span></td>
                                      </tr>
                                      <tr style="height:24px;min-height:24px;"></tr>
                                      <tr align="center" valign="top">
                                        <td><span id="oa_mo" class="tiny-prose" style="color:rgb(85,85,85);position:relative;text-align:center;vertical-align:initial;box-sizing:border-box;display:block;">
                                            <p><span style="color: rgb(85,85,85); font-size: 14px; line-height: 20px">Your invite code is: </span><span style="color: rgb(85,85,85); font-weight: 700; font-size: 14px; line-height: 20px">XXXXXXXXXXX</span></p>
                                          </span></td>
                                      </tr>
                                      <tr style="height:24px;min-height:24px;"></tr>
                                      <tr align="center" valign="top">
                                        <td><span id="KD4a9" class="tiny-prose" style="color:rgb(85,85,85);position:relative;text-align:center;vertical-align:initial;box-sizing:border-box;display:block;">
                                            <p><span style="color: rgb(85, 85, 85); font-size: 14px; line-height: 20px">Please visit </span><a target="_blank" data-disable-nprogress="true" href="https://accounts.spotify.com/en/login"><span style="color: #1db954; font-size: 14px; line-height: 20px">this page</span></a><span style="color: rgb(85, 85, 85); font-size: 14px; line-height: 20px"> to log in, or sign up to Spotify and then upgrade your account to Premium.</span></p>
                                          </span></td>
                                      </tr>
                                      <tr style="height:24px;min-height:24px;"></tr>
                                      <tr align="center" valign="top">
                                        <td>
                                          <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" id="MXwIw" style="color:rgb(85,85,85);width:100%;display:table;position:relative;text-align:center;vertical-align:middle;box-sizing:border-box;table-layout:fixed;">
                                            <tbody>
                                              <tr style="display:block;" align="center" valign="middle">
                                                <td><a id="Tc7VF" style="color:#ffffff;display:block;font-size:14px;position:relative;text-align:center;font-weight:700;text-transform:uppercase;background-color:#D9D9D9;border-radius:100px;padding:16px 64px;background:#1DB954;vertical-align:middle;box-sizing:border-box;" href="https://open.spotify.com/" target="_blank">Accept invitation</a></td>
                                              </tr>
                                            </tbody>
                                          </table>
                                        </td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </td>
                              </tr>
                            </tbody>
                          </table>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                </td>
              </tr>
              <tr align="left" valign="top">
                <td>
                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" id="htNhL" style="color:rgb(85,85,85);width:100%;display:table;position:relative;padding:36px 24px;background:#F7F7F7;text-align:left;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
                    <tbody>
                      <tr align="left" valign="top">
                        <td>
                          <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" id="U8sUR" style="color:rgb(85,85,85);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;"><img id="fmF51" style="vertical-align:middle;color:rgb(85,85,85);width:77px;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-21fd11ac4665-logo-footer-1-.png" alt="Image" width="auto" height="auto" loading="eager" /></td>
                              </tr>
                            </tbody>
                          </table>
                        </td>
                      </tr>
                      <tr style="height:24px;min-height:24px;"></tr>
                      <tr align="left" valign="top">
                        <td style="display:block;width:100%;">
                          <span id="Z_qVr" style="color:rgb(85,85,85);width:100%;height:1px;position:relative;margin:0px 0;background:#d1d5d9;text-align:initial;vertical-align:initial;box-sizing:border-box;display:block;"></span>
                        </td>
                      </tr>
                      <tr style="height:24px;min-height:24px;"></tr>
                      <tr align="left" valign="top">
                        <td><span id="WPkf3" class="tiny-prose" style="color:rgb(85,85,85);position:relative;text-align:initial;vertical-align:initial;box-sizing:border-box;display:block;">
                            <p><span style="color: rgb(136, 137, 140); font-size: 11px; line-height: 24px">This message was sent to {{support_email}}. If you have questions or complaints, please </span><a target="_blank" rel="noopener noreferrer nofollow" data-disable-nprogress="true" href="https://support.spotify.com/uk/article/contact-us/"><span style="color: rgb(136, 137, 140); font-weight: 600; font-size: 11px; line-height: 24px">contact us</span></a><span style="color: rgb(136, 137, 140); font-size: 11px; line-height: 24px">.</span></p>
                          </span></td>
                      </tr>
                      <tr style="height:24px;min-height:24px;"></tr>
                      <tr align="left" valign="top">
                        <td>
                          <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" id="xB_t5" style="color:rgb(85,85,85);width:100%;display:table;position:relative;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;"><span id="StvdO" style="color:#88898c;font-size:11px;position:relative;text-align:left;font-weight:400;line-height:16px;white-space:pre-line;vertical-align:initial;box-sizing:border-box;display:block;">Get Spotify for:</span></td>
                                <td style="width:8px;min-width:8px;"></td>
                                <td style="width:auto;"><a id="rQqo9" style="color:#88898c;font-size:11px;position:relative;font-weight:700;line-height:16px;text-align:initial;vertical-align:initial;box-sizing:border-box;display:block;" href="https://apps.apple.com/us/app/spotify-music-and-podcasts/id324684580" target="_blank">iPhone</a></td>
                                <td style="width:8px;min-width:8px;"></td>
                                <td style="width:auto;"><a id="HL6V1" style="color:#88898c;font-size:11px;position:relative;font-weight:700;line-height:16px;text-align:initial;vertical-align:initial;box-sizing:border-box;display:block;" href="https://apps.apple.com/us/app/spotify-music-and-podcasts/id324684580" target="_blank">iPad</a></td>
                                <td style="width:8px;min-width:8px;"></td>
                                <td style="width:auto;"><a id="2dajc" style="color:#88898c;font-size:11px;position:relative;font-weight:700;line-height:16px;text-align:initial;vertical-align:initial;box-sizing:border-box;display:block;" href="https://play.google.com/store/apps/details?id=com.spotify.music&hl=en" target="_blank">Android</a></td>
                                <td style="width:8px;min-width:8px;"></td>
                                <td style="width:auto;"><a id="AAc6t" style="color:#88898c;font-size:11px;position:relative;font-weight:700;line-height:16px;text-align:initial;vertical-align:initial;box-sizing:border-box;display:block;" href="https://www.spotify.com/de-en/download/windows/" target="_blank">Windows</a></td>
                              </tr>
                            </tbody>
                          </table>
                        </td>
                      </tr>
                      <tr style="height:24px;min-height:24px;"></tr>
                      <tr align="left" valign="top">
                        <td style="display:block;width:100%;">
                          <span id="Rnmwd" style="color:rgb(85,85,85);width:100%;height:1px;position:relative;margin:0px 0;background:#d1d5d9;text-align:initial;vertical-align:initial;box-sizing:border-box;display:block;"></span>
                        </td>
                      </tr>
                      <tr style="height:24px;min-height:24px;"></tr>
                      <tr align="left" valign="top">
                        <td>
                          <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" id="i5a6r" style="color:rgb(85,85,85);width:100%;display:table;position:relative;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;"><a id="rFyjE" style="color:#88898c;font-size:11px;position:relative;font-weight:700;line-height:16px;text-align:initial;vertical-align:initial;box-sizing:border-box;display:block;" href="https://www.spotify.com/legal" target="_blank">Terms of use</a></td>
                                <td style="width:8px;min-width:8px;"></td>
                                <td style="width:auto;"><span id="MkUKg" style="color:#c3c3c3;font-size:16px;position:relative;text-align:left;font-weight:300;line-height:24px;white-space:pre-line;vertical-align:initial;box-sizing:border-box;display:block;">|</span></td>
                                <td style="width:8px;min-width:8px;"></td>
                                <td style="width:auto;"><a id="TKEUN" style="color:#88898c;font-size:11px;position:relative;font-weight:700;line-height:16px;text-align:initial;vertical-align:initial;box-sizing:border-box;display:block;" href="https://www.spotify.com/legal/privacy-policy/" target="_blank">Privicy policy</a></td>
                                <td style="width:8px;min-width:8px;"></td>
                                <td style="width:auto;"><span id="QY5EE" style="color:#c3c3c3;font-size:16px;position:relative;text-align:left;font-weight:300;line-height:24px;white-space:pre-line;vertical-align:initial;box-sizing:border-box;display:block;">|</span></td>
                                <td style="width:8px;min-width:8px;"></td>
                                <td style="width:auto;"><a id="ba-ht" style="color:#88898c;font-size:11px;position:relative;font-weight:700;line-height:16px;text-align:initial;vertical-align:initial;box-sizing:border-box;display:block;" href="https://support.spotify.com/uk/article/contact-us/" target="_blank">Contact us</a></td>
                              </tr>
                            </tbody>
                          </table>
                        </td>
                      </tr>
                      <tr style="height:24px;min-height:24px;"></tr>
                      <tr align="left" valign="top">
                        <td><span id="68aR6" style="color:#88898c;font-size:11px;position:relative;text-align:left;font-weight:400;line-height:24px;white-space:pre-line;vertical-align:initial;box-sizing:border-box;display:block;">Spotify USA Inc, 4 World Trade Center, 150 Greenwich Street, 62nd Floor, New York, NY 10007, USA</span></td>
                      </tr>
                    </tbody>
                  </table>
                </td>
              </tr>
            </tbody>
          </table>
        </td>
      </tr>
    </tbody>
  </table>
</body>

</html>
Share

No registration required - Start editing instantly

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 Spotify 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 Spotify 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