Welcome Email template Source code

ScreenshotCodePlain Text
HTML21.09 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>Welcome</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) {
    #PD5Go {
      width: 100% !important;
      color: #000000ff !important;
      display: table !important;
      position: relative !important;
      padding: 32px !important;
      text-align: center !important;
      vertical-align: middle !important;
      box-sizing: border-box !important;
      table-layout: fixed !important;
    }

    #egF1I {
      color: #000000ff !important;
      width: 100% !important;
      display: table !important;
      max-width: 512px !important;
      position: relative !important;
      border-radius: 16px !important;
      padding: 0px !important;
      background: #ffffffff !important;
      text-align: left !important;
      vertical-align: top !important;
      box-sizing: border-box !important;
      table-layout: fixed !important;
    }

    #gc2-C {
      color: #000000ff !important;
      width: 100% !important;
      display: table !important;
      position: relative !important;
      padding: 24px 32px 16px !important;
      text-align: left !important;
      vertical-align: middle !important;
      box-sizing: border-box !important;
      table-layout: fixed !important;
    }

    #0S3Gx {
      color: #000000ff !important;
      display: table !important;
      position: relative !important;
      text-align: left !important;
      vertical-align: middle !important;
      box-sizing: border-box !important;
      table-layout: fixed !important;
    }

    #dKkbn {
      color: #000000ff !important;
      width: 28px !important;
      height: 28px !important;
      display: table !important;
      position: relative !important;
      border-radius: 8px !important;
      background: #0ca66fff !important;
      text-align: left !important;
      vertical-align: top !important;
      box-sizing: border-box !important;
      table-layout: fixed !important;
    }

    #x8DLV {
      color: #042b1d !important;
      font-size: 18px !important;
      position: relative !important;
      text-align: left !important;
      font-weight: 700 !important;
      vertical-align: initial !important;
      box-sizing: border-box !important;
      display: block !important;
    }

    #frbU_ {
      color: #000000ff !important;
      width: 100% !important;
      display: table !important;
      position: relative !important;
      padding: 24px 32px !important;
      text-align: left !important;
      vertical-align: top !important;
      box-sizing: border-box !important;
      table-layout: fixed !important;
    }

    #3kwHA {
      color: #000000ff !important;
      font-size: 16px !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;
    }

    #ZfxIY {
      color: #000000ff !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;
    }

    #aA_Q3 {
      color: #ffffff !important;
      display: block !important;
      font-size: 13px !important;
      position: relative !important;
      font-weight: 600 !important;
      background-color: #D9D9D9 !important;
      border-radius: 60px !important;
      padding: 12px 24px !important;
      background: #0ca66fff !important;
      text-align: center !important;
      vertical-align: middle !important;
      box-sizing: border-box !important;
    }

    #QdyHI {
      color: #000000ff !important;
      font-size: 16px !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;
    }

    #UjRvy {
      color: #000000ff !important;
      width: 100% !important;
      height: 1px !important;
      position: relative !important;
      margin: 0px 0 !important;
      background: #074d3433 !important;
      text-align: initial !important;
      vertical-align: initial !important;
      box-sizing: border-box !important;
      display: block !important;
    }

    #XWKA1 {
      color: #000000ff !important;
      width: 100% !important;
      display: table !important;
      position: relative !important;
      padding: 20px 32px !important;
      text-align: left !important;
      vertical-align: top !important;
      box-sizing: border-box !important;
      table-layout: fixed !important;
    }

    #aGrcS {
      color: #000000ff !important;
      position: static !important;
      text-align: initial !important;
      vertical-align: initial !important;
      box-sizing: border-box !important;
      display: block !important;
    }

    #GSKLV {
      color: #000000ff !important;
      display: table !important;
      position: relative !important;
      text-align: left !important;
      vertical-align: top !important;
      box-sizing: border-box !important;
      table-layout: fixed !important;
    }

    #JI6cU {
      color: #042b1d !important;
      font-size: 14px !important;
      position: relative !important;
      text-align: left !important;
      font-weight: 600 !important;
      vertical-align: initial !important;
      box-sizing: border-box !important;
      display: block !important;
    }

    #0jBPT {
      color: #000000 !important;
      font-size: 12px !important;
      position: relative !important;
      text-align: left !important;
      font-weight: 400 !important;
      vertical-align: initial !important;
      box-sizing: border-box !important;
      display: block !important;
    }

    #DmiVr {
      color: #000000ff !important;
      width: 100% !important;
      display: table !important;
      position: relative !important;
      padding: 16px 32px 32px !important;
      background: #0ca66f14 !important;
      text-align: left !important;
      vertical-align: top !important;
      box-sizing: border-box !important;
      table-layout: fixed !important;
    }

    #-mn-n {
      color: #000000ff !important;
      display: table !important;
      position: relative !important;
      text-align: left !important;
      vertical-align: top !important;
      box-sizing: border-box !important;
      table-layout: fixed !important;
    }

    #4hKC0 {
      color: #000000ff !important;
      position: static !important;
      text-align: initial !important;
      vertical-align: initial !important;
      box-sizing: border-box !important;
      display: block !important;
    }

    #cH2kx {
      color: #000000ff !important;
      position: static !important;
      text-align: initial !important;
      vertical-align: initial !important;
      box-sizing: border-box !important;
      display: block !important;
    }

    #hKxpK {
      color: #000000ff !important;
      position: static !important;
      text-align: initial !important;
      vertical-align: initial !important;
      box-sizing: border-box !important;
      display: block !important;
    }

    #gXVOP {
      color: #556270 !important;
      font-size: 11px !important;
      position: relative !important;
      text-align: left !important;
      font-weight: 500 !important;
      vertical-align: initial !important;
      box-sizing: border-box !important;
      display: block !important;
    }

    #rErNg {
      color: #556270 !important;
      font-size: 11px !important;
      position: relative !important;
      text-align: left !important;
      font-weight: 400 !important;
      line-height: 17px !important;
      vertical-align: initial !important;
      box-sizing: border-box !important;
      display: block !important;
    }

    #1QXzU {
      color: #556270 !important;
      font-size: 10px !important;
      position: relative !important;
      text-align: left !important;
      font-weight: 400 !important;
      line-height: 17px !important;
      vertical-align: initial !important;
      box-sizing: border-box !important;
      display: block !important;
    }
  }

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

</head>

<body style="margin: 0; padding: 0; height: 100%; width: 100%; color:#000000ff;font-family:Inter;background:#f1f1f1ff;">
  <table border="0" cellpadding="0" cellspacing="0" role="presentation" id="PD5Go" style="width:100%;color:#000000ff;display:table;position:relative;padding:32px;text-align:center;vertical-align:middle;box-sizing:border-box;table-layout:fixed;">
    <tbody>
      <tr align="center" valign="middle">
        <td>
          <table border="0" cellpadding="0" cellspacing="0" role="presentation" id="egF1I" style="color:#000000ff;width:100%;display:table;max-width:512px;position:relative;border-radius:16px;padding:0px;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="gc2-C" style="color:#000000ff;width:100%;display:table;position:relative;padding:24px 32px 16px;text-align:left;vertical-align:middle;box-sizing:border-box;table-layout:fixed;">
                    <tbody>
                      <tr align="left" valign="middle">
                        <td style="width:auto;">
                          <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" id="0S3Gx" style="color:#000000ff;display:table;position:relative;text-align:left;vertical-align:middle;box-sizing:border-box;table-layout:fixed;">
                            <tbody>
                              <tr align="left" valign="middle">
                                <td style="width:auto;">
                                  <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" id="dKkbn" style="color:#000000ff;width:28px;height:28px;display:table;position:relative;border-radius:8px;background:#0ca66fff;text-align:left;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
                                    <tbody>
                                      <tr align="left" valign="top">

                                      </tr>
                                    </tbody>
                                  </table>
                                </td>
                                <td style="width:10px;min-width:10px;"></td>
                                <td style="width:auto;"><span id="x8DLV" style="color:#042b1d;font-size:18px;position:relative;text-align:left;font-weight:700;vertical-align:initial;box-sizing:border-box;display:block;">Demo</span></td>
                              </tr>
                            </tbody>
                          </table>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                </td>
              </tr>
              <tr style="height:0px;min-height:0px;"></tr>
              <tr align="left" valign="top">
                <td>
                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" id="frbU_" style="color:#000000ff;width:100%;display:table;position:relative;padding:24px 32px;text-align:left;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
                    <tbody>
                      <tr align="left" valign="top">
                        <td><span id="3kwHA" style="color:#000000ff;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;">Hi Lambou,

                            Great news! Your account is now ready to use! You’ve joined over 4 million people shopping easily and cost-effectively.</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="ZfxIY" style="color:#000000ff;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><a id="aA_Q3" style="color:#ffffff;display:block;font-size:13px;position:relative;font-weight:600;background-color:#D9D9D9;border-radius:60px;padding:12px 24px;background:#0ca66fff;text-align:center;vertical-align:middle;box-sizing:border-box;" href="#">My workspace</a></td>
                              </tr>
                            </tbody>
                          </table>
                        </td>
                      </tr>
                      <tr style="height:24px;min-height:24px;"></tr>
                      <tr align="left" valign="top">
                        <td><span id="QdyHI" style="color:#000000ff;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;">Cheers,
                            Team CompanyName</span></td>
                      </tr>
                    </tbody>
                  </table>
                </td>
              </tr>
              <tr style="height:0px;min-height:0px;"></tr>
              <tr align="left" valign="top">
                <td style="display:block;width:100%;">
                  <span id="UjRvy" style="color:#000000ff;width:100%;height:1px;position:relative;margin:0px 0;background:#074d3433;text-align:initial;vertical-align:initial;box-sizing:border-box;display:block;"></span>
                </td>
              </tr>
              <tr style="height:0px;min-height:0px;"></tr>
              <tr align="left" valign="top">
                <td>
                  <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" id="XWKA1" style="color:#000000ff;width:100%;display:table;position:relative;padding:20px 32px;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="aGrcS" style="vertical-align:text-bottom;color:#000000ff;position:static;text-align:initial;vertical-align:initial;box-sizing:border-box;display:block;" src="https://iconify.pagenflow.com/api/image/36/042b1dff/0-cw/mdi:face-agent.png" alt="Icon" width="auto" height="36px" /></td>
                        <td style="width:14px;min-width:14px;"></td>
                        <td style="width:auto;">
                          <table border="0" cellpadding="0" cellspacing="0" role="presentation" id="GSKLV" style="color:#000000ff;display:table;position:relative;text-align:left;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
                            <tbody>
                              <tr align="left" valign="top">
                                <td><span id="JI6cU" style="color:#042b1d;font-size:14px;position:relative;text-align:left;font-weight:600;vertical-align:initial;box-sizing:border-box;display:block;">Any questions or need help?</span></td>
                              </tr>
                              <tr style="height:4px;min-height:4px;"></tr>
                              <tr align="left" valign="top">
                                <td><span id="0jBPT" style="color:#000000;font-size:12px;position:relative;text-align:left;font-weight:400;vertical-align:initial;box-sizing:border-box;display:block;">Email us at support@pagenflow.com or use our live chat.</span></td>
                              </tr>
                            </tbody>
                          </table>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                </td>
              </tr>
              <tr style="height:0px;min-height:0px;"></tr>
              <tr align="left" valign="top">
                <td>
                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" id="DmiVr" style="color:#000000ff;width:100%;display:table;position:relative;padding:16px 32px 32px;background:#0ca66f14;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="-mn-n" style="color:#000000ff;display:table;position:relative;text-align:left;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
                            <tbody>
                              <tr align="left" valign="top">
                                <td style="width:auto;"><a href="https://web.facebook.com/?_rdc=1&_rdr#" target="_blank"><img id="4hKC0" style="vertical-align:text-bottom;color:#000000ff;position:static;text-align:initial;vertical-align:initial;box-sizing:border-box;display:block;" src="https://iconify.pagenflow.com/api/image/20/556270ff/0-cw/brandico:facebook.png" alt="Icon" width="auto" height="20px" /></a></td>
                                <td style="width:14px;min-width:14px;"></td>
                                <td style="width:auto;"><a href="https://x.com/" target="_blank"><img id="cH2kx" style="vertical-align:text-bottom;color:#000000ff;position:static;text-align:initial;vertical-align:initial;box-sizing:border-box;display:block;" src="https://iconify.pagenflow.com/api/image/20/556270ff/0-cw/lineicons:x.png" alt="Icon" width="auto" height="20px" /></a></td>
                                <td style="width:14px;min-width:14px;"></td>
                                <td style="width:auto;"><a href="https://www.linkedin.com/feed/" target="_blank"><img id="hKxpK" style="vertical-align:text-bottom;color:#000000ff;position:static;text-align:initial;vertical-align:initial;box-sizing:border-box;display:block;" src="https://iconify.pagenflow.com/api/image/20/556270ff/0-cw/lineicons:linkedin-original.png" alt="Icon" width="auto" height="20px" /></a></td>
                              </tr>
                            </tbody>
                          </table>
                        </td>
                      </tr>
                      <tr style="height:12px;min-height:12px;"></tr>
                      <tr align="left" valign="top">
                        <td><span id="gXVOP" style="color:#556270;font-size:11px;position:relative;text-align:left;font-weight:500;vertical-align:initial;box-sizing:border-box;display:block;">© 2024 Pagenflow. All rights reserved.</span></td>
                      </tr>
                      <tr style="height:12px;min-height:12px;"></tr>
                      <tr align="left" valign="top">
                        <td><span id="rErNg" style="color:#556270;font-size:11px;position:relative;text-align:left;font-weight:400;line-height:17px;vertical-align:initial;box-sizing:border-box;display:block;">Email Worldwide Ltd., Reg No. 000000 Registered Office: Jumbo House, Office A, The Circus, #78 Matrix Neo, Keep, Reading Sir</span></td>
                      </tr>
                      <tr style="height:12px;min-height:12px;"></tr>
                      <tr align="left" valign="top">
                        <td><span id="1QXzU" style="color:#556270;font-size:10px;position:relative;text-align:left;font-weight:400;line-height:17px;vertical-align:initial;box-sizing:border-box;display:block;">This e-mail message and any attachments are confidential. Dissemination, distribution or copying of this e-mail or any attachments by anyone other than the intended recipient is prohibited.</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

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