UnpaidInvoicePayments

Id: D7CD7FA9-6D6A-45C2-813D-656E562DDA09
Configurable: yes
Company: 6E919CFE-74DD-4EBC-8665-3C0D44866649
Created: 2024-09-12 14:18:06.247000
Updated: 2026-03-28 14:50:11.303000

HTML body (13317 chars)

<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="x-apple-disable-message-reformatting">
  <meta name="viewport" content="width=device-width" />
  <link rel="stylesheet" type="text/css" href="bootstrap.min.css">
  <script type="text/javascript" src="css3-mediaqueries.js"></script>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>New User Added</title>
  <style type="text/css">
    a {
      text-decoration: none;
      outline: none;
    }

p {
      font-size: 14px;
      font-family: roboto;
    }

b {
      font-size: 14px;
      font-family: roboto;
    }

@media (max-width: 649px) {
      .o_col-full {
        max-width: 100% !important;
      }

.o_col-half {
        max-width: 50% !important;
      }

.o_hide-lg {
        display: inline-block !important;
        font-size: inherit !important;
        max-height: none !important;
        line-height: inherit !important;
        overflow: visible !important;
        width: auto !important;
        visibility: visible !important;
      }

.o_hide-xs,
      .o_hide-xs.o_col_i {
        display: none !important;
        font-size: 0 !important;
        max-height: 0 !important;
        width: 0 !important;
        line-height: 0 !important;
        overflow: hidden !important;
        visibility: hidden !important;
        height: 0 !important;
      }

.o_xs-center {
        text-align: center !important;
      }

.o_xs-left {
        text-align: left !important;
      }

.o_xs-right {
        text-align: left !important;
      }

table.o_xs-left {
        margin-left: 0 !important;
        margin-right: auto !important;
        float: none !important;
      }

table.o_xs-right {
        margin-left: auto !important;
        margin-right: 0 !important;
        float: none !important;
      }

table.o_xs-center {
        margin-left: auto !important;
        margin-right: auto !important;
        float: none !important;
      }

h1.o_heading {
        font-size: 32px !important;
        line-height: 41px !important;
      }

h2.o_heading {
        font-size: 26px !important;
        line-height: 37px !important;
      }

h3.o_heading {
        font-size: 20px !important;
        line-height: 30px !important;
      }

.o_xs-py-md {
        padding-top: 24px !important;
        padding-bottom: 24px !important;
      }

.o_xs-pt-xs {
        padding-top: 8px !important;
      }

.o_xs-pb-xs {
        padding-bottom: 8px !important;
      }
    }

@media screen {
      @font-face {
        font-family: Roboto;
        font-style: normal;
        font-weight: 400;
        src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format("woff2");
        unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
      }

@font-face {
        font-family: Roboto;
        font-style: normal;
        font-weight: 400;
        src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxK.woff2) format("woff2");
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
      }

@font-face {
        font-family: Roboto;
        font-style: normal;
        font-weight: 700;
        src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format("woff2");
        unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
      }

@font-face {
        font-family: Roboto;
        font-style: normal;
        font-weight: 700;
        src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format("woff2");
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
      }

.o_sans,
      .o_heading {
        font-family: "Roboto", sans-serif !important;
      }

.o_heading,
      strong,
      b {
        font-weight: 700 !important;
      }

a[x-apple-data-detectors] {
        color: inherit !important;
        text-decoration: none !important;
      }
    }

@media (max-width: 600px) {
      .small_font {
        font-size: 10px;
      }
    }

@media (max-width: 400px) {
      .small_font {
        font-size: 7px;
      }
    }

@media (max-width: 425px) {
      .small_font {
        font-size: 10px;
      }
    }

@media screen and (max-width: 375px) {
      .small_font {
        font-size: 7px;
      }
    }

@media (min-width: 321px) and (max-width: 374px) {
      .small_font {
        font-size: 9px;
      }
    }

@media (min-width: 301px) and (max-width: 374px) {
      .ccc {
        padding-top: 3px;
      }
    }

@media (min-width: 321px) and (max-width: 374px) {
      .youtube {
        height: 10px !important;
        width: 10px !important;
      }
    }

@media screen and (max-width: 375px) {
      .youtube {
        height: 8px !important;
        width: 8px !important;
      }
    }

@media screen and (max-width: 300px) {
      .small_font {
        font-size: 7px;
        margin-top: 2px !important;
      }
    }

@media screen and (max-width: 300px) {
      .youtube {
        width: 5px !important;
        height: 5px !important;
      }
    }

@media screen and (max-width: 450px) {
      .bbb {
        align-items: center;
        flex-direction: column-reverse;
      }
    }

@media screen and (max-width: 320px) {
      .youtube {
        width: 8px !important;
        height: 8px !important;
      }
    }

@media (max-width: 320px) {
      .image {
        font-size: 7px;
      }
    }

@media only screen and (max-width: 320px) {
      table.youtube {
        width: 7px !important;
        height: 7px !important;
      }
    }
  </style>
</head>

<body class="o_body o_bg-light"
  style="width: 100%;margin: 0px;padding: 0px;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;background-color: #f9f8fa;">
 <table width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation">
    <tbody>
      <tr>
        <td class="o_bg-light o_px-xs" align="center"
          style="background-color: #f9f8fa; padding-left: 8px; padding-right: 8px;">
          <table class="o_block" width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation"
            style="max-width: 632px; margin: 0 auto;">
            <tbody>
              <tr>
                <td style="padding: 10px 0; text-align: left;"> ##Disclaimer## </td>
              </tr>
            </tbody>
          </table>
        </td>
      </tr>
    </tbody>
  </table>
  <table width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation"
    style="background-color:#f9f8fa; margin:0; padding:0;">
    <tbody>
      <tr>
        <td align="center">
          <table width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation" style=" max-width:632px;">
            <tbody>
              <tr>
                <td align="center" style=" max-width:632px;">
                  <div style="text-align:center; max-width:632px;"> ##Header## </div>
                </td>
              </tr>
            </tbody>
          </table>
        </td>
      </tr>
    </tbody>
  </table>
  <table width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation">
    <tbody>
      <tr>
        <td class="o_bg-light o_px-xs" align="center" style="background:#f9f8fa">
          <table class="o_block" width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation"
            style="max-width: 632px;margin: 0 auto;">
            <tbody>
              <tr>
                <table class="o_block" width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation"
                  style="max-width: 632px;">
                  <tbody>
                    <tr style="margin-bottom: 0px;display: flex;background-color:white" class="bbb">
                      <td width="350" class="es-m-p20b esd-container-frame" align="left" style="margin-top: 12px;">
                        <table cellpadding="0" cellspacing="0" width="100%">
                          <tbody>
                            <tr>
                              <td align="left" class="esd-block-text es-p10t"
                                style="background-color:white;padding-left: 10px;">
                                <p
                                  style="color: #363636;line-height:23px;  margin-left: 10px;font-family: Arial, Helvetica, sans-serif; font-weight:SemiBold; font-size:15px;margin-top: 20px;">
                                  <b> Dear Team,</b> </p>
                                <p
                                  style="color: #363636; margin-left: 10px;font-size: 15px;line-height:25px;margin-bottom: 0px;margin-top: 26px;">
                                  Please contact <b>##CustomerName##</b>, who has attempted to upgrade but has not
                                  confirmed their payment. Notably, the customer clicked the upgrade button again,
                                  indicating potential interest or confusion regarding our payment process. We need to
                                  ensure their upgrade is finalized smoothly.</span> </p>
                              </td>
                            </tr>
                          </tbody>
                        </table>
                      </td>
                      <td width="254" align="left" class="esd-container-frame" style="background-color:white;">
                        <table cellpadding="0" cellspacing="0" width="100%">
                          <tbody>
                            <tr>
                              <td align="center" class="esd-block-image es-p30t es-m-p0t" style="font-size: 0px;"><img
                                  class="sideimage" style="margin-top:33%;padding-left: 12px;height:170px;"
                                  src="https://i.imgur.com/FHiV2r1.png" alt width="230"></td>
                            </tr>
                          </tbody>
                        </table>
                      </td>
                    </tr>
                  </tbody>
                </table>
                <table class="o_block" width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation"
                  style="max-width: 632px;margin: 0 auto;">
                  <tbody>
                    <tr style="margin-bottom: 0px;background-color:white">
                      <td align="left"
                        style="background-color:white;align-items: center; flex-direction: row;padding-left: 20px;">
                        <p> <br>
                        <div style="font-family: roboto;font-size: 15px;">Below are the customer’s details for your
                          reference:</div> <br>
                        <ul style="padding-inline-start: 20px;margin-left:-2px">
                          <li><b>Company Name</b>: ##CompanyName##</li><br>
                          <li><b>Customer Name</b>: ##CustomerName##</li><br>
                          <li><b>Customer Email</b>: ##CustomerEmail##</li><br>
                          <li><b>Customer Phone Number</b>: ##CustomerPhoneNumber##</li>
                        </ul>
                        <div> <br><br> <b>Best Regards,</b><br><img src="https://i.stack.imgur.com/SRhpR.png"
                            alt="signature" style="margin-left: -1px;width:100px"> </div>
                        </p>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </tr>
            </tbody>
          </table>
        </td>
      </tr>
    </tbody>
  </table>
  </table>
  <table width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation"
    style="background-color:#f9f8fa; margin:0; padding:0;">
    <tbody>
      <tr>
        <td align="center">
          <table width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation" style=" max-width:632px;">
            <tbody>
              <tr>
                <td align="center" style=" max-width:632px;">
                  <div style="text-align:center;  max-width:632px;"> ##Footer## </div>
                </td>
              </tr>
            </tbody>
          </table>
        </td>
      </tr>
    </tbody>
  </table>
</body>

</html>

Save note (optional, shown in version history)

Reset

Rendered preview — preview as

Version history (0 most recent)

Saved at	By	Size	Note
No saved versions yet. Each Save will record one.

UnpaidInvoicePayments

HTML body (13317 chars)

Rendered preview — preview as unfilled (placeholders visible)

Version history (0 most recent)

Rendered preview — preview as