Step 8: Run the confirmation email body template

Learn how to run the confirmation email body template.

We updated the template for an OOTB (out of the box) order confirmation email to show the payment method from Digital River and digital product handling and Wire Transfer payment details.

Run the following confirmation email body template after updating the respective content catalog name and version. To do so, copy the contents of the confirmation_email.txt file (converted from *.ImpEx format) to the SAP Commerce HAC window to load and execute the file.

Confirmation email ImpEx

$contentCatalog=electronicsContentCatalog
$contentCV=catalogVersion(CatalogVersion.catalog(Catalog.id[default=$contentCatalog]),CatalogVersion.version[default=Online])[default=$contentCatalog:Online]
$lang=en

INSERT_UPDATE CMSParagraphComponent;$contentCV[unique=true];uid[unique=true];content[lang=$lang]
;;OrderConfirmationEmailBody;"
#macro( genHtmlBoldFont $text )
<font color='#414a4f' size='2' face='Arial, Helvetica, sans-serif'><b>$text</b></font>
#end
#macro(genHtmlLinkStartTag $url)
<a href='$url'><font color='#666666'>
#end
#macro(genHtmlLinkEndTag)
</font></a>
#end
#macro(genHtmlLink $url $bodyContent)
<a href='$url'><font color='#666666'>$bodyContent</font></a>
#end
#macro(displayNegationForDiscount $priceData)
	#if (${priceData.value} > 0)
    -
	#end
	${priceData.formattedValue}
#end
<p><font color='#666666' size='2' face='Arial, Helvetica, sans-serif'><b>${ctx.messages.getMessage('salutation', ${ctx.title},${ctx.displayName})}</b>,</font></p>

<p><font color='#666666' size='2' face='Arial, Helvetica, sans-serif'>${ctx.messages.getMessage('thankYouForOrder', &#34;&#35;genHtmlLinkStartTag($orderInfoUrl)&#34;, &#34;&#35;genHtmlBoldFont(${ctx.order.code})&#34;, &#34;&#35;genHtmlLinkEndTag()&#34;, &#34;&#35;genHtmlBoldFont(${ctx.order.totalPriceWithTax.formattedValue})&#34;)}</font></p>

#if(${ctx.coupons.size()} > 0 )
    <br/>
    <table width='100%' border='0' align='center' cellpadding='0' cellspacing='0' style='border:1px solid #51585c'>
        <tr>
            <td style='color:#000000; font-family: Helvetica,sans-serif; font-size: 13px; padding-top: 5px; padding-left:15px; padding-right:15px; padding-bottom: 2px;' align='center'>
				#if(${ctx.coupons.size()} == 1 )
                	${ctx.messages.getMessage('getGiftCoupon')}
				#else
					${ctx.messages.getMessage('getGiftCoupons')}
				#end
            </td>
        </tr>
		#foreach( $coupon in ${ctx.coupons} )
			<tr>
				<td style='color:#000000; font-family: Helvetica,sans-serif; font-size: 13px; padding-left:15px;padding-right:15px; padding-bottom: 2px;' align='center'>
					<b>${coupon.name}<b>
				</td>
			</tr>
			<tr>
				<td style='color:#000000; font-family: Helvetica,sans-serif; font-size: 13px; padding-left:15px;padding-right:15px; padding-bottom: 5px;' align='center'>
					${ctx.messages.getMessage('giftCouponCode', ${coupon.couponCode})}
				</td>
			</tr>
			#if(${coupon.startDate} && !${coupon.endDate})
			#set ($formattedCouponStartDate = $ctx.dateTool.format('MM/dd/yy', $coupon.startDate))
			<tr>
				<td style='color:#000000; font-family: Helvetica,sans-serif; font-size: 13px; padding-left:15px;padding-right:15px; padding-bottom: 5px;' align='center'>
					${ctx.messages.getMessage('giftCouponValidFrom', ${formattedCouponStartDate})}
				</td>
			</tr>
			#end
			#if(!${coupon.startDate} && ${coupon.endDate})
			#set ($formattedCouponEndDate = $ctx.dateTool.format('MM/dd/yy', $coupon.endDate))
			<tr>
				<td style='color:#000000; font-family: Helvetica,sans-serif; font-size: 13px; padding-left:15px;padding-right:15px; padding-bottom: 5px;' align='center'>
					${ctx.messages.getMessage('giftCouponValidUntil', ${formattedCouponEndDate})}
				</td>
			</tr>
			#end
			#if(${coupon.startDate} && ${coupon.endDate})
			#set ($formattedCouponStartDate = $ctx.dateTool.format('MM/dd/yy', $coupon.startDate))
			#set ($formattedCouponEndDate = $ctx.dateTool.format('MM/dd/yy', $coupon.endDate))
			<tr>
				<td style='color:#000000; font-family: Helvetica,sans-serif; font-size: 13px; padding-left:15px;padding-right:15px; padding-bottom: 5px;' align='center'>
					${ctx.messages.getMessage('giftCouponValidRange', ${formattedCouponStartDate}, ${formattedCouponEndDate})}
				</td>
			</tr>
			#end
		#end
    </table>
    <br/>
#end

<br/>
	#if(${ctx.order.pickupItemsQuantity} > 0)
	<table width='100%' border='0' align='center' cellpadding='0' cellspacing='0' bordercolor='#51585c' style='border: 1px solid #51585c;'>
		<tr>
			<td>
				<p style='padding: 5px; margin: 0'><font color='#bc0000' size='2' face='Arial, Helvetica, sans-serif'>${ctx.messages.getMessage('pickUpWarning')}</font></p>
			</td>
		</tr>
	</table>
	<br/>
	#end
<table width='100%' border='0' align='center' cellpadding='0' cellspacing='0' bordercolor='#51585c' class='products' style='border: 1px solid #51585c;'>
	<tr>
		<td>
			<table>
				<tr>
					<td width='33%' valign='top' rowspan='2'>
						<font color='#333' size='2' face='Arial, Helvetica, sans-serif'><b>${ctx.messages.deliveryAddress}</b></font>
						#if(${ctx.order.deliveryItemsQuantity} > 0 && $!{ctx.order.deliveryAddress})
							<p style='margin:3px 0'>
								<font color='#666666' size='2' face='Arial, Helvetica, sans-serif'>
									$!{ctx.order.deliveryAddress.title} ${ctx.order.deliveryAddress.firstName} ${ctx.order.deliveryAddress.lastName}<br/>
									${ctx.order.deliveryAddress.line1}<br/>
									#if($ctx.order.deliveryAddress.line2.line2 && $ctx.order.deliveryAddress.line2 != '')${ctx.order.deliveryAddress.line2}<br/>#end
									${ctx.order.deliveryAddress.town}<br/>
									${ctx.order.deliveryAddress.postalCode}<br/>
									${ctx.order.deliveryAddress.country.name}
								</font>
							</p>
						#else
							<p style='margin:3px 0'><font color='#666666' size='2' face='Arial, Helvetica, sans-serif'>${ctx.messages.noDelivery}</font></p>
						#end
					</td>
					<td width='34%' valign='top'>
						<font color='#333' size='2' face='Arial, Helvetica, sans-serif'><b>${ctx.messages.deliveryOptions}</b></font>
						#if(${ctx.order.deliveryItemsQuantity} > 0 && $!{ctx.order.deliveryMode})
							<p style='margin:3px 0'><font color='#666666' size='2' face='Arial, Helvetica, sans-serif'>${ctx.order.deliveryMode.name}</font></p>

							<p style='margin:3px 0'><font color='#666666' size='2' face='Arial, Helvetica, sans-serif'>${ctx.messages.getMessage('deliveryETA', ${ctx.order.deliveryMode.description})}</font></p>
						#else
							<p style='margin:3px 0'><font color='#666666' size='2' face='Arial, Helvetica, sans-serif'>${ctx.messages.noDelivery}</font></p>
						#end
					</td>
					<td width='33%' valign='top'>
						<font color='#333' size='2' face='Arial, Helvetica, sans-serif'><b>${ctx.messages.paymentDetails}</b></font>
						#if(${ctx.order.paymentInfo})
							<p style='margin:3px 0 5px 0;'><font color='#666666' size='2' face='Arial, Helvetica, sans-serif'>${ctx.messages.getMessage('paymentCardType', ${ctx.order.paymentInfo.cardType})}</font></p>
						#end
						#if(${ctx.order.drpaymentInfo})
							<p style='margin:3px 0 5px 0;'><font color='#666666' size='2' face='Arial, Helvetica, sans-serif'  style='text-transform:uppercase;'>${ctx.order.drpaymentInfo.drSourceType}</font></p>
						#end
					</td>
				</tr>
				<tr>
					<td width='34%' valign='top'>
						<p style='margin:10px 0 5px 0;'>
							<font color='#333' size='2' face='Arial, Helvetica, sans-serif'>
								#if(${ctx.order.pickupItemsQuantity} > 0)
									<b>${ctx.messages.pickupInStore}</b>
								#end
							</font>
						</p>

						<p style='margin:3px 0'>
							<font color='#666666' size='2' face='Arial, Helvetica, sans-serif'>${ctx.messages.getMessage('pickupItems', ${ctx.order.pickupItemsQuantity})}</font><br/>
							#set($numGrps = $ctx.order.pickupOrderGroups.size())
							<font color='#666666' size='2' face='Arial, Helvetica, sans-serif'>${ctx.messages.getMessage('pickupPoints', $numGrps)}</font><br/>
						</p>
					</td>
					<td width='33%' valign='top'>
						#if(${ctx.order.paymentInfo})
							<p style='margin:10px 0 0 0'><font color='#333' size='2' face='Arial, Helvetica, sans-serif'><b>${ctx.messages.billingAddress}</b></font></p>

							<p style='margin:2px 0 0 0'><font color='#666666' size='2' face='Arial, Helvetica, sans-serif'>
								${ctx.order.paymentInfo.billingAddress.firstName} ${ctx.order.paymentInfo.billingAddress.lastName}<br/>
								${ctx.order.paymentInfo.billingAddress.line1} <br/>
								#if($ctx.order.paymentInfo.billingAddress.line2 && $ctx.order.paymentInfo.billingAddress.line2 != '') ${ctx.order.paymentInfo.billingAddress.line2}<br/>#end
								${ctx.order.paymentInfo.billingAddress.town}<br/>
								${ctx.order.paymentInfo.billingAddress.postalCode}<br/>
								${ctx.order.paymentInfo.billingAddress.country.name}
							</font></p>
						#end
					</td>
				</tr>
			</table>
		</td>
	</tr>
</table>
<br/>

#if(${ctx.order.drWireTransfer})
<table width='100%' border='0' align='center' cellpadding='0' cellspacing='0' bordercolor='#51585c' class='products' style='border: 1px solid #51585c;'>
	<tr>
		<td>
			<table>
				<tr>
					<td width='100%' colspan='4' height='30' align='left' bgcolor='#000000'><font color='#FFFFFF' size='2' face='Arial, Helvetica, sans-serif' style='padding-left:5px'><b style='text-transform:uppercase;'>WireTransfer</b></font></td>
					</td>
				</tr>
				<tr>
					<td width='17%' height='20px'><font color='#333' size='2' face='Arial, Helvetica, sans-serif'><b>${ctx.messages.accountholder}</b></font></td>
					<td width='17%' height='20px'><font color='#333' size='2' face='Arial, Helvetica, sans-serif'><b>${ctx.order.drWireTransfer.accountHolder}</b></font></td>
				</tr>
				<tr>
					<td width='17%' height='40px'><font color='#333' size='2' face='Arial, Helvetica, sans-serif'><b>${ctx.messages.bankName}</b></font></td>
					<td width='17%' height='40px'><font color='#333' size='2' face='Arial, Helvetica, sans-serif'><b>${ctx.order.drWireTransfer.bankName}</b></font></td>
				</tr>
				<tr>
					<td width='17%' height='20px'><font color='#333' size='2' face='Arial, Helvetica, sans-serif'><b>${ctx.messages.accountNumber}</b></font></td>
					<td width='17%' height='40px'><font color='#333' size='2' face='Arial, Helvetica, sans-serif'><b>${ctx.order.drWireTransfer.accountNumber}</b></font></td>
				</tr>
				<tr>
					<td width='17%' height='40px'><font color='#333' size='2' face='Arial, Helvetica, sans-serif'><b>${ctx.messages.referenceId} </b></font></td>
					<td width='17%' height='40px'><font color='#333' size='2' face='Arial, Helvetica, sans-serif'><b>${ctx.order.drWireTransfer.referenceId}</b></font></td>
				</tr>
				<tr>
					<td width='17%' height='40px'><font color='#333' size='2' face='Arial, Helvetica, sans-serif'><b>${ctx.messages.swiftCode} </b></font></td>
					<td width='17%' height='20px'><font color='#333' size='2' face='Arial, Helvetica, sans-serif'><b>${ctx.order.drWireTransfer.swiftCode}</b></font></td>
				</tr>
				
				<tr>
					<td width='17%' height='40px'><font color='#333' size='2' face='Arial, Helvetica, sans-serif'><b>${ctx.messages.city} </b></font></td>
					<td width='17%' height='40px'><font color='#333' size='2' face='Arial, Helvetica, sans-serif'><b>${ctx.order.drWireTransfer.city}</b></font></td>
				</tr>
		</table>
	</tr>
</table>
<br/>
#end

	#if ($ctx.order.deliveryOrderGroups.size() > 0)
	<table width='100%' border='0' align='center' cellpadding='0' cellspacing='0' bordercolor='#51585c' class='products' style='border: 1px solid #51585c;'>
		<tr>
			<td>
				#foreach( $orderGroup in ${ctx.order.deliveryOrderGroups} )
					<table width='100%' cellpadding='0' cellspacing='0'>
						<tr>
							<td width='100%' colspan='4' height='30' align='left' bgcolor='#000000'><font color='#FFFFFF' size='2' face='Arial, Helvetica, sans-serif' style='padding-left:5px'><b style='text-transform:uppercase;'>${ctx.messages.yourDeliveryItems}</b></font></td>
						</tr>
						<tr>
							<td width='50%'><font color='#333' size='2' face='Arial, Helvetica, sans-serif'><b>&nbsp;</b></font></td>
							<td width='17%' height='40px'><font color='#333' size='2' face='Arial, Helvetica, sans-serif'><b>${ctx.messages.quantity}</b></font></td>
							<td width='17%' height='40px'><font color='#333' size='2' face='Arial, Helvetica, sans-serif'><b>${ctx.messages.itemPrice}</b></font></td>
							<td width='16%' height='40px'><font color='#333' size='2' face='Arial, Helvetica, sans-serif'><b>${ctx.messages.total}</b></font></td>
						</tr>
						#foreach( $entry in ${orderGroup.entries} )
							<tr>
								<td>
									<table width='100%' border='0' cellpadding='0' cellspacing='0'>
										<tr>
											<td valign='top' width='110px' style='width:110px;padding-left:10px;padding-right:10px'>
												<a href='${ctx.baseUrl}$entry.product.url' style='text-decoration:none'>
													#foreach($image in $entry.product.images) #if($image.imageType == 'PRIMARY' && $image.format == 'thumbnail' )
														<img src='${ctx.mediaBaseUrl}$image.url' alt='' title='$entry.product.name'/>
													#end #end
												</a>
												&nbsp;
											</td>
											<td valign='top'>
												<p style='margin:3px 0'><font color='#666666' size='2' face='Arial, Helvetica, sans-serif'>
													<a href='${ctx.baseUrl}$entry.product.url'><font color='#666666'><b>$entry.product.name</b></font></a>
												</p>
												#if (!$entry.product.baseOptions.isEmpty())
													#foreach ($option in $entry.product.baseOptions)
														#if ($option.selected && ($option.selected.url == $entry.product.url))
															<table width='100%' cellpadding='0' cellspacing='0'>
																#foreach ($selectedOption in $option.selected.variantOptionQualifiers)
																	<tr>
																		<td width='30%' valign='top'><p style='margin:3px 0'><font color='#666666' size='2' face='Arial, Helvetica, sans-serif'>$selectedOption.name:</font></p></td>
																		<td width='70%' valign='top'><p style='margin:3px 0'><font color='#666666' size='2' face='Arial, Helvetica, sans-serif'>$selectedOption.value</font></p></td>
																	</tr>
																#end
															</table>
														#end
													#end
												#end
												#if (!$ctx.order.appliedProductPromotions.isEmpty())
													#foreach( $promotion in $ctx.order.appliedProductPromotions)
														#set ($displayed = false)
														#foreach ($consumedEntry in $promotion.consumedEntries)
															#if (!$displayed && ($consumedEntry.orderEntryNumber == $entry.entryNumber))
																#set ($displayed = true)
																<p style='margin:3px 0'><font color='#414a4f' size='2' face='Arial, Helvetica, sans-serif'><b>${promotion.description}</b></font></p>
															#end
														#end
													#end
												#end
											</td>
										</tr>
									</table>
								</td>
								<td valign='top'><p style='margin:3px 0 3px 20px'><font color='#666666' size='2' face='Arial, Helvetica, sans-serif'>$entry.quantity</font></p></td>
								<td valign='top'><p style='margin:3px 0'><font color='#666666' size='2' face='Arial, Helvetica, sans-serif'>$entry.basePrice.formattedValue</font></p></td>
								<td valign='top'><p style='margin:3px 0'><font color='#414a4f' size='3' face='Arial, Helvetica, sans-serif'><b>#if($entry.totalPrice.value > 0) $entry.totalPrice.formattedValue #else ${ctx.messages.free} #end</b></font></p></td>
							</tr>
						#end
					</table>
				#end
			</td>
		</tr>
	</table>
	#end
	#if ($ctx.order.pickupOrderGroups.size() > 0)
	<br/>
	<table width='100%' border='0' align='center' cellpadding='0' cellspacing='0' class='products'>
		<tr>
			<td>
				#foreach( $orderGroup in ${ctx.order.pickupOrderGroups} )
					#set ($location = ${orderGroup.entries.get(0).deliveryPointOfService})

					<table width='100%' cellpadding='0' cellspacing='0' style='border: 1px solid #51585c;'>
						<tr>
							<td width='100%' colspan='4' height='30' align='left' bgcolor='#000000' style='padding-left:5px'><font color='#FFFFFF' size='2' face='Arial, Helvetica, sans-serif'><b style='text-transform:uppercase;'>
								${ctx.messages.pickupFrom}</b> - ${location.name}, ${location.address.line1}
								#if( ${location.address.line2} )${location.address.line2}#end, ${location.address.town}</font>
							</td>
						</tr>
						<tr>
							<td width='50%'><font color='#333' size='2' face='Arial, Helvetica, sans-serif'><b>&nbsp;</b></font></td>
							<td width='17%' height='40px'><font color='#333' size='2' face='Arial, Helvetica, sans-serif'><b>${ctx.messages.quantity}</b></font></td>
							<td width='17%' height='40px'><font color='#333' size='2' face='Arial, Helvetica, sans-serif'><b>${ctx.messages.itemPrice}</b></font></td>
							<td width='16%' height='40px'><font color='#333' size='2' face='Arial, Helvetica, sans-serif'><b>${ctx.messages.total}</b></font></td>
						</tr>
						#foreach( $entry in ${orderGroup.entries} )
							<tr>
								<td>
									<table width='100%' border='0' cellpadding='0' cellspacing='0'>
										<tr>
											<td valign='top' width='110px' style='width:110px;padding-left:10px;padding-right:10px;padding-bottom:5px'>
												<a href='${ctx.baseUrl}$entry.product.url' style='text-decoration:none'>
													#foreach($image in $entry.product.images) #if($image.imageType == 'PRIMARY' && $image.format == 'thumbnail' )
														<img src='${ctx.mediaBaseUrl}$image.url' alt='' title='$entry.product.name'/>
													#end #end
												</a>
												&nbsp;
											</td>
											<td valign='top'>
												<p style='margin:3px 0'><font color='#666666' size='2' face='Arial, Helvetica, sans-serif'>
													<a href='${ctx.baseUrl}$entry.product.url'><font color='#666666'><b>$entry.product.name</b></font></a>
												</p>
												#if (!$entry.product.baseOptions.isEmpty())
													#foreach ($option in $entry.product.baseOptions)
														#if ($option.selected && ($option.selected.url == $entry.product.url))
															<table width='100%' cellpadding='0' cellspacing='0'>
																#foreach ($selectedOption in $option.selected.variantOptionQualifiers)
																	<tr>
																		<td width='30%' valign='top'><p style='margin:3px 0'><font color='#666666' size='2' face='Arial, Helvetica, sans-serif'>$selectedOption.name:</font></p></td>
																		<td width='70%' valign='top'><p style='margin:3px 0'><font color='#666666' size='2' face='Arial, Helvetica, sans-serif'>$selectedOption.value</font></p></td>
																	</tr>
																#end
															</table>
														#end
													#end
												#end
												#if (!$ctx.order.appliedProductPromotions.isEmpty())
													#foreach( $promotion in $ctx.order.appliedProductPromotions)
														#set ($displayed = false)
														#foreach ($consumedEntry in $promotion.consumedEntries)
															#if (!$displayed && ($consumedEntry.orderEntryNumber == $entry.entryNumber))
																#set ($displayed = true)
																<p style='margin:3px 0'><font color='#414a4f' size='2' face='Arial, Helvetica, sans-serif'><b>${promotion.description}</b></font></p>
															#end
														#end
													#end
												#end
											</td>
										</tr>
									</table>
								</td>
								<td valign='top'><p style='margin:3px 0'><font color='#666666' size='2' face='Arial, Helvetica, sans-serif'>$entry.quantity</font></p></td>
								<td valign='top'><p style='margin:3px 0'><font color='#666666' size='2' face='Arial, Helvetica, sans-serif'>$entry.basePrice.formattedValue</font></p></td>
								<td valign='top'><p style='margin:3px 0'><font color='#414a4f' size='3' face='Arial, Helvetica, sans-serif'><b>#if($entry.totalPrice.value > 0) $entry.totalPrice.formattedValue #else ${ctx.messages.free} #end</b></font></p></td>
							</tr>
							<tr>
								<td colspan='4'></td>
							</tr>
						#end
					</table>
					<br/>
				#end
			</td>
		</tr>
	</table>
	#end
<br/>
<table width='100%' border='0' align='center' cellpadding='0' cellspacing='0' bordercolor='#51585c' class='products' style='border: 1px solid #51585c;'>
	<tr>
		<td valign='top'>
			<table width='100%'>
				<tr>
					<td width='30%'>&nbsp;</td>
					<td width='20%'>&nbsp;</td>
					<td width='50%'><font color='#333' size='2' face='Arial, Helvetica, sans-serif'><b>${ctx.messages.orderTotals}</b></font></td>
				</tr>
				<tr>
					<td valign='top'>
						&nbsp;
					</td>
					<td>&nbsp;</td>
					<td valign='top'>
						<table width='100%' cellpadding='0' cellspacing='0'>
							<tr>
								<td valign='top' width='45%'><p style='margin: 0'><font color='#666666' size='2' face='Arial, Helvetica, sans-serif'><b>${ctx.messages.subtotal}:</b></font></p></td>
								<td valign='top' width='10%'>&nbsp;</td>
								<td valign='top' width='45%'><p style='margin: 0'><font color='#666666' size='2' face='Arial, Helvetica, sans-serif'><b>${ctx.order.subTotal.formattedValue}</b></font></p></td>
							</tr>
                            <tr>
                                <td valign='top'><p style='margin: 0'><font color='#414a4f' size='2' face='Arial, Helvetica, sans-serif'><b>${ctx.messages.orderDiscounts}:</b></font></p></td>
                                <td valign='top'>&nbsp;</td>
                                <td valign='top'><p style='margin: 0'><font color='#414a4f' size='2' face='Arial, Helvetica, sans-serif'><b>#displayNegationForDiscount($ctx.order.totalDiscounts)</b></font></p></td>
                            </tr>
							#if (${ctx.order.quoteDiscounts.value} > 0)
                                <tr>
                                    <td valign='top'><p style='margin: 0'><font color='#414a4f' size='2' face='Arial, Helvetica, sans-serif'><b>${ctx.messages.quoteDiscounts}:</b></font></p></td>
                                    <td valign='top'>&nbsp;</td>
                                    <td valign='top'><p style='margin: 0'><font color='#414a4f' size='2' face='Arial, Helvetica, sans-serif'><b>- ${ctx.order.quoteDiscounts.formattedValue}</b></font></p></td>
                                </tr>
							#end
							<tr>
								<td valign='top'><p style='margin: 0 0 0px 0'><font color='#666666' size='2' face='Arial, Helvetica, sans-serif'><b>${ctx.messages.delivery}:</b></font></p></td>
								<td valign='top'>&nbsp;</td>
								<td valign='top'><p style='margin: 0 0 0px 0'><font color='#666666' size='2' face='Arial, Helvetica, sans-serif'><b>#if($!{ctx.order.deliveryCost} && ${ctx.order.deliveryCost.value} > 0) ${ctx.order.deliveryCost.formattedValue} #else ${ctx.messages.free} #end</b></font></p></td>
							</tr>
							#if($!{ctx.order.totalFees} && ${ctx.order.totalFees.value} > 0) 
                                <tr>
                                    <td valign='top'><p style='margin: 0'><font color='#414a4f' size='2' face='Arial, Helvetica, sans-serif'><b>Fee:</b></font></p></td>
                                    <td valign='top'>&nbsp;</td>
                                    <td valign='top'><p style='margin: 0'><font color='#414a4f' size='2' face='Arial, Helvetica, sans-serif'><b> ${ctx.order.totalFees.formattedValue}</b></font></p></td>
								</tr>
								#foreach( $entry in ${ctx.order.drFeesData} )
									<tr>
									 <td valign='top'><p style='margin: 0'><font color='#414a4f' size='2' face='Arial, Helvetica, sans-serif'>&nbsp;&nbsp;${entry.skuName}</font></p></td>
									 <td valign='top'>
									 #foreach( $rfTypes in ${entry.rfTypes} )
										<tr>
										 <td valign='top'><p style='margin: 0'><font color='#414a4f' size='2' face='Arial, Helvetica, sans-serif'>&nbsp;&nbsp;&nbsp;&nbsp;${rfTypes.typeName}</font></p></td>
										 <td valign='top'><p style='margin: 0'>${rfTypes.rfTypeAmount.formattedValue} </p></td>
										</tr>
									 #end
									 </td>
									</tr>
								#end
							#end
							#if($!{ctx.order.totalDuty} && ${ctx.order.totalDuty.value} > 0) 							
                             <tr>
								<td valign='top' width='45%'><p style='margin: 0'><font color='#666666' size='2' face='Arial, Helvetica, sans-serif'><b>Duty:</b></font></p></td>
								<td valign='top' width='10%'>&nbsp;</td>
								<td valign='top' width='45%'><p style='margin: 0'><font color='#666666' size='2' face='Arial, Helvetica, sans-serif'><b> ${ctx.order.totalDuty.formattedValue}</b></font></p></td>
							</tr>
							#end
							#if($!{ctx.order.iorTax} && ${ctx.order.iorTax.value} > 0) 	
							 <tr>
								<td valign='top' width='45%'><p style='margin: 0'><font color='#666666' size='2' face='Arial, Helvetica, sans-serif'><b>IOR Tax:</b></font></p></td>
								<td valign='top' width='10%'>&nbsp;</td>
								<td valign='top' width='45%'><p style='margin: 0'><font color='#666666' size='2' face='Arial, Helvetica, sans-serif'><b> ${ctx.order.iorTax.formattedValue}</b></font></p></td>
							</tr>
							#end
							<tr>
								<td valign='top'><p><font color='#333' size='2' face='Arial, Helvetica, sans-serif'><b>${ctx.messages.total}:</b></font></p></td>
								<td valign='top'>&nbsp;</td>
								<td valign='top'><p><font color='#333' size='3' face='Arial, Helvetica, sans-serif'><b>${ctx.order.totalPriceWithTax.formattedValue}</b></font></p></td>
							</tr>
						</table>
						<p><font color='#666666' size='2' face='Arial, Helvetica, sans-serif'>${ctx.messages.getMessage('includesTax', ${ctx.order.totalTax.formattedValue})}</font></p>
					</td>
				</tr>
			</table>
		</td>
	</tr>
</table>
	#set ($mailToUrl = 'mailto:${ctx.messages.contactUsEmailAddress}')
	#if(${ctx.baseSite.Uid} == 'electronics')
		#set ( $paragraphContactUs = ${ctx.messages.getMessage('paragraphContactUs_electronics', &#34;&#35;genHtmlLinkStartTag(${ctx.messages.contactUsPage})&#34;, &#34;&#35;genHtmlLinkEndTag()&#34;, &#34;&#35;genHtmlLink($mailToUrl ${ctx.messages.contactUsEmailAddress})&#34;)} )
	#else
		#set ($faqPage = '${ctx.baseUrl}/faq')
		#set ( $paragraphContactUs = ${ctx.messages.getMessage('paragraphContactUs', &#34;&#35;genHtmlLinkStartTag($faqPage)&#34;, &#34;&#35;genHtmlLinkEndTag()&#34;, &#34;&#35;genHtmlLinkStartTag(${ctx.messages.contactUsPage})&#34;, &#34;&#35;genHtmlLinkEndTag()&#34;, &#34;&#35;genHtmlLink($mailToUrl ${ctx.messages.contactUsEmailAddress})&#34;)} )
	#end
	#if (! $ctx.order.guestCustomer )
	<p><font color='#666666' size='2' face='Arial, Helvetica, sans-serif'>${ctx.messages.getMessage('paragraphAccountLocation', &#34;&#35;genHtmlLinkStartTag($accountUrl)&#34;, &#34;&#35;genHtmlLinkEndTag()&#34;)}</font></p>
	#end
<p><font color='#666666' size='2' face='Arial, Helvetica, sans-serif'>${ctx.messages.paragraphCreateAccount}</font></p>

<p><font color='#666666' size='2' face='Arial, Helvetica, sans-serif'>${ctx.messages.getMessage('paragraphDeliveryInfo', &#34;&#35;genHtmlLinkStartTag($orderInfoUrl)&#34;, &#34;&#35;genHtmlLinkEndTag()&#34;)}</font></p>

<p><font color='#666666' size='2' face='Arial, Helvetica, sans-serif'>$paragraphContactUs</font></p>

<p><font color='#666666' size='2' face='Arial, Helvetica, sans-serif'>${ctx.messages.complimentaryClosing}</font></p>

<p><font color='#666666' size='2' face='Arial, Helvetica, sans-serif'>${ctx.messages.signature}</font></p>"

PreviousStep 7: Enable support for digital products NextStep 9: Set up Wire Transfer

Last updated 3 years ago

$contentCatalog=electronicsContentCatalog $contentCV=catalogVersion(CatalogVersion.catalog(Catalog.id[default=$contentCatalog]),CatalogVersion.version[default=Online])[default=$contentCatalog:Online] $lang=en INSERT_UPDATE CMSParagraphComponent;$contentCV[unique=true];uid[unique=true];content[lang=$lang] ;;OrderConfirmationEmailBody;" #macro( genHtmlBoldFont $text ) $text #end #macro(genHtmlLinkStartTag $url) <a href='$url'> #end #macro(genHtmlLinkEndTag) </a> #end #macro(genHtmlLink $url $bodyContent) <a href='$url'>$bodyContent</a> #end #macro(displayNegationForDiscount $priceData) #if (${priceData.value} > 0) - #end ${priceData.formattedValue} #end ${ctx.messages.getMessage('salutation', ${ctx.title},${ctx.displayName})}, ${ctx.messages.getMessage('thankYouForOrder', "#genHtmlLinkStartTag($orderInfoUrl)", "#genHtmlBoldFont(${ctx.order.code})", "#genHtmlLinkEndTag()", "#genHtmlBoldFont(${ctx.order.totalPriceWithTax.formattedValue})")} #if(${ctx.coupons.size()} > 0 ) <table width='100%' border='0' align='center' cellpadding='0' cellspacing='0' style='border:1px solid #51585c'> <tr> <td style='color:#000000; font-family: Helvetica,sans-serif; font-size: 13px; padding-top: 5px; padding-left:15px; padding-right:15px; padding-bottom: 2px;' align='center'> #if(${ctx.coupons.size()} == 1 ) ${ctx.messages.getMessage('getGiftCoupon')} #else ${ctx.messages.getMessage('getGiftCoupons')} #end </td> </tr> #foreach( $coupon in ${ctx.coupons} ) <tr> <td style='color:#000000; font-family: Helvetica,sans-serif; font-size: 13px; padding-left:15px;padding-right:15px; padding-bottom: 2px;' align='center'> ${coupon.name} </td> </tr> <tr> <td style='color:#000000; font-family: Helvetica,sans-serif; font-size: 13px; padding-left:15px;padding-right:15px; padding-bottom: 5px;' align='center'> ${ctx.messages.getMessage('giftCouponCode', ${coupon.couponCode})} </td> </tr> #if(${coupon.startDate} && !${coupon.endDate}) #set ($formattedCouponStartDate = $ctx.dateTool.format('MM/dd/yy', $coupon.startDate)) <tr> <td style='color:#000000; font-family: Helvetica,sans-serif; font-size: 13px; padding-left:15px;padding-right:15px; padding-bottom: 5px;' align='center'> ${ctx.messages.getMessage('giftCouponValidFrom', ${formattedCouponStartDate})} </td> </tr> #end #if(!${coupon.startDate} && ${coupon.endDate}) #set ($formattedCouponEndDate = $ctx.dateTool.format('MM/dd/yy', $coupon.endDate)) <tr> <td style='color:#000000; font-family: Helvetica,sans-serif; font-size: 13px; padding-left:15px;padding-right:15px; padding-bottom: 5px;' align='center'> ${ctx.messages.getMessage('giftCouponValidUntil', ${formattedCouponEndDate})} </td> </tr> #end #if(${coupon.startDate} && ${coupon.endDate}) #set ($formattedCouponStartDate = $ctx.dateTool.format('MM/dd/yy', $coupon.startDate)) #set ($formattedCouponEndDate = $ctx.dateTool.format('MM/dd/yy', $coupon.endDate)) <tr> <td style='color:#000000; font-family: Helvetica,sans-serif; font-size: 13px; padding-left:15px;padding-right:15px; padding-bottom: 5px;' align='center'> ${ctx.messages.getMessage('giftCouponValidRange', ${formattedCouponStartDate}, ${formattedCouponEndDate})} </td> </tr> #end #end </table> #end #if(${ctx.order.pickupItemsQuantity} > 0) <table width='100%' border='0' align='center' cellpadding='0' cellspacing='0' bordercolor='#51585c' style='border: 1px solid #51585c;'> <tr> <td> ${ctx.messages.getMessage('pickUpWarning')} </td> </tr> </table> #end <table width='100%' border='0' align='center' cellpadding='0' cellspacing='0' bordercolor='#51585c' class='products' style='border: 1px solid #51585c;'> <tr> <td> <table> <tr> <td width='33%' valign='top' rowspan='2'> ${ctx.messages.deliveryAddress} #if(${ctx.order.deliveryItemsQuantity} > 0 && $!{ctx.order.deliveryAddress}) $!{ctx.order.deliveryAddress.title} ${ctx.order.deliveryAddress.firstName} ${ctx.order.deliveryAddress.lastName} ${ctx.order.deliveryAddress.line1} #if($ctx.order.deliveryAddress.line2.line2 && $ctx.order.deliveryAddress.line2 != '')${ctx.order.deliveryAddress.line2} #end ${ctx.order.deliveryAddress.town} ${ctx.order.deliveryAddress.postalCode} ${ctx.order.deliveryAddress.country.name} #else ${ctx.messages.noDelivery} #end </td> <td width='34%' valign='top'> ${ctx.messages.deliveryOptions} #if(${ctx.order.deliveryItemsQuantity} > 0 && $!{ctx.order.deliveryMode}) ${ctx.order.deliveryMode.name} ${ctx.messages.getMessage('deliveryETA', ${ctx.order.deliveryMode.description})} #else ${ctx.messages.noDelivery} #end </td> <td width='33%' valign='top'> ${ctx.messages.paymentDetails} #if(${ctx.order.paymentInfo}) ${ctx.messages.getMessage('paymentCardType', ${ctx.order.paymentInfo.cardType})} #end #if(${ctx.order.drpaymentInfo}) ${ctx.order.drpaymentInfo.drSourceType} #end </td> </tr> <tr> <td width='34%' valign='top'> #if(${ctx.order.pickupItemsQuantity} > 0) ${ctx.messages.pickupInStore} #end ${ctx.messages.getMessage('pickupItems', ${ctx.order.pickupItemsQuantity})} #set($numGrps = $ctx.order.pickupOrderGroups.size()) ${ctx.messages.getMessage('pickupPoints', $numGrps)} </td> <td width='33%' valign='top'> #if(${ctx.order.paymentInfo}) ${ctx.messages.billingAddress} ${ctx.order.paymentInfo.billingAddress.firstName} ${ctx.order.paymentInfo.billingAddress.lastName} ${ctx.order.paymentInfo.billingAddress.line1} #if($ctx.order.paymentInfo.billingAddress.line2 && $ctx.order.paymentInfo.billingAddress.line2 != '') ${ctx.order.paymentInfo.billingAddress.line2} #end ${ctx.order.paymentInfo.billingAddress.town} ${ctx.order.paymentInfo.billingAddress.postalCode} ${ctx.order.paymentInfo.billingAddress.country.name} #end </td> </tr> </table> </td> </tr> </table> #if(${ctx.order.drWireTransfer}) <table width='100%' border='0' align='center' cellpadding='0' cellspacing='0' bordercolor='#51585c' class='products' style='border: 1px solid #51585c;'> <tr> <td> <table> <tr> <td width='100%' colspan='4' height='30' align='left' bgcolor='#000000'>WireTransfer</td> </td> </tr> <tr> <td width='17%' height='20px'>${ctx.messages.accountholder}</td> <td width='17%' height='20px'>${ctx.order.drWireTransfer.accountHolder}</td> </tr> <tr> <td width='17%' height='40px'>${ctx.messages.bankName}</td> <td width='17%' height='40px'>${ctx.order.drWireTransfer.bankName}</td> </tr> <tr> <td width='17%' height='20px'>${ctx.messages.accountNumber}</td> <td width='17%' height='40px'>${ctx.order.drWireTransfer.accountNumber}</td> </tr> <tr> <td width='17%' height='40px'>${ctx.messages.referenceId} </td> <td width='17%' height='40px'>${ctx.order.drWireTransfer.referenceId}</td> </tr> <tr> <td width='17%' height='40px'>${ctx.messages.swiftCode} </td> <td width='17%' height='20px'>${ctx.order.drWireTransfer.swiftCode}</td> </tr> <tr> <td width='17%' height='40px'>${ctx.messages.city} </td> <td width='17%' height='40px'>${ctx.order.drWireTransfer.city}</td> </tr> </table> </tr> </table> #end #if ($ctx.order.deliveryOrderGroups.size() > 0) <table width='100%' border='0' align='center' cellpadding='0' cellspacing='0' bordercolor='#51585c' class='products' style='border: 1px solid #51585c;'> <tr> <td> #foreach( $orderGroup in ${ctx.order.deliveryOrderGroups} ) <table width='100%' cellpadding='0' cellspacing='0'> <tr> <td width='100%' colspan='4' height='30' align='left' bgcolor='#000000'>${ctx.messages.yourDeliveryItems}</td> </tr> <tr> <td width='50%'> </td> <td width='17%' height='40px'>${ctx.messages.quantity}</td> <td width='17%' height='40px'>${ctx.messages.itemPrice}</td> <td width='16%' height='40px'>${ctx.messages.total}</td> </tr> #foreach( $entry in ${orderGroup.entries} ) <tr> <td> <table width='100%' border='0' cellpadding='0' cellspacing='0'> <tr> <td valign='top' width='110px' style='width:110px;padding-left:10px;padding-right:10px'> <a href='${ctx.baseUrl}$entry.product.url' style='text-decoration:none'> #foreach($image in $entry.product.images) #if($image.imageType == 'PRIMARY' && $image.format == 'thumbnail' ) <img src='${ctx.mediaBaseUrl}$image.url' alt='' title='$entry.product.name'/> #end #end </a>   </td> <td valign='top'> <a href='${ctx.baseUrl}$entry.product.url'>$entry.product.name</a> #if (!$entry.product.baseOptions.isEmpty()) #foreach ($option in $entry.product.baseOptions) #if ($option.selected && ($option.selected.url == $entry.product.url)) <table width='100%' cellpadding='0' cellspacing='0'> #foreach ($selectedOption in $option.selected.variantOptionQualifiers) <tr> <td width='30%' valign='top'>$selectedOption.name:</td> <td width='70%' valign='top'>$selectedOption.value</td> </tr> #end </table> #end #end #end #if (!$ctx.order.appliedProductPromotions.isEmpty()) #foreach( $promotion in $ctx.order.appliedProductPromotions) #set ($displayed = false) #foreach ($consumedEntry in $promotion.consumedEntries) #if (!$displayed && ($consumedEntry.orderEntryNumber == $entry.entryNumber)) #set ($displayed = true) ${promotion.description} #end #end #end #end </td> </tr> </table> </td> <td valign='top'>$entry.quantity</td> <td valign='top'>$entry.basePrice.formattedValue</td> <td valign='top'>#if($entry.totalPrice.value > 0) $entry.totalPrice.formattedValue #else ${ctx.messages.free} #end</td> </tr> #end </table> #end </td> </tr> </table> #end #if ($ctx.order.pickupOrderGroups.size() > 0) <table width='100%' border='0' align='center' cellpadding='0' cellspacing='0' class='products'> <tr> <td> #foreach( $orderGroup in ${ctx.order.pickupOrderGroups} ) #set ($location = ${orderGroup.entries.get(0).deliveryPointOfService}) <table width='100%' cellpadding='0' cellspacing='0' style='border: 1px solid #51585c;'> <tr> <td width='100%' colspan='4' height='30' align='left' bgcolor='#000000' style='padding-left:5px'> ${ctx.messages.pickupFrom} - ${location.name}, ${location.address.line1} #if( ${location.address.line2} )${location.address.line2}#end, ${location.address.town} </td> </tr> <tr> <td width='50%'> </td> <td width='17%' height='40px'>${ctx.messages.quantity}</td> <td width='17%' height='40px'>${ctx.messages.itemPrice}</td> <td width='16%' height='40px'>${ctx.messages.total}</td> </tr> #foreach( $entry in ${orderGroup.entries} ) <tr> <td> <table width='100%' border='0' cellpadding='0' cellspacing='0'> <tr> <td valign='top' width='110px' style='width:110px;padding-left:10px;padding-right:10px;padding-bottom:5px'> <a href='${ctx.baseUrl}$entry.product.url' style='text-decoration:none'> #foreach($image in $entry.product.images) #if($image.imageType == 'PRIMARY' && $image.format == 'thumbnail' ) <img src='${ctx.mediaBaseUrl}$image.url' alt='' title='$entry.product.name'/> #end #end </a>   </td> <td valign='top'> <a href='${ctx.baseUrl}$entry.product.url'>$entry.product.name</a> #if (!$entry.product.baseOptions.isEmpty()) #foreach ($option in $entry.product.baseOptions) #if ($option.selected && ($option.selected.url == $entry.product.url)) <table width='100%' cellpadding='0' cellspacing='0'> #foreach ($selectedOption in $option.selected.variantOptionQualifiers) <tr> <td width='30%' valign='top'>$selectedOption.name:</td> <td width='70%' valign='top'>$selectedOption.value</td> </tr> #end </table> #end #end #end #if (!$ctx.order.appliedProductPromotions.isEmpty()) #foreach( $promotion in $ctx.order.appliedProductPromotions) #set ($displayed = false) #foreach ($consumedEntry in $promotion.consumedEntries) #if (!$displayed && ($consumedEntry.orderEntryNumber == $entry.entryNumber)) #set ($displayed = true) ${promotion.description} #end #end #end #end </td> </tr> </table> </td> <td valign='top'>$entry.quantity</td> <td valign='top'>$entry.basePrice.formattedValue</td> <td valign='top'>#if($entry.totalPrice.value > 0) $entry.totalPrice.formattedValue #else ${ctx.messages.free} #end</td> </tr> <tr> <td colspan='4'></td> </tr> #end </table> #end </td> </tr> </table> #end <table width='100%' border='0' align='center' cellpadding='0' cellspacing='0' bordercolor='#51585c' class='products' style='border: 1px solid #51585c;'> <tr> <td valign='top'> <table width='100%'> <tr> <td width='30%'> </td> <td width='20%'> </td> <td width='50%'>${ctx.messages.orderTotals}</td> </tr> <tr> <td valign='top'>   </td> <td> </td> <td valign='top'> <table width='100%' cellpadding='0' cellspacing='0'> <tr> <td valign='top' width='45%'>${ctx.messages.subtotal}:</td> <td valign='top' width='10%'> </td> <td valign='top' width='45%'>${ctx.order.subTotal.formattedValue}</td> </tr> <tr> <td valign='top'>${ctx.messages.orderDiscounts}:</td> <td valign='top'> </td> <td valign='top'>#displayNegationForDiscount($ctx.order.totalDiscounts)</td> </tr> #if (${ctx.order.quoteDiscounts.value} > 0) <tr> <td valign='top'>${ctx.messages.quoteDiscounts}:</td> <td valign='top'> </td> <td valign='top'>- ${ctx.order.quoteDiscounts.formattedValue}</td> </tr> #end <tr> <td valign='top'>${ctx.messages.delivery}:</td> <td valign='top'> </td> <td valign='top'>#if($!{ctx.order.deliveryCost} && ${ctx.order.deliveryCost.value} > 0) ${ctx.order.deliveryCost.formattedValue} #else ${ctx.messages.free} #end</td> </tr> #if($!{ctx.order.totalFees} && ${ctx.order.totalFees.value} > 0) <tr> <td valign='top'>Fee:</td> <td valign='top'> </td> <td valign='top'> ${ctx.order.totalFees.formattedValue}</td> </tr> #foreach( $entry in ${ctx.order.drFeesData} ) <tr> <td valign='top'>  ${entry.skuName}</td> <td valign='top'> #foreach( $rfTypes in ${entry.rfTypes} ) <tr> <td valign='top'>    ${rfTypes.typeName}</td> <td valign='top'>${rfTypes.rfTypeAmount.formattedValue} </td> </tr> #end </td> </tr> #end #end #if($!{ctx.order.totalDuty} && ${ctx.order.totalDuty.value} > 0) <tr> <td valign='top' width='45%'>Duty:</td> <td valign='top' width='10%'> </td> <td valign='top' width='45%'> ${ctx.order.totalDuty.formattedValue}</td> </tr> #end #if($!{ctx.order.iorTax} && ${ctx.order.iorTax.value} > 0) <tr> <td valign='top' width='45%'>IOR Tax:</td> <td valign='top' width='10%'> </td> <td valign='top' width='45%'> ${ctx.order.iorTax.formattedValue}</td> </tr> #end <tr> <td valign='top'>${ctx.messages.total}:</td> <td valign='top'> </td> <td valign='top'>${ctx.order.totalPriceWithTax.formattedValue}</td> </tr> </table> ${ctx.messages.getMessage('includesTax', ${ctx.order.totalTax.formattedValue})} </td> </tr> </table> </td> </tr> </table> #set ($mailToUrl = 'mailto:${ctx.messages.contactUsEmailAddress}') #if(${ctx.baseSite.Uid} == 'electronics') #set ( $paragraphContactUs = ${ctx.messages.getMessage('paragraphContactUs_electronics', "#genHtmlLinkStartTag(${ctx.messages.contactUsPage})", "#genHtmlLinkEndTag()", "#genHtmlLink($mailToUrl ${ctx.messages.contactUsEmailAddress})")} ) #else #set ($faqPage = '${ctx.baseUrl}/faq') #set ( $paragraphContactUs = ${ctx.messages.getMessage('paragraphContactUs', "#genHtmlLinkStartTag($faqPage)", "#genHtmlLinkEndTag()", "#genHtmlLinkStartTag(${ctx.messages.contactUsPage})", "#genHtmlLinkEndTag()", "#genHtmlLink($mailToUrl ${ctx.messages.contactUsEmailAddress})")} ) #end #if (! $ctx.order.guestCustomer ) ${ctx.messages.getMessage('paragraphAccountLocation', "#genHtmlLinkStartTag($accountUrl)", "#genHtmlLinkEndTag()")} #end ${ctx.messages.paragraphCreateAccount} ${ctx.messages.getMessage('paragraphDeliveryInfo', "#genHtmlLinkStartTag($orderInfoUrl)", "#genHtmlLinkEndTag()")} $paragraphContactUs ${ctx.messages.complimentaryClosing} ${ctx.messages.signature}"