Layout 1Email layout

ScreenshotCodeText
HTML14.08 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 1</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">
  @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: normal;
    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: normal;
    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:#0e0f0c;font-family:Inter;background:radial-gradient(circle, #F6F6F6 0%, #F6F6F6 100%);">
  <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 align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;display:table;position:relative;padding-top:16px;padding-left:24px;padding-right:24px;padding-bottom:8px;background:radial-gradient(circle, #ffffffff 0%, #ffffffff 100%);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" 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 href="https://wise.com" target="_blank"><img style="vertical-align:middle;width:97px;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-fff2dfaaddcb-470455-frame-39263-cdfad6-original-1677657684-1.png" alt="Image" width="auto" height="auto" loading="eager" /></a></td>
                                <td style="width:18px;min-width:18px;"></td>
                                <td style="width:auto;"><a style="color:#163300;font-size:12px;position:relative;line-height:28px;text-align:initial;vertical-align:initial;box-sizing:border-box;display:block;" href="#">Money transfer</a></td>
                                <td style="width:18px;min-width:18px;"></td>
                                <td style="width:auto;"><a style="color:#163300;font-size:12px;position:relative;line-height:28px;text-align:initial;vertical-align:initial;box-sizing:border-box;display:block;" href="#">Multi-currency account</a></td>
                              </tr>
                            </tbody>
                          </table>
                        </td>
                        <td><a style="color:#454745;display:block;font-size:14px;position:relative;font-weight:600;padding-top:8px;white-space:nowrap;padding-left:16px;padding-right:16px;padding-bottom:8px;border-top-color:#454745;border-top-style:solid;border-top-width:1px;background-color:#D9D9D9;border-left-color:#454745;border-left-style:solid;border-left-width:1px;border-right-color:#454745;border-right-style:solid;border-right-width:1px;border-bottom-color:#454745;border-bottom-style:solid;border-bottom-width:1px;border-top-left-radius:48px;border-top-right-radius:48px;border-bottom-left-radius:48px;border-bottom-right-radius:48px;background:radial-gradient(circle, #ffffffff 0%, #ffffffff 100%);text-align:center;vertical-align:middle;box-sizing:border-box;" href="#">Log in</a></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:24px;padding-left:24px;padding-right:24px;padding-bottom:24px;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 border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;height:420px;display:table;position:relative;padding-top:64px;padding-left:64px;padding-right:64px;text-align:center;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
                            <tbody>
                              <tr align="center" valign="top">
                                <td><span 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="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:24px;padding-right:24px;padding-bottom:32px;background:radial-gradient(circle, #163300 0%, #163300 100%);text-align:left;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
                    <tbody>
                      <tr align="left" valign="top">
                        <td><span class="tiny-prose" style="position:relative;text-align:center;vertical-align:initial;box-sizing:border-box;display:block;">
                            <p><span style="color: #ffffffff; font-size: 14px; line-height: 20px">Want to change what we get in touch about? Go to your </span><span style="color: #9fe870; font-weight: 500; font-size: 14px; line-height: 20px; text-decoration: underline">Notification Settings</span><span style="color: #ffffffff; font-size: 14px; line-height: 20px">. We can’t receive replies to this email address. But if you’d like some support, please visit our </span><span style="color: #9fe870; font-weight: 500; font-size: 14px; line-height: 20px; text-decoration: underline">Help Centre</span><span style="color: #ffffffff; font-size: 14px; line-height: 20px">.</span></p>
                          </span></td>
                      </tr>
                      <tr style="height:16px;min-height:16px;"></tr>
                      <tr align="left" valign="top">
                        <td><span class="tiny-prose" style="position:relative;text-align:center;vertical-align:initial;box-sizing:border-box;display:block;">
                            <p><span style="color: rgb(255, 255, 255); font-size: 10px; line-height: 18px">This email was sent to you by Wise. By using our services, you agree to our </span><span style="color: rgb(159, 232, 112); font-size: 10px; line-height: 18px; text-decoration: underline">customer agreements</span><span style="color: rgb(255, 255, 255); font-size: 10px; line-height: 18px">.</span></p>
                            <p><span style="color: rgb(255, 255, 255); font-size: 10px; line-height: 18px">All investment services are provided by Wise’s subsidiaries which are authorised and regulated to provide investment services. If you hold a Jar or an account under Assets, any communication about this will be from </span><span style="color: rgb(159, 232, 112); font-size: 10px; line-height: 18px; text-decoration: underline">representatives of the relevant investment entity</span><span style="color: rgb(255, 255, 255); font-size: 10px; line-height: 18px">. All investment services are provided by the respective Wise </span><span style="color: rgb(159, 232, 112); font-size: 10px; line-height: 18px; text-decoration: underline">Assets entity</span><span style="color: rgb(255, 255, 255); font-size: 10px; line-height: 18px"> in your location.</span></p>
                            <p><span style="color: rgb(255, 255, 255); font-size: 10px; line-height: 18px">© Wise 2025. All rights reserved.</span></p>
                          </span></td>
                      </tr>
                    </tbody>
                  </table>
                </td>
              </tr>
            </tbody>
          </table>
        </td>
      </tr>
    </tbody>
  </table>
</body>

</html>
Share
Clone
Disclaimer

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

Compatible with multiple email service providers

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

Powerful HTML Email Template builder

Tired of designing and coding emails from scratch? Pagenflow's HTML templates help business owners streamline workflows, boost conversions, and elevate email marketing effortlessly.

Effortless No-Code Email Creation

Pagenflow is a fully no-code Wise email template builder designed for simplicity and efficiency. With its visually intuitive interface, you can create stunning emails without any technical expertise. Whether you're a beginner or a seasoned marketer, Pagenflow makes email design and development effortless.

Drag, Drop, Done: Build Emails in Minutes

Build emails faster with Pagenflow's drag-and-drop editor. Choose from hundreds of pre-made email modules and essential components, such as buttons, images, and text blocks. Simply drag, drop, and customize to create professional emails in minutes—no coding required.

Flawless Responsive Emails for Every Device

Ensure your emails look perfect on any screen with Pagenflow's built-in, pre-made Wise responsive email templates. Use our mobile controllers to fine-tune how your templates appear on mobile devices, delivering a seamless experience for every recipient.

20x Faster Email Production

Accelerate your email design process by 20x with Pagenflow. Our Wise HTML email templates are optimized for speed, allowing you to focus on strategic email marketing tasks while saving valuable time. Say goodbye to tedious design work and hello to efficiency.

Custom Layouts for Wrapped Templates

Design versatile and structured email layouts with Pagenflow's advanced wrapper tools. Create custom wrappers for your Wise templates to ensure a consistent and polished look across all your campaigns. Perfect for multi-section emails or complex designs.

On-Brand Emails, Every Time

Maintain consistent branding across all your emails with Pagenflow's customizable branding tools. Easily add your logo, brand colors, and fonts to ensure every email aligns with your brand identity, creating a cohesive and professional look.

How to Edit Wise Email Template in a Few Simple Steps

Follow these steps to clone, customize, and export your email template using our free email template builder. Whether you're updating content, changing designs, or exporting the final result, this guide will walk you through the process.

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

Screenshot of Verify your email addressVerify your email addresstemplateFreeScreenshot of Make distractions disappear.Make distractions disappear.templateFreeScreenshot of Christmas Email TemplatesChristmas Email TemplatestemplateFree
Explore email templates