Customize a standard system email template to create a new template.
For eg- Order approve emails template with order details
<html>
<head>
<title></title>
<style type="text/css">
@media screen and (max-device-width: 767px),
screen and (max-width: 767px) {
.acounts {
width: 100%;
display: block;
}
.sales {
width: 100%;
display: block;
}
.account-table {
display: block;
}
.account-header {
display: none;
}
.acount-head {
display: block;
}
}
@media only screen and (min-width: 768px) {
.sales {
width: 45%;
}
.acounts {
width: 55%;
}
.acount-head {
display: none;
}
}
</style>
<!--<meta name="viewport" content="width=device-width, user-scalable=no" />-->
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body style="background:#ffffff; font-family: sans-serif; width: 1000px;">
<div class="main-body" style="font-family: sans-serif;margin: 4% ;background: #ffffff;">
<div class="main-div" style="font-family: sans-serif;background: #ffffff;padding: 0px 0px;">
<!-- header -->
<header
style="display: inline-block;background: #ffffff;padding: 0% 0%;width: 100%;margin: 0px;font-family: sans-serif;">
<!-- header-logo -->
<div class="header-logo" style="display: inline-block;font-family: sans-serif; margin-bottom: 15px;">
<img src="https://5742647.app.netsuite.com/core/media/media.nl?id=122764&c=5742647&h=4FPyH1Xv9o-Mzs8cGBDuZwsEQx2-jL5lrG7bYHvh8VFW9CLc"
style="max-width: 720px; height: 120px; width: 720px;" />
</div>
</header>
<div style="margin-left: 10px; margin-bottom: 15px;margin-top: 15px; width: 720px;">
<h3>PDF Attached</h3>
<p style="line-height: 15px;margin-top: 15px;">Please open the attached file to view your order
details.<br />
<br />
To view the attachment, you first need the free Adobe Acrobat Reader. If you don't have it yet,
visit Adobe's<br />
Website <a href="http://www.adobe.com/products/acrobat/readstep.html"
style="text-decoration-line: underline;">http://www.adobe.com/products/acrobat/readstep.html
</a>to download it.<br />
</p>
</div>
<div style="margin-left: 10px;margin-bottom: 15px;width: 720px;">
<h3>ORDER REVIEW</h3>
<p>Your Order <#if (transaction.tranId)?has_content>${transaction.tranId}<br />
</#if>
</p>
</div>
<div style="margin-bottom: 15px; display: inline-block;width: 720px;">
<h3 style="margin-left: 10px;">ADDRESSES</h3>
<table style="margin-left: 10px;width: 720px;margin-top: 15px;">
<tbody>
<tr>
<th style="text-align: start;width: 50%;">Bill To:</th>
<th style="text-align: start;width: 50%;">Ship To:</th>
</tr>
<tr>
<td style="width: 50%;">
<#if (transaction.billAddress)?has_content>${transaction.billAddress}<br />
</#if>
</td>
<td style="width: 50%;">
<#if (transaction.shipAddress)?has_content>${transaction.shipAddress}<br />
</#if>
</td>
</tr>
</tbody>
</table>
<div style="width: 720px;">
<h3 style="margin-left: 10px;margin-bottom: 15px;margin-top: 15px;">ITEMS</h3>
<table class="content-order-details-summary-table"
style="font-family: sans-serif; border-collapse: collapse; border: 1px solid rgb(57, 234, 219); max-width: 720px !important; width: 720px;">
<#list transaction.item as tranline>
<tbody>
<tr style="font-family: sans-serif;border: 1px solid #39eadb;">
<th
style="font-family: sans-serif; text-align: right; padding: 8px; width: 192px;border: 1px solid #39eadb;">
Description</th>
<th
style="font-family: sans-serif; text-align: right; padding: 8px; width: 172px;border: 1px solid #39eadb;">
Quanitity</th>
<th
style="font-family: sans-serif; text-align: right; padding: 8px; width: 128px;border: 1px solid #39eadb;">
Price</th>
<th
style="font-family: sans-serif; text-align: right; padding: 8px; width: 154px; border: 1px solid rgb(57, 234, 219);">
Subtotal</th>
</tr>
<tr style="font-family: sans-serif;">
<td style="font-family: sans-serif; padding: 8px; width: 192px;">C5425<span
style="display: block;margin-top: 2px;font-family: sans-serif;">
${tranline.description} </span></td>
<td
style="font-family: sans-serif;padding: 8px; text-align: right; width: 186px;border: 1px solid #39eadb;">
${tranline.quantity}</td>
<td
style="font-family: sans-serif; padding: 8px; text-align: right; width: 128px;border: 1px solid #39eadb;">
${tranline.rate}</td>
<td
style="font-family: sans-serif; padding: 8px; text-align: right; width: 154px; border: 1px solid rgb(57, 234, 219);">
${tranline.amount}</td>
</tr>
</#list>
</tbody>
</table>
<table style="margin-top: 15px;">
<tbody>
<tr style="font-family: sans-serif;">
<td style="font-family: sans-serif; padding: 8px; height: 4px;width: 200px;"> </td>
<td style="font-family: sans-serif; padding: 8px; height: 4px;width: 200px;"> </td>
<td style="font-family: sans-serif; padding: 8px; height: 4px;"><span
style="display: block;margin-top: 2px;font-family: sans-serif;text-align: right;">Subtotal
</span></td>
<td
style="font-family: sans-serif; padding: 8px; text-align: right; width: 165px; height: 4px;">
${transaction.subTotal}</td>
</tr>
<tr style="font-family: sans-serif;">
<td style="font-family: sans-serif; padding: 8px; height: 4px;width: 200px;"> </td>
<td style="font-family: sans-serif; padding: 8px; height: 4px;width: 200px;"> </td>
<td style="font-family: sans-serif;padding: 8px;"><span
style="display: block;margin-top: 2px;font-family: sans-serif;text-align: right;">GST(15%)
</span></td>
<td style="font-family: sans-serif; padding: 8px; text-align: right; width: 165px;">
${transaction.taxTotal}</td>
</tr>
<tr style="font-family: sans-serif;">
<td style="font-family: sans-serif; padding: 8px; height: 4px;width: 200px;"> </td>
<td style="font-family: sans-serif; padding: 8px; height: 4px;width: 200px;"> </td>
<td style="font-family: sans-serif;padding: 8px;"><span
style="display: block;margin-top: 2px;font-family: sans-serif;text-align: right;">Total
</span></td>
<td style="font-family: sans-serif; padding: 8px; text-align: right; width: 165px;">
${transaction.total}</td>
</tr>
</tbody>
</table>
</div>
<div class="footer-logo"
style="display: inline-block;width: 720px;font-family: sans-serif;background-color: #11c6b6;color:#ffffff;margin-top: 15px;">
<h1 style="text-align: center;margin-top: 15px;">CONTACT US</h1>
<div class="logo-text" style="margin-top: 15px;">
<table class="account-table" style="margin-left: 10px;">
<tbody style="color: #ffffff;">
<tr class="account-header">
<th style="width: 55%;">ACCOUNTS</th>
<th style="width: 45%;">SALES</th>
</tr>
<tr>
<td class="acounts">
<h3 class="acount-head">ACCOUNTS</h3>
<p>For enquireies relating to your account<br />
Please contact us at:</p>
<ul>
<li>Ph:123456</li>
<li>Email: accounts.au@thermogard.com</li>
</ul>
<p> </p>
</td>
<td class="sales">
<h3 class="acount-head">SALES</h3>
<p style="text-align: start;margin-top: 10px;">Contact sales team at:</p>
<ul>
<li>Ph: 1800 334 335</li>
<li style="word-break: break-word;">Email: sales.au@thermogard.com</li>
<li>Visit us online at:<br />
https://www.test-thermogard-au.ml/</li>
</ul>
<p> </p>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div style="text-align: center; width: 720px;"><span
style="font-family: Open Sans, Verdana, Arial, Helvetica, sans-serif; font-size: 12px;">Thank you for
your business!</span></div>
</body>
</html>
</div>