Summer product release Email template Source code

HTML42.28 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>Summer product release</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;
    color: currentColor;
  }

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

  </style>
  <style type="text/css">
  </style>

</head>

<body style="margin: 0; padding: 0; height: 100%; width: 100%; color:#001a1fff;">
  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="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" style="width:100%;display:table;max-width:600px;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" style="width:100%;display:table;position:relative;padding-top:28px;padding-left:28px;padding-right:28px;padding-bottom:28px;background:radial-gradient(circle, #ffffffff 0%, #ffffffff 100%);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" style="width:100%;display:table;position:relative;padding-top:32px;text-align:center;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
                            <tbody>
                              <tr align="center" valign="top">
                                <td style="width:auto;"><img style="vertical-align:middle;width:240px;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-9c0e90de84bd-blob.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 align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;display:table;position:relative;padding-top:16px;padding-bottom:16px;text-align:center;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
                            <tbody>
                              <tr align="center" valign="top">
                                <td style="width:auto;"><span style="font-size:16px;position:relative;text-align:center;font-weight:400;white-space:pre-line;text-transform:capitalize;vertical-align:initial;box-sizing:border-box;display:block;">Summer 2025 release</span></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" style="width:100%;display:table;position:relative;text-align:center;vertical-align:middle;box-sizing:border-box;table-layout:fixed;">
                            <tbody>
                              <tr align="center" valign="middle">
                                <td><span style="font-size:32px;position:relative;text-align:center;font-weight:600;white-space:pre-line;vertical-align:initial;box-sizing:border-box;display:block;">Discover what's new</span></td>
                              </tr>
                              <tr style="height:16px;min-height:16px;"></tr>
                              <tr align="center" valign="middle">
                                <td><span style="font-size:16px;position:relative;text-align:center;font-weight:400;line-height:24px;white-space:pre-line;vertical-align:initial;box-sizing:border-box;display:block;">Host your videos with our HD, ad-free player. Wherever you embed or share them, your custom player design and branding will go with it. Whether you're a Fortune 500, a startup, or anything in between, rest easy knowing your data is safe, and meet your compliance targets with our comprehensive security tools.</span></td>
                              </tr>
                              <tr style="height:16px;min-height:16px;"></tr>
                              <tr align="center" valign="middle">
                                <td>
                                  <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="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 style="color:#000000ff;display:block;font-size:16px;position:relative;font-weight:500;padding-top:14px;padding-left:36px;padding-right:36px;padding-bottom:14px;background-color:#D9D9D9;border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px;background:radial-gradient(circle, #18d5ffff 0%, #18d5ffff 100%);text-align:center;vertical-align:middle;box-sizing:border-box;" href="#">Explore releases</a></td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </td>
                              </tr>
                            </tbody>
                          </table>
                        </td>
                      </tr>
                      <tr style="height:24px;min-height:24px;"></tr>
                      <tr align="left" valign="top">
                        <td><img style="vertical-align:middle;width:100%;position:static;object-fit:scale-down;border-top-left-radius:24px;border-top-right-radius:24px;border-bottom-left-radius:24px;border-bottom-right-radius:24px;text-align:initial;vertical-align:initial;box-sizing:border-box;display:block;" src="https://pagenflow-files.s3.us-east-1.amazonaws.com/media-62dc301bc07a-5304f0eac24cd36046c8c4951ac9becf.png" alt="Image" width="auto" height="auto" loading="eager" /></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" style="width:100%;display:table;position:relative;padding-top:20px;padding-left:20px;padding-right:20px;padding-bottom:20px;border-top-left-radius:24px;border-top-right-radius:24px;border-bottom-left-radius:24px;border-bottom-right-radius:24px;background:radial-gradient(circle, #f1f5f9ff 0%, #f1f5f9ff 100%);text-align:left;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
                            <tbody>
                              <tr align="left" valign="top">
                                <td><span style="font-size:24px;position:relative;text-align:left;font-weight:500;white-space:pre-line;vertical-align:initial;box-sizing:border-box;display:block;">Customize your recordings</span></td>
                              </tr>
                              <tr style="height:12px;min-height:12px;"></tr>
                              <tr align="left" valign="top">
                                <td><span style="font-size:16px;position:relative;text-align:left;font-weight:400;line-height:24px;white-space:pre-line;vertical-align:initial;box-sizing:border-box;display:block;">Choose from an array of layout options, select colors to match your brand, and place yourself in a virtual background.</span></td>
                              </tr>
                              <tr style="height:12px;min-height:12px;"></tr>
                              <tr align="left" valign="top">
                                <td>
                                  <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="display:table;position:relative;padding-top:6px;padding-left:16px;padding-right:16px;padding-bottom:6px;background-color:#D9D9D9;border-top-left-radius:6px;border-top-right-radius:6px;border-bottom-left-radius:6px;border-bottom-right-radius:6px;background:radial-gradient(circle, #18d5ffff 0%, #18d5ffff 100%);text-align:center;vertical-align:middle;box-sizing:border-box;table-layout:fixed;">
                                    <tbody>
                                      <tr align="center" valign="middle">
                                        <td style="width:auto;"><img style="vertical-align:text-bottom;position:static;text-align:initial;vertical-align:initial;box-sizing:border-box;display:block;" src="https://iconify.pagenflow.com/api/image/16/000000/0-cw/lucide:arrow-right.png" alt="Icon" width="auto" height="16px" /></td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </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" style="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" style="width:100%;display:table;position:relative;padding-top:20px;padding-left:20px;padding-right:20px;padding-bottom:20px;border-top-left-radius:24px;border-top-right-radius:24px;border-bottom-left-radius:24px;border-bottom-right-radius:24px;background:radial-gradient(circle, #f1f5f9ff 0%, #f1f5f9ff 100%);text-align:left;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
                                    <tbody>
                                      <tr align="left" valign="top">
                                        <td><span style="font-size:24px;position:relative;text-align:left;font-weight:500;line-height:32px;white-space:pre-line;vertical-align:initial;box-sizing:border-box;display:block;">Revamped homepage</span></td>
                                      </tr>
                                      <tr style="height:12px;min-height:12px;"></tr>
                                      <tr align="left" valign="top">
                                        <td><span style="font-size:16px;position:relative;text-align:left;font-weight:400;line-height:24px;white-space:pre-line;vertical-align:initial;box-sizing:border-box;display:block;">Quickly access important projects, review analytics, organize your library, and more from a single location.</span></td>
                                      </tr>
                                      <tr style="height:12px;min-height:12px;"></tr>
                                      <tr align="left" valign="top">
                                        <td>
                                          <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="display:table;position:relative;padding-top:6px;padding-left:16px;padding-right:16px;padding-bottom:6px;background-color:#D9D9D9;border-top-left-radius:6px;border-top-right-radius:6px;border-bottom-left-radius:6px;border-bottom-right-radius:6px;background:radial-gradient(circle, #18d5ffff 0%, #18d5ffff 100%);text-align:center;vertical-align:middle;box-sizing:border-box;table-layout:fixed;">
                                            <tbody>
                                              <tr align="center" valign="middle">
                                                <td style="width:auto;"><img style="vertical-align:text-bottom;position:static;text-align:initial;vertical-align:initial;box-sizing:border-box;display:block;" src="https://iconify.pagenflow.com/api/image/16/000000/0-cw/lucide:arrow-right.png" alt="Icon" width="auto" height="16px" /></td>
                                              </tr>
                                            </tbody>
                                          </table>
                                        </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" style="width:100%;display:table;position:relative;padding-top:20px;padding-left:20px;padding-right:20px;padding-bottom:20px;border-top-left-radius:24px;border-top-right-radius:24px;border-bottom-left-radius:24px;border-bottom-right-radius:24px;background:radial-gradient(circle, #f1f5f9ff 0%, #f1f5f9ff 100%);text-align:left;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
                                    <tbody>
                                      <tr align="left" valign="top">
                                        <td><span style="font-size:24px;position:relative;text-align:left;font-weight:500;line-height:32px;white-space:pre-line;vertical-align:initial;box-sizing:border-box;display:block;">Showcase permissions</span></td>
                                      </tr>
                                      <tr style="height:12px;min-height:12px;"></tr>
                                      <tr align="left" valign="top">
                                        <td><span style="font-size:16px;position:relative;text-align:left;font-weight:400;line-height:24px;white-space:pre-line;vertical-align:initial;box-sizing:border-box;display:block;">Contributor and contributor+ users can now create and manage showcases within their team accounts.</span></td>
                                      </tr>
                                      <tr style="height:12px;min-height:12px;"></tr>
                                      <tr align="left" valign="top">
                                        <td>
                                          <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="display:table;position:relative;padding-top:6px;padding-left:16px;padding-right:16px;padding-bottom:6px;background-color:#D9D9D9;border-top-left-radius:6px;border-top-right-radius:6px;border-bottom-left-radius:6px;border-bottom-right-radius:6px;background:radial-gradient(circle, #18d5ffff 0%, #18d5ffff 100%);text-align:center;vertical-align:middle;box-sizing:border-box;table-layout:fixed;">
                                            <tbody>
                                              <tr align="center" valign="middle">
                                                <td style="width:auto;"><img style="vertical-align:text-bottom;position:static;text-align:initial;vertical-align:initial;box-sizing:border-box;display:block;" src="https://iconify.pagenflow.com/api/image/16/000000/0-cw/lucide:arrow-right.png" alt="Icon" width="auto" height="16px" /></td>
                                              </tr>
                                            </tbody>
                                          </table>
                                        </td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </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" style="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" style="width:100%;display:table;position:relative;padding-top:20px;padding-left:20px;padding-right:20px;padding-bottom:20px;border-top-left-radius:24px;border-top-right-radius:24px;border-bottom-left-radius:24px;border-bottom-right-radius:24px;background:radial-gradient(circle, #f1f5f9ff 0%, #f1f5f9ff 100%);text-align:left;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
                                    <tbody>
                                      <tr align="left" valign="top">
                                        <td><span style="font-size:24px;position:relative;text-align:left;font-weight:500;line-height:32px;white-space:pre-line;vertical-align:initial;box-sizing:border-box;display:block;">Accessibility certification</span></td>
                                      </tr>
                                      <tr style="height:12px;min-height:12px;"></tr>
                                      <tr align="left" valign="top">
                                        <td><span style="font-size:16px;position:relative;text-align:left;font-weight:400;line-height:24px;white-space:pre-line;vertical-align:initial;box-sizing:border-box;display:block;">Our Video Player is now proudly WCAG 2.1 AA certified, ensuring our commitment to user accessibility.</span></td>
                                      </tr>
                                      <tr style="height:12px;min-height:12px;"></tr>
                                      <tr align="left" valign="top">
                                        <td>
                                          <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="display:table;position:relative;padding-top:6px;padding-left:16px;padding-right:16px;padding-bottom:6px;background-color:#D9D9D9;border-top-left-radius:6px;border-top-right-radius:6px;border-bottom-left-radius:6px;border-bottom-right-radius:6px;background:radial-gradient(circle, #18d5ffff 0%, #18d5ffff 100%);text-align:center;vertical-align:middle;box-sizing:border-box;table-layout:fixed;">
                                            <tbody>
                                              <tr align="center" valign="middle">
                                                <td style="width:auto;"><img style="vertical-align:text-bottom;position:static;text-align:initial;vertical-align:initial;box-sizing:border-box;display:block;" src="https://iconify.pagenflow.com/api/image/16/000000/0-cw/lucide:arrow-right.png" alt="Icon" width="auto" height="16px" /></td>
                                              </tr>
                                            </tbody>
                                          </table>
                                        </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" style="width:100%;display:table;position:relative;padding-top:20px;padding-left:20px;padding-right:20px;padding-bottom:20px;border-top-left-radius:24px;border-top-right-radius:24px;border-bottom-left-radius:24px;border-bottom-right-radius:24px;background:radial-gradient(circle, #f1f5f9ff 0%, #f1f5f9ff 100%);text-align:left;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
                                    <tbody>
                                      <tr align="left" valign="top">
                                        <td><span style="font-size:24px;position:relative;text-align:left;font-weight:500;line-height:32px;white-space:pre-line;vertical-align:initial;box-sizing:border-box;display:block;">Pin questions in Q&A</span></td>
                                      </tr>
                                      <tr style="height:12px;min-height:12px;"></tr>
                                      <tr align="left" valign="top">
                                        <td><span style="font-size:16px;position:relative;text-align:left;font-weight:400;line-height:24px;white-space:pre-line;vertical-align:initial;box-sizing:border-box;display:block;">Keep track of the most important questions, and ensure your audience gets the answers they need.</span></td>
                                      </tr>
                                      <tr style="height:12px;min-height:12px;"></tr>
                                      <tr align="left" valign="top">
                                        <td>
                                          <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="display:table;position:relative;padding-top:6px;padding-left:16px;padding-right:16px;padding-bottom:6px;background-color:#D9D9D9;border-top-left-radius:6px;border-top-right-radius:6px;border-bottom-left-radius:6px;border-bottom-right-radius:6px;background:radial-gradient(circle, #18d5ffff 0%, #18d5ffff 100%);text-align:center;vertical-align:middle;box-sizing:border-box;table-layout:fixed;">
                                            <tbody>
                                              <tr align="center" valign="middle">
                                                <td style="width:auto;"><img style="vertical-align:text-bottom;position:static;text-align:initial;vertical-align:initial;box-sizing:border-box;display:block;" src="https://iconify.pagenflow.com/api/image/16/000000/0-cw/lucide:arrow-right.png" alt="Icon" width="auto" height="16px" /></td>
                                              </tr>
                                            </tbody>
                                          </table>
                                        </td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </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" style="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" style="width:100%;display:table;position:relative;padding-top:20px;padding-left:20px;padding-right:20px;padding-bottom:20px;border-top-left-radius:24px;border-top-right-radius:24px;border-bottom-left-radius:24px;border-bottom-right-radius:24px;background:radial-gradient(circle, #f1f5f9ff 0%, #f1f5f9ff 100%);text-align:left;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
                                    <tbody>
                                      <tr align="left" valign="top">
                                        <td><span style="font-size:24px;position:relative;text-align:left;font-weight:500;line-height:32px;white-space:pre-line;vertical-align:initial;box-sizing:border-box;display:block;">AI translation</span></td>
                                      </tr>
                                      <tr style="height:12px;min-height:12px;"></tr>
                                      <tr align="left" valign="top">
                                        <td><span style="font-size:16px;position:relative;text-align:left;font-weight:400;line-height:24px;white-space:pre-line;vertical-align:initial;box-sizing:border-box;display:block;">Improve localization by translating your next video into dozens of languages, captions included.</span></td>
                                      </tr>
                                      <tr style="height:12px;min-height:12px;"></tr>
                                      <tr align="left" valign="top">
                                        <td><span style="color:#6b6b6bff;font-size:12px;position:relative;font-style:italic;text-align:left;font-weight:400;white-space:pre-line;vertical-align:initial;box-sizing:border-box;display:block;">Available on select Vimeo Enterprise plans.</span></td>
                                      </tr>
                                      <tr style="height:12px;min-height:12px;"></tr>
                                      <tr align="left" valign="top">
                                        <td>
                                          <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="display:table;position:relative;padding-top:6px;padding-left:16px;padding-right:16px;padding-bottom:6px;background-color:#D9D9D9;border-top-left-radius:6px;border-top-right-radius:6px;border-bottom-left-radius:6px;border-bottom-right-radius:6px;background:radial-gradient(circle, #18d5ffff 0%, #18d5ffff 100%);text-align:center;vertical-align:middle;box-sizing:border-box;table-layout:fixed;">
                                            <tbody>
                                              <tr align="center" valign="middle">
                                                <td style="width:auto;"><img style="vertical-align:text-bottom;position:static;text-align:initial;vertical-align:initial;box-sizing:border-box;display:block;" src="https://iconify.pagenflow.com/api/image/16/000000/0-cw/lucide:arrow-right.png" alt="Icon" width="auto" height="16px" /></td>
                                              </tr>
                                            </tbody>
                                          </table>
                                        </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" style="width:100%;display:table;position:relative;padding-top:20px;padding-left:20px;padding-right:20px;padding-bottom:20px;border-top-left-radius:24px;border-top-right-radius:24px;border-bottom-left-radius:24px;border-bottom-right-radius:24px;background:radial-gradient(circle, #f1f5f9ff 0%, #f1f5f9ff 100%);text-align:left;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
                                    <tbody>
                                      <tr align="left" valign="top">
                                        <td><span style="font-size:24px;position:relative;text-align:left;font-weight:500;line-height:32px;white-space:pre-line;vertical-align:initial;box-sizing:border-box;display:block;">Ask AI</span></td>
                                      </tr>
                                      <tr style="height:12px;min-height:12px;"></tr>
                                      <tr align="left" valign="top">
                                        <td><span style="font-size:16px;position:relative;text-align:left;font-weight:400;line-height:24px;white-space:pre-line;vertical-align:initial;box-sizing:border-box;display:block;">Ask the player a question or choose from a premade list, and Ask AI will help find the answer.</span></td>
                                      </tr>
                                      <tr style="height:12px;min-height:12px;"></tr>
                                      <tr align="left" valign="top">
                                        <td><span style="color:#6b6b6bff;font-size:12px;position:relative;font-style:italic;text-align:left;font-weight:400;white-space:pre-line;vertical-align:initial;box-sizing:border-box;display:block;">Available on select Vimeo Enterprise plans.</span></td>
                                      </tr>
                                      <tr style="height:12px;min-height:12px;"></tr>
                                      <tr align="left" valign="top">
                                        <td>
                                          <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="display:table;position:relative;padding-top:6px;padding-left:16px;padding-right:16px;padding-bottom:6px;background-color:#D9D9D9;border-top-left-radius:6px;border-top-right-radius:6px;border-bottom-left-radius:6px;border-bottom-right-radius:6px;background:radial-gradient(circle, #18d5ffff 0%, #18d5ffff 100%);text-align:center;vertical-align:middle;box-sizing:border-box;table-layout:fixed;">
                                            <tbody>
                                              <tr align="center" valign="middle">
                                                <td style="width:auto;"><img style="vertical-align:text-bottom;position:static;text-align:initial;vertical-align:initial;box-sizing:border-box;display:block;" src="https://iconify.pagenflow.com/api/image/16/000000/0-cw/lucide:arrow-right.png" alt="Icon" width="auto" height="16px" /></td>
                                              </tr>
                                            </tbody>
                                          </table>
                                        </td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </td>
                              </tr>
                            </tbody>
                          </table>
                        </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" style="width:100%;display:table;position:relative;padding-top:16px;padding-bottom:16px;text-align:left;vertical-align:middle;box-sizing:border-box;table-layout:fixed;">
                            <tbody>
                              <tr style="display:block;" align="left" valign="middle">
                                <td><a style="color:#000000ff;display:block;font-size:16px;position:relative;font-weight:500;padding-top:14px;padding-left:36px;padding-right:36px;padding-bottom:14px;background-color:#D9D9D9;border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px;background:radial-gradient(circle, #18d5ffff 0%, #18d5ffff 100%);text-align:center;vertical-align:middle;box-sizing:border-box;" href="#">Explore releases</a></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" style="width:100%;display:table;position:relative;padding-top:32px;padding-left:28px;padding-right:28px;padding-bottom:48px;background:radial-gradient(circle, #f1f5f9ff 0%, #f1f5f9ff 100%);text-align:left;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
                    <tbody>
                      <tr align="left" valign="top">
                        <td><span style="font-size:14px;position:relative;text-align:left;font-weight:400;line-height:20px;white-space:pre-line;vertical-align:initial;box-sizing:border-box;display:block;">This is a promotional email from Vimeo.com, Inc., 330 West 34th Street, 10th floor, New York 10001. You may unsubscribe by clicking here.</span></td>
                      </tr>
                      <tr style="height:16px;min-height:16px;"></tr>
                      <tr align="left" valign="top">
                        <td><span style="font-size:14px;position:relative;text-align:left;font-weight:400;line-height:20px;white-space:pre-line;vertical-align:initial;box-sizing:border-box;display:block;">Some features are only available on select plans.
                            Learn more about our plans here.</span></td>
                      </tr>
                      <tr style="height:16px;min-height:16px;"></tr>
                      <tr align="left" valign="top">
                        <td><span style="font-size:14px;position:relative;text-align:left;font-weight:400;line-height:20px;white-space:pre-line;vertical-align:initial;box-sizing:border-box;display:block;">@2024 Vimeo.com, Inc. All rights reserved. The Vimeo name, logos, and related marks are trademarks of Vimeo.com, Inc. Other product and company names mentioned herein are the property of their respective owners.</span></td>
                      </tr>
                      <tr style="height:16px;min-height:16px;"></tr>
                      <tr align="left" valign="top">
                        <td>
                          <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="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 style="font-size:14px;position:relative;text-decoration-line:underline;text-align:initial;vertical-align:initial;box-sizing:border-box;display:block;" href="#">Terms</a></td>
                                <td style="width:16px;min-width:16px;"></td>
                                <td style="width:auto;"><a style="font-size:14px;position:relative;text-decoration-line:underline;text-align:initial;vertical-align:initial;box-sizing:border-box;display:block;" href="#">Privacy</a></td>
                                <td style="width:16px;min-width:16px;"></td>
                                <td style="width:auto;">
                                  <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;display:table;position:relative;text-align:right;vertical-align:middle;box-sizing:border-box;table-layout:fixed;">
                                    <tbody>
                                      <tr style="display:block;" align="right" valign="middle">
                                        <td style="width:auto;">
                                          <table align="center" valign="middle" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:32px;height:32px;display:table;position:relative;padding-top:0px;padding-left:0px;padding-right:0px;padding-bottom:0px;background-color:#D9D9D9;border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-left-radius:16px;border-bottom-right-radius:16px;background:radial-gradient(circle, #000000ff 0%, #000000ff 100%);text-align:center;vertical-align:middle;box-sizing:border-box;table-layout:fixed;">
                                            <tbody>
                                              <tr align="center" valign="middle">
                                                <td style="width:auto;"><img style="vertical-align:text-bottom;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/lineicons:x.png" alt="Icon" width="auto" height="16px" /></td>
                                              </tr>
                                            </tbody>
                                          </table>
                                        </td>
                                        <td style="width:8px;min-width:8px;"></td>
                                        <td style="width:auto;">
                                          <table align="center" valign="middle" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:32px;height:32px;display:table;position:relative;padding-top:0px;padding-left:0px;padding-right:0px;padding-bottom:0px;background-color:#D9D9D9;border-top-left-radius:30px;border-top-right-radius:30px;border-bottom-left-radius:30px;border-bottom-right-radius:30px;background:radial-gradient(circle, #000000ff 0%, #000000ff 100%);text-align:center;vertical-align:middle;box-sizing:border-box;table-layout:fixed;">
                                            <tbody>
                                              <tr align="center" valign="middle">
                                                <td style="width:auto;"><img style="vertical-align:text-bottom;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/lineicons:linkedin-original.png" alt="Icon" width="auto" height="16px" /></td>
                                              </tr>
                                            </tbody>
                                          </table>
                                        </td>
                                        <td style="width:8px;min-width:8px;"></td>
                                        <td style="width:auto;">
                                          <table align="center" valign="middle" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:32px;height:32px;display:table;position:relative;padding-top:0px;padding-left:0px;padding-right:0px;padding-bottom:0px;background-color:#D9D9D9;border-top-left-radius:30px;border-top-right-radius:30px;border-bottom-left-radius:30px;border-bottom-right-radius:30px;background:radial-gradient(circle, #000000ff 0%, #000000ff 100%);text-align:center;vertical-align:middle;box-sizing:border-box;table-layout:fixed;">
                                            <tbody>
                                              <tr align="center" valign="middle">
                                                <td style="width:auto;"><img style="vertical-align:text-bottom;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/lineicons:facebook-fill.png" alt="Icon" width="auto" height="16px" /></td>
                                              </tr>
                                            </tbody>
                                          </table>
                                        </td>
                                        <td style="width:8px;min-width:8px;"></td>
                                        <td style="width:auto;">
                                          <table align="center" valign="middle" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:32px;height:32px;display:table;position:relative;padding-top:0px;padding-left:0px;padding-right:0px;padding-bottom:0px;background-color:#D9D9D9;border-top-left-radius:30px;border-top-right-radius:30px;border-bottom-left-radius:30px;border-bottom-right-radius:30px;background:radial-gradient(circle, #000000ff 0%, #000000ff 100%);text-align:center;vertical-align:middle;box-sizing:border-box;table-layout:fixed;">
                                            <tbody>
                                              <tr align="center" valign="middle">
                                                <td style="width:auto;"><img style="vertical-align:text-bottom;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/lineicons:instagram-original.png" alt="Icon" width="auto" height="16px" /></td>
                                              </tr>
                                            </tbody>
                                          </table>
                                        </td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </td>
                              </tr>
                            </tbody>
                          </table>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                </td>
              </tr>
            </tbody>
          </table>
        </td>
      </tr>
    </tbody>
  </table>
</body>

</html>
Share
Clone

Design once, send everywhere

Logo Proton MailProton mailLogo Proton MailZoho mailLogo Proton MailGmailLogo Proton MailYahoo mailLogo Proton MailMicrosoft outlook
Take a lookNo signup required

How it works

How to Edit Product Update / New Feature Email Template

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

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.

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

Feature update template content
Step 2

Update the Template Content

Once you've cloned the template, update its content to suit your needs. This includes changing text, images, buttons, and other elements.

  • Use the drag-and-drop editor to modify text blocks, replace images, or add new elements like buttons or dividers.
  • Customize the content to match your message, such as updating headlines, body text, or call-to-action buttons.
This step allows you to tailor the template to your specific campaign or purpose.
Feature customize template
Step 3

Customize the Design

After updating the content, customize the design of the template to align with your brand or preferences.

  • Change colors, fonts, and spacing to match your brand's style guide.
  • Adjust the layout by resizing sections, rearranging elements, or adding new design components.
  • Use the real-time preview feature to see how your changes look as you make them.
This step ensures your template is visually appealing and consistent with your brand identity.
Feature send test email
Step 4

Test the Template

Before finalizing your template, test it to ensure it looks great across different devices and email clients.

  • Use the “Preview” feature to see how the template renders on desktop, tablet, and mobile devices.
  • Send a test email to yourself or your team to check for any formatting issues or errors.
This step helps you catch and fix any issues before sending the email to your audience.
Feature export template
Step 5

Export the Template

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

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

You may also like...