How to customize activation email? (v2023)

AdyUPL · November 28, 2023, 1:25pm

Is the way to get ActivateLink on function Email_Sending() ?I wrote all html/css teamplate for emails, but i need put ActivateLink on Button

function Email_Sending($email, &$args)
{
    //var_dump($email, $args); exit();
    $rsnew = $args["rsnew"];

$ActivationLink = ???;

 $naglowek="Mail Header";
 $tresc="This is my concent <br> <button href=".$ActivationLink."/>";

$email->Content ="
 <!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">
<html dir=\"ltr\" xmlns=\"http://www.w3.org/1999/xhtml\" xmlns:o=\"urn:schemas-microsoft-com:office:office\" lang=\"pl\" style=\"padding:0;Margin:0\">
<head>
<meta charset=\"UTF-8\">
<meta content=\"width=device-width, initial-scale=1\" name=\"viewport\">
<meta name=\"x-apple-disable-message-reformatting\">
<meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">
<meta content=\"telephone=no\" name=\"format-detection\">
<!--[if (mso 16)]><style type=\"text/css\">
 a {text-decoration: none;}     
 </style><![endif]--> 
 <!--[if gte mso 9]>
 <style>sup { font-size: 100% !important; }</style>
 <![endif]--> 
 <!--[if gte mso 9]>
 <xml> <o:OfficeDocumentSettings> <o:AllowPNG></o:AllowPNG> <o:PixelsPerInch>96</o:PixelsPerInch> </o:OfficeDocumentSettings> </xml>
<![endif]-->
<!--[if !mso]>
<!-- -->
<link href=\"https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i\" rel=\"stylesheet\">
 <!--<![endif]-->
 <style type=\"text/css\">
 #outlook 
 a { 
        padding:0;
    }
.ExternalClass {
        width:100%;
    }
.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font,.ExternalClass td,.ExternalClass div {
        line-height:100%;
    }
.es-button {
        mso-style-priority:100!important;
        text-decoration:none!important;
    }
a[x-apple-data-detectors] {
        color:inherit!important;
        text-decoration:none!important;
        font-size:inherit!important;
        font-family:inherit!important;
        font-weight:inherit!important;
        line-height:inherit!important;}
.es-desk-hidden {
        display:none;
        float:left; 
        overflow:hidden; 
        width:0; 
        max-height:0; 
        line-height:0; 
        mso-hide:all;
    }
@media only screen and (max-width:600px) {
    p, ul li, ol li, a {
        line-height:150%!important
    } 
    h1, h2, h3, h1 a, h2 a, h3 a { 
        line-height:120%!important 
    }
    h1 {
        font-size:30px!important;
        text-align:center
    }
    h2 {
        font-size:26px!important; 
        text-align:center 
    } 
    h3 { 
        font-size:20px!important; 
        text-align:center 
    } 
    .es-header-body h1 a, .es-content-body h1 a, .es-footer-body h1 a { 
        font-size:30px!important 
    } 
    .es-header-body h2 a, .es-content-body h2 a, .es-footer-body h2 a { 
        font-size:26px!important 
    } 
    .es-header-body h3 a, .es-content-body h3 a, .es-footer-body h3 a { 
        font-size:20px!important 
    } 
    .es-menu td a { 
        font-size:16px!important 
    } 
    .es-header-body p, .es-header-body ul li, .es-header-body ol li, .es-header-body a {
        font-size:16px!important 
    } 
    .es-content-body p, .es-content-body ul li, .es-content-body ol li, .es-content-body a { 
        font-size:16px!important 
    } 
    .es-footer-body p, .es-footer-body ul li, .es-footer-body ol li, .es-footer-body a {
        font-size:16px!important 
    } 
    .es-infoblock p, .es-infoblock ul li, .es-infoblock ol li, .es-infoblock a {
        font-size:12px!important 
    }
    *[class=\"gmail-fix\"] {
        display:none!important
    } 
    .es-m-txt-c, .es-m-txt-c h1, .es-m-txt-c h2, .es-m-txt-c h3 {
        text-align:center!important
    } 
    .es-m-txt-r, .es-m-txt-r h1, .es-m-txt-r h2, .es-m-txt-r h3 { 
        text-align:right!important 
    } 
    .es-m-txt-l, .es-m-txt-l h1, .es-m-txt-l h2, .es-m-txt-l h3 { 
        text-align:left!important 
    } 
    .es-m-txt-r img, .es-m-txt-c img, .es-m-txt-l img { 
        display:inline!important 
    } 
    .es-button-border { 
        display:block!important 
    } 
    a.es-button, button.es-button { 
        font-size:20px!important; 
        display:block!important; 
        padding:15px 25px 15px 25px!important 
    } 
    .es-btn-fw { 
        border-width:10px 0px!important; 
        text-align:center!important 
    } 
    .es-adaptive table, .es-btn-fw, .es-btn-fw-brdr, .es-left, .es-right { 
        width:100%!important
    } 
    .es-content table, .es-header table, .es-footer table, .es-content, .es-footer, .es-header { 
        width:100%!important; 
        max-width:600px!important 
    } 
    .es-adapt-td { 
        display:block!important; 
        width:100%!important 
        }
    .adapt-img { 
        width:100%!important; height:auto!important 
    } 
    .es-m-p0 { 
        padding:0px!important 
    } 
    .es-m-p0r { 
        padding-right:0px!important 
    } 
    .es-m-p0l { 
        padding-left:0px!important 
    } 
     .es-m-p0t { 
         padding-top:0px!important 
        } 
    .es-m-p0b { 
        padding-bottom:0!important 
    } 
    .es-m-p20b { 
        padding-bottom:20px!important 
    } 
    .es-mobile-hidden, .es-hidden { 
        display:none!important 
    } 
    tr.es-desk-hidden, td.es-desk-hidden, table.es-desk-hidden { 
        width:auto!important; 
        overflow:visible!important; 
        float:none!important; 
        max-height:inherit!important; 
        line-height:inherit!important 
    } 
    tr.es-desk-hidden { 
        display:table-row!important 
    } 
    table.es-desk-hidden { 
        display:table!important 
    } 
    td.es-desk-menu-hidden { 
        display:table-cell!important 
    } 
    .es-menu td { 
        width:1%!important 
    } 
    table.es-table-not-adapt, .esd-block-html table { 
        width:auto!important 
    } 
    table.es-social { 
        display:inline-block!important 
    } 
    table.es-social td { 
        display:inline-block!important 
    }
    .es-desk-hidden { 
        display:table-row!important; 
        width:auto!important; 
        overflow:visible!important; 
        max-height:inherit!important 
    }
  }
  </style>
 </head> 
 <body style=\"width:100%;font-family:lato, 'helvetica neue', helvetica, arial, sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;padding:0;Margin:0\">
 <div dir=\"ltr\" class=\"es-wrapper-color\" lang=\"pl\" style=\"background-color:#F4F4F4\">
<!--[if gte mso 9]>
<v:background xmlns:v=\"urn:schemas-microsoft-com:vml\" fill=\"t\"> 
<v:fill type=\"tile\" color=\"#f4f4f4\"><
/v:fill> 
</v:background>
<![endif]-->
<table class=\"es-wrapper\" width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" style=\"mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;padding:0;Margin:0;width:100%;height:100%;background-repeat:repeat;background-position:center top;background-color:#F4F4F4\">
<tr class=\"gmail-fix\" height=\"0\" style=\"border-collapse:collapse\">
<td style=\"padding:0;Margin:0\">
<table cellspacing=\"0\" cellpadding=\"0\" border=\"0\" align=\"center\" style=\"mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;width:600px\">
<tr style=\"border-collapse:collapse\">
<td cellpadding=\"0\" cellspacing=\"0\" border=\"0\" style=\"padding:0;Margin:0;line-height:1px;min-width:600px\" height=\"0\">
<img src=\"https://ebtuevu.stripocdn.email/content/guids/CABINET_837dc1d79e3a5eca5eb1609bfe9fd374/images/41521605538834349.png\" style=\"display:block;border:0;outline:none;text-decoration:none;-ms-interpolation-mode:bicubic;max-height:0px;min-height:0px;min-width:600px;width:600px\" alt width=\"600\" height=\"1\">
</td> 
</tr>
</table>
</td>
</tr> 
<tr style=\"border-collapse:collapse\">
<td valign=\"top\" style=\"padding:0;Margin:0\"><table class=\"es-header\" cellspacing=\"0\" cellpadding=\"0\" align=\"center\" style=\"mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;table-layout:fixed !important;width:100%;background-color:#3c8dbc;background-repeat:repeat;background-position:center top\">
<tr style=\"border-collapse:collapse\">
<td align=\"center\" style=\"padding:0;Margin:0\">
<table class=\"es-header-body\" cellspacing=\"0\" cellpadding=\"0\" align=\"center\" style=\"mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;background-color:#3c8dbc;width:600px\">
<tr style=\"border-collapse:collapse\">
<td align=\"left\" style=\"Margin:0;padding-bottom:10px;padding-left:10px;padding-right:10px;padding-top:20px\">
<table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" style=\"mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px\">
<tr style=\"border-collapse:collapse\"><td valign=\"top\" align=\"center\" style=\"padding:0;Margin:0;width:580px\">
<table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" style=\"mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px\">
<tr style=\"border-collapse:collapse\">
<td align=\"center\" style=\"Margin:0;padding-left:10px;padding-right:10px;padding-top:25px;padding-bottom:25px;font-size:0\">
<img src=\"https://opal.zdz.xxx.pl/img/karta_urlopowa.ico\" alt style=\"display:block;border:0;outline:none;text-decoration:none;-ms-interpolation-mode:bicubic\" width=\"160\">
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table class=\"es-content\" cellspacing=\"0\" cellpadding=\"0\" align=\"center\" style=\"mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;table-layout:fixed !important;width:100%\">
<tr style=\"border-collapse:collapse\">
<td style=\"padding:0;Margin:0;background-color:#3c8dbc\" bgcolor=\"#3c8dbc\" align=\"center\">
<table class=\"es-content-body\" style=\"mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;background-color:transparent;width:600px\" cellspacing=\"0\" cellpadding=\"0\" align=\"center\">
<tr style=\"border-collapse:collapse\">
<td align=\"left\" style=\"padding:0;Margin:0\">
<table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" style=\"mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px\">
<tr style=\"border-collapse:collapse\">
<td valign=\"top\" align=\"center\" style=\"padding:0;Margin:0;width:600px\">
<table style=\"mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:separate;border-spacing:0px;background-color:#ffffff;border-radius:4px\" width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" bgcolor=\"#ffffff\">
<tr style=\"border-collapse:collapse\">
<td align=\"center\" style=\"Margin:0;padding-bottom:5px;padding-left:30px;padding-right:30px;padding-top:35px\">
<h1 style=\"Margin:0;line-height:58px;mso-line-height-rule:exactly;font-family:lato, 'helvetica neue', helvetica, arial, sans-serif;font-size:48px;font-style:normal;font-weight:normal;color:#111111\">
".$naglowek."
</h1>
</td>
</tr>
<tr style=\"border-collapse:collapse\">
<td bgcolor=\"#ffffff\" align=\"center\" style=\"Margin:0;padding-top:5px;padding-bottom:5px;padding-left:20px;padding-right:20px;font-size:0\">
<table width=\"100%\" height=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" style=\"mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px\">
<tr style=\"border-collapse:collapse\">
<td style=\"padding:0;Margin:0;border-bottom:1px solid #ffffff;background:#FFFFFF none repeat scroll 0% 0%;height:1px;width:100%;margin:0px\">
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table class=\"es-content\" cellspacing=\"0\" cellpadding=\"0\" align=\"center\" style=\"mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;table-layout:fixed !important;width:100%\">
<tr style=\"border-collapse:collapse\">
<td align=\"center\" style=\"padding:0;Margin:0\"><table class=\"es-content-body\" style=\"mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;background-color:#ffffff;width:600px\" cellspacing=\"0\" cellpadding=\"0\" bgcolor=\"#ffffff\" align=\"center\">
<tr style=\"border-collapse:collapse\">
<td align=\"left\" style=\"padding:0;Margin:0\">
<table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" style=\"mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px\">
<tr style=\"border-collapse:collapse\">
<td valign=\"top\" align=\"center\" style=\"padding:0;Margin:0;width:600px\">
<table style=\"mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;background-color:#ffffff\" width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" bgcolor=\"#ffffff\">
<tr style=\"border-collapse:collapse\">
<td class=\"es-m-txt-l\" bgcolor=\"#ffffff\" align=\"left\" style=\"Margin:0;padding-bottom:15px;padding-top:20px;padding-left:30px;padding-right:30px\">
<p style=\"Margin:0;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-family:lato, 'helvetica neue', helvetica, arial, sans-serif;line-height:27px;color:#666666;font-size:18px\">
".$tresc."
</p> 
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table class=\"es-content\" cellspacing=\"0\" cellpadding=\"0\" align=\"center\" style=\"mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;table-layout:fixed !important;width:100%\">
<tr style=\"border-collapse:collapse\">
<td align=\"center\" style=\"padding:0;Margin:0\">
<table class=\"es-content-body\" style=\"mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;background-color:transparent;width:600px\" cellspacing=\"0\" cellpadding=\"0\" align=\"center\">
<tr style=\"border-collapse:collapse\">
<td align=\"left\" style=\"padding:0;Margin:0\">
<table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" style=\"mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px\">
<tr style=\"border-collapse:collapse\">
<td valign=\"top\" align=\"center\" style=\"padding:0;Margin:0;width:600px\">
<table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" style=\"mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px\">
<tr style=\"border-collapse:collapse\">
<td align=\"center\" style=\"Margin:0;padding-top:10px;padding-bottom:20px;padding-left:20px;padding-right:20px;font-size:0\">
<table width=\"100%\" height=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" style=\"mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px\">
<tr style=\"border-collapse:collapse\">
<td style=\"padding:0;Margin:0;border-bottom:1px solid #f4f4f4;background:#FFFFFF none repeat scroll 0% 0%;height:1px;width:100%;margin:0px\">
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table cellpadding=\"0\" cellspacing=\"0\" class=\"es-footer\" align=\"center\" style=\"mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;table-layout:fixed !important;width:100%;background-color:transparent;background-repeat:repeat;background-position:center top\">
<tr style=\"border-collapse:collapse\">
<td align=\"center\" style=\"padding:0;Margin:0\">
<table class=\"es-footer-body\" cellspacing=\"0\" cellpadding=\"0\" align=\"center\" style=\"mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;background-color:transparent;width:600px\"><tr style=\"border-collapse:collapse\"><td align=\"left\" style=\"Margin:0;padding-top:30px;padding-bottom:30px;padding-left:30px;padding-right:30px\"><table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" style=\"mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px\"><tr style=\"border-collapse:collapse\"><td valign=\"top\" align=\"center\" style=\"padding:0;Margin:0;width:540px\"><table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" style=\"mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px\"><tr style=\"border-collapse:collapse\">
<td align=\"left\" style=\"padding:0;Margin:0\">
<p style=\"Margin:0;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-family:lato, 'helvetica neue', helvetica, arial, sans-serif;line-height:21px;color:#666666;font-size:14px\">
<b>
Wiadomość wysłana automatycznie.
</b>
</p>
</td>
</tr>
<tr style=\"border-collapse:collapse\"><td align=\"left\" style=\"padding:0;Margin:0;padding-top:25px\">
<p style=\"Margin:0;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-family:lato, 'helvetica neue', helvetica, arial, sans-serif;line-height:21px;color:#666666;font-size:14px\">
Proszę nie odpowiadać na tego maila.
</p>
</td>
</tr>
<!--<tr style=\"border-collapse:collapse\">
<td align=\"left\" style=\"padding:0;Margin:0;padding-top:25px\">
<p style=\"Margin:0;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;font-family:lato, 'helvetica neue', helvetica, arial, sans-serif;line-height:21px;color:#666666;font-size:14px\">
Spełniając obowiązek informacyjny wobec właścicieli danych osobowych informujemy, że Pani/Pana adres e-mailowy przetwarzany jest w Zakładzie Doskonalenia Zawodowego w Katowicach w celach komunikacji na podstawie art.6 ust.1 lit. a,f RODO. ZDZ Katowice jest administratorem Pani/Pana danych osobowych i ma Pani/Pan prawo dostępu do ich treści oraz ich sprostowania, usunięcia, ograniczenia przetwarzania, prawo do cofnięcia zgody na przetwarzanie, prawo do wniesienia sprzeciwu wobec ich przetwarzania, a także prawo do przenoszenia danych. Pełna treść obowiązku informacyjnego znajduje się pod poniższym linkiem: <a href=\"https://www.zdz.xxx.pl/zasady-przetwarzania-danych-osobowych-w-zdz-katowice\" style=\"-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;text-decoration:underline;color:#111111;font-size:14px\">https://www.zdz.xxx.pl/zasady-przetwarzania-danych-osobowych-w-zdz-katowice
</a>
</p>
</td>
</tr>-->
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table> 
<table class=\"es-content\" cellspacing=\"0\" cellpadding=\"0\" align=\"center\" style=\"mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;table-layout:fixed !important;width:100%\">
<tr style=\"border-collapse:collapse\">
<td align=\"center\" style=\"padding:0;Margin:0\"><table class=\"es-content-body\" style=\"mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px;background-color:transparent;width:600px\" cellspacing=\"0\" cellpadding=\"0\" align=\"center\">
<tr style=\"border-collapse:collapse\">
<td align=\"left\" style=\"Margin:0;padding-left:20px;padding-right:20px;padding-top:30px;padding-bottom:30px\"><table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" style=\"mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px\">
<tr style=\"border-collapse:collapse\">
<td valign=\"top\" align=\"center\" style=\"padding:0;Margin:0;width:560px\">
<table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" style=\"mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;border-spacing:0px\">
<tr style=\"border-collapse:collapse\"><td class=\"es-infoblock made_with\" align=\"center\" style=\"padding:0;Margin:0;line-height:14px;font-size:0;color:#CCCCCC\">
<a target=\"_blank\" href=\"https://zdz.xxx.pl\" style=\"-webkit-text-size-adjust:none;-ms-text-size-adjust:none;mso-line-height-rule:exactly;text-decoration:underline;color:#CCCCCC;font-size:12px\">
<img src=\"https://opal.zdz.xxx.pl/img/ZDZ-nowe%20logo-forma%20podstawowa.png\" alt width=\"375\" style=\"display:block;border:0;outline:none;text-decoration:none;-ms-interpolation-mode:bicubic\">
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</body>
</html>";

    return true;
}

arbei · November 28, 2023, 2:39pm

You should use the simplest HTML, copying HTML from Office won’t work well in most email clients (which may remove most CSS styles).
You should customize the original Register.en-US.php (Assume v2024) which contains the active link already.

AdyUPL · November 29, 2023, 6:44am

I using phpmaker 2023

arbei · November 29, 2023, 7:42am

For older versions, you may customozie the register.html in the template.

AdyUPL · November 29, 2023, 1:59pm

As you said. I wrote simplest code and edit register_content.html in phpmaker node_modules folder

Subject: Karta urlopowa - Aktywacja konta
From: <!--$From-->
To: <!--$To-->
Cc:
Bcc:
Format: HTML

<!DOCTYPE html>
<html lang="pl">
<head>
  <meta charset="UTF-8">
  <style>
    body {
      font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
      margin: 0;
      padding: 0;
      background-color: #F4F4F4;
		height: 100svh;
    }
    .header {
      background-color: #3c8dbc;
      padding: 20px;
      text-align: center;
		height: 300px;
    }
    .header img {
      width: 160px;
      height: auto;
    }
    .content-container {
      display: flex;
      justify-content: center;
      align-items: center;
		margin-top: -5%;
    }
    .content {
      background-color: #ffffff;
      border-radius: 4px;
      padding: 35px 30px;
      width: 600px; /* Dostosuj szerokość zawartości według potrzeb */
	  word-wrap: break-word;
		margin-bottom: 10px;
    }
    h1 {
      font-size: 48px;
      color: #111111;
      margin: 0;
      line-height: 58px;
      text-align: center; /* Wyśrodkuj tekst */
    }
    p {
      font-size: 18px;
      color: #666666;
      line-height: 27px;
      text-align: center; /* Wyśrodkuj tekst */
    }
    .activate-button {
      display: block;
      width: 100%;
      height: 60px;
      margin-top: 20px;
    }
    .footer {
      text-align: center;
		display: block;
		height: 100%;
    }
  </style>
</head>
<body>
  <div class="header">
    <img src="LogoURL" alt="Logo">
  </div>
  <div class="content-container">
    <div class="content">
      <h1>Aktywacja konta</h1><br><br>
      <p>
        Twoje konto zostało utworzone i wymaga aktywacji.<br><br>
        Informacje o koncie:<br>
        <#
    let table = GetTableObject(PROJ.SecTbl);
    for (let f of table.Fields) {
        if (f.FldGenerate && f.FldRegister && f.FldName != PROJ.SecPasswdFld && f.FldName != DB.SecUserLevelFld) {
            let fldName = f.FldName;
#>
<!--FieldCaption_<#= fldName #>-->: <!--<#= fldName #>--><br>
<#
        }
    } // Field
    if (PROJ.SecRegisterActivate) {
#>
<#
    }
#>
      </p>
      <p>
        Kliknij poniższy przycisk, aby aktywować swoje konto:
      </p>
      <center>
        <a href="<!--ActivateLink-->" class="activate-button">
          <img src="ButtonImage" alt="Aktywuj konto">
        </a>
      </center>
      <p>
        Jeżeli przycisk nie działa, skopiuj poniższy link i wklej go do przeglądarki internetowej.<br><br>
        <!--ActivateLink--><br><br>

      </p>
    </div>
  </div>
  <div class="footer">
    <p>
      Wiadomość wysłana automatycznie. <br>
		Proszę nie odpowiadać na tego maila.<br>
	<img src="LOGOURL" alt="Logo" width="350" style="margin-top: 20px" >
    </p>
  </div>
</body>
</html>

It’s work great !
thanks!