Custom order confirmation email template

JIRA CODE: BP-33

This is a custom order confirmation email template to customer created for Bastion Pacific.

<head><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@600&display=swap" rel="stylesheet"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@600;700&display=swap" rel="stylesheet"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap" rel="stylesheet"><meta name="viewport" content="width=device-width, initial-scale=1"></head><html><body style="margin:auto;font-family: 'Open Sans', sans-serif;margin-top:50px;margin-bottom:50px;">
<div style="margin:auto;width:700px">
<div style="text-align:center;"><img src="https://4030603-sb1.secure.netsuite.com/c.4030603_SB1/SSP%20Applications/NetSuite%20Inc.%20-%20SCA%202020.2.0/Development/img/Orderconfirm%20logo.png" /></div>

<div class="main-heading" style="text-align:center; font-weight:600;font-size:25px;color:#000;padding-top:15px;font-family: 'Open Sans', sans-serif;padding-bottom:20px;">Sales Order details from Bastion pacific</div>
&nbsp;

<div class="sub-heading" style="text-align:left;font-size:14px;color:#000;padding-top:15px;font-family: 'Open Sans', sans-serif;"><span style="font-weight:600;line-height:2;">Dear ${transaction.entityname}, </span><br />
Thank you for purchasing from Bastion Pacific. We have reviewed your order and have calculated the shipping cost for the order placed. Please find the below order details.</div>
</div>

<div style="width:700px;margin:auto;padding:10px;">&nbsp;</div>

<div style="width:700px;margin:auto;text-align:left;font-size:14px;line-height:1.5;color:#7d7d7d;font-weight:700;font-family: 'Open Sans', sans-serif;">
<div><span style="font-weight:700;color:#000;">Sales Order No : </span>${transaction.tranId}</div>

<div><span style="font-weight:700;color:#000;font-size:14px;">Customer Po : </span><#if transaction.otherrefnum?has_content>${transaction.otherrefnum}<#else>NA</#if></div>

<div><span style="font-weight:700;color:#000;font-size:14px;">Date :&nbsp;</span>${transaction.trandate}</div>
</div>
&nbsp;

<table align="center" border="0" cellpadding="0" cellspacing="0" style="width: 700px;border-spacing:13px;width:725px;font-size:14px;">
<tbody>
	<tr>
	<td><span style="font-weight:600;font-size:14px;width:50%;font-family: 'Open Sans', sans-serif;color:#000000;">Shipping Details : &nbsp;</span></td>
	<td><span style="font-weight:600;font-size:14px;width:50%;font-family: 'Open Sans', sans-serif;color:#000000;">Bill To :</span>&nbsp;</td>
	</tr>
	<tr>
	<td style="background-color: #F3F3F3;border-radius:3pt;padding:15px;width:50%;vertical-align:top;font-family: 'Open Sans', sans-serif;color:#000000;">
	<div><span style="font-weight:600;">Shipping Method - </span>${transaction.shipmethod}</div>
	<!-- <div><span style="font-weight:600;">Ship date - </span>${transaction.billaddress}</div> -->

	<div><span style="font-weight:600;">Sales Rep - </span>Test</div>
	</td>
	<td style="background-color: #F3F3F3;border-radius:3pt;padding:15px;width:50%;vertical-align:top;font-family: 'Open Sans', sans-serif;color:#000000;">${transaction.billaddress}<br />
	&nbsp;</td>
	</tr>
</tbody>
</table>

<table align="center" border="0" cellpadding="0" cellspacing="0" style="width: 700px;border-spacing:13px;width:725px;font-size:14px;">
<tbody>
	<tr>
	<td><span style="font-weight:600;font-size:14px;width:50%;font-family: 'Open Sans', sans-serif;color:#000000;">Ships To :</span>&nbsp;</td>
	<td style="width:50%;">&nbsp;</td>
	</tr>
	<tr>
	<td style="background-color: #F3F3F3;border-radius:3pt;padding:15px;width:50%;font-family: 'Open Sans', sans-serif;color:#000000;">${transaction.shipaddress}<br />
	&nbsp;</td>
	<td style="width:50%;">&nbsp;</td>
	</tr>
</tbody>
</table>
<#if transaction.item?has_content>

<table align="center" style="margin-top: 10px; border-collapse: collapse; border-left: 1px solid #babbbc;font-size:12px;border-right: 1px solid #babbbc;" width="700px">
<thead>
	<tr class="headings">
	<th style="padding: 12px 0px; color: #ffffff; background:#AFAFAF; width: 16%;text-align: center;font-family: 'Open Sans', sans-serif;font-weight:600;">Items</th>
	<th style="padding: 12px 0px; color: #ffffff; background: #AFAFAF; width: 16%;text-align: center;font-family: 'Open Sans', sans-serif;font-weight:600;">Description</th>
	<th style="padding: 12px 0px; color: #ffffff; background: #AFAFAF; width: 16%;text-align: center;font-family: 'Open Sans', sans-serif;font-weight:600;">Qty</th>
	<th style="padding: 12px 0px; color: #ffffff; background:#AFAFAF; width: 16%;text-align: center;font-family: 'Open Sans', sans-serif;font-weight:600;">Size/Color</th>
	<th style="padding: 12px 0px; color: #ffffff; background: #AFAFAF; width: 16%;text-align: center;font-family: 'Open Sans', sans-serif;font-weight:600;">Price</th>
	</tr>
</thead>
<tbody><#list transaction.item as tranline>
	<tr style=" border-top:1px solid #babbbc;border-bottom:1px solid #babbbc;align:right">
	<td align="center" style="padding: 10px; border-right: 1px solid #babbbc; text-align: center;font-weight:600;font-family: 'Open Sans', sans-serif;color:#000000;">${tranline.item}</td>
	<td align="center" style="padding: 10px; border-right: 1px solid #babbbc; text-align: center;font-weight:600;font-family: 'Open Sans', sans-serif;color:#000000;">${tranline.description}</td>
	<td align="center" style="padding: 10px; border-right: 1px solid #babbbc; text-align: center;font-weight:600;font-family: 'Open Sans', sans-serif;color:#000000;">${tranline.quantity}</td>
	<td align="center" style="padding: 10px; border-right: 1px solid #babbbc; text-align: center;font-weight:600;font-family: 'Open Sans', sans-serif;color:#000000;">${tranline.options}</td>
	<td align="center" style="padding: 10px; text-align: center;font-weight:600;color:#E70B0B;font-family: 'Open Sans', sans-serif;">${tranline.amount}</td>
	</tr>
	</#list>
</tbody>
</table>
</#if>

<div style="margin:auto;width:700px;">
<table align="right" style="margin-top: 20px; border-collapse: collapse; border-left: 1px solid #eee;font-size:14px;border-right: 1px solid #eee;" width="700px"><#if transaction.item?has_content><#assign noItems = 0><#list transaction.item as tranline><#assign noItems = noItems + 1></#list><#else><#assign noItems = 0></#if>
<thead>
	<tr class="headings">
	<th colspan="2" style="padding: 12px 0px; color: #000000; background:#F3F3F3;font-size:16px;font-weight:700;text-align:center;">Summary</th>
	</tr>
</thead>
<tbody>
	<tr style=" border-top:1px solid #eee;align:right;line-height:1;">
	<td align="center" style="padding: 10px; text-align: left;color:#7D7D7D;font-weight:600;width:50%;padding-left:30px;padding-top:20px;font-family: 'Open Sans', sans-serif;"><#if noItems == 1>Subtotal <span style="color:#000000;">${noItems} Item </span><#else>Subtotal <span style="color:#000000;">${noItems} Items </span></#if></td>
	<td align="center" style="padding: 10px; text-align: right;color:#7D7D7D;font-weight:600;width:50%;padding-right:30px;padding-top:20px;font-family: 'Open Sans', sans-serif;">${transaction.subtotal}</td>
	</tr>
	<tr style=" align:right">
	<td align="center" style="padding: 10px; text-align: left;color:#7D7D7D;font-weight:600;width:50%;padding-left:30px;font-family: 'Open Sans', sans-serif;">Tax total</td>
	<td align="center" style="padding: 10px; text-align: right;color:#7D7D7D;font-weight:600;width:50%;padding-right:30px;font-family: 'Open Sans', sans-serif;">${transaction.taxtotal}</td>
	</tr>
	<tr style=" align:right">
	<td align="center" style="padding: 10px; text-align:left;color:#7D7D7D;font-weight:600;width:50%;padding-left:30px;font-family: 'Open Sans', sans-serif;">Shipping</td>
	<td align="center" style="padding: 10px; text-align: right;color:#7D7D7D;font-weight:600;width:50%;padding-right:30px;font-family: 'Open Sans', sans-serif;">${transaction.shippingcost}</td>
	</tr>
	<tr style="border-bottom:1px solid #F3F3F3;align:right;line-height:1;">
	<td align="center" style="padding: 10px; text-align: left;color:#000000;font-weight:600;width:50%;padding-left:30px;font-family: 'Open Sans', sans-serif;">Total</td>
	<td align="center" style="padding: 10px; text-align:right;color:#000000;font-weight:600;width:50%;padding-right:30px;padding-bottom:20px;font-family: 'Open Sans', sans-serif;">${transaction.total}</td>
	</tr>
</tbody>
</table>
</div>
&nbsp;

<div style="margin:auto;width:700px;">
<table align="center" style="border-collapse: collapse;width:700px;text-align:center;margin-bottom:15px;">
<tbody>
	<tr style="height:20px;">
	<td>&nbsp;</td>
	</tr>
	<tr>
	<td style="font-size:18px;color:#000000;font-weight:600;margin-top:20px;font-family: 'Open Sans', sans-serif;">Thank you for shopping with us !</td>
	</tr>
</tbody>
</table>
</div>

<div style="width:700px;margin:auto;">
<div style="text-align:center;font-style: italic;font-size:12px;color:#7D7D7D;font-family: 'Open Sans', sans-serif;">Please let us know if you would like to proceed with this order not.</div>

<div class="btn-main" style="text-align:center;padding-top:15px;font-family: 'Open Sans', sans-serif;"><a class="btn" href="https://4030603-sb1.extforms.netsuite.com/app/site/hosting/scriptlet.nl?script=1169&amp;deploy=1&amp;compid=4030603_SB1&amp;h=c0a8bbd8ad6648ffbdc7&amp;actionType=APPROVE&amp;recId=${transaction.id}&amp;cusName=${transaction.entityname}" style="padding:3px 25px;color:#ffffff;font-size:16px;width:198px;height:39px;border-radius:6px;outline:none;border:none;text-decoration:none;background-color:#69E781;font-weight:600;">Approve</a> <a class="btn" href="https://4030603-sb1.extforms.netsuite.com/app/site/hosting/scriptlet.nl?script=1169&amp;deploy=1&amp;compid=4030603_SB1&amp;h=c0a8bbd8ad6648ffbdc7&amp;actionType=REJECT&amp;recId=${transaction.id}&amp;cusName=${transaction.entityname}" style="padding:3px 35px;color:#ffffff;font-size:16px;width:198px;height:39px;border-radius:6px;outline:none;border:none;text-decoration:none;background-color:#E41018;font-weight:600;margin-left:10px;">Reject</a></div>
</div>
</body></html>

Leave a comment

Your email address will not be published. Required fields are marked *