In this Guide: Advanced Order Email Example
Summary
Below is an example of a customized advanced order email confirmation and the code that creates it.
Advanced Order Email Editor Example
Advanced Order Email Editor Example - Code
Below is the actual HTML and ASP code that powers the above example. Feel free to copy any or all of the code shown here and edit to fit your customization needs.
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"> MonsterCommerce Order Email Confirmation
<html>
<head>
<title></title> Dear
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- CREATE TEXT STYLES USED IN THIS HTML FILE, START -->
<style type="text/css">
<!--
.header {font-family: Verdana; font-size: 12px; font-weight: bold; color:
#333333; }
.footer {font-family: Verdana; font-size: 10px; font-weight: none; color:
#666666; text-decoration: none; }
.info {font-family: Verdana; font-size: 11px; font-weight: none; color:
#333333;}
-->
</style>
<!-- CREATE TEXT STYLES USED IN THIS HTML FILE, END -->
</head>
<body>
<table width="80%" border="0" cellspacing="0"
cellpadding="5">
<tr>
<td>
<table width="100%" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td bgcolor="#333333">
<table width="100%" border="0" cellspacing="1"
cellpadding="0">
<tr>
<td bgcolor="#FFFFFF">
<!-- EMAIL HEADER, START -->
<table width="100%" border="0" cellpadding="0"
cellspacing="0">
<tr>
<td width="306"><img src="http://65.61.168.19/images/mc_logo.gif"
width="305" height="54" vspace="5"></td>
</tr>
</table>
<!-- EMAIL HEADER, END -->
</td>
</tr>
<tr>
<td bgcolor="#FFFFFF">
<!-- BODY CONTENT, START -->
<table width="100%" border="0" cellpadding="3"
cellspacing="0">
<tr>
<td class="info">
<p> <%DRAWCUSTOMERFIRSTLASTNAME%>,</p>Welcome to MonsterCommerce! You will find your Order Details below.
We appreciate your business and look forward to working with you.
<p></p>Order Information
</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td bgcolor="#E3E3E3" class="header"></td>Customer
Information
</tr>
<!-- DEFINING HTML TABLE ROW AND COLUMN CONTAINING AN ASP FUNCTION CALL,
START -->
<tr>
<td class="info"><%DRAWORDERHEADERINFO%></td>
</tr>
<!-- DEFINING HTML TABLE ROW AND COLUMN CONTAINING AN ASP FUNCTION CALL,
END -->
<tr>
<td class="header"> </td>
</tr>
<tr>
<td bgcolor="#E3E3E3" class="header"></td>Payment Information
</tr>
<tr>
<td class="info"><%DRAWBILLINGINFO%></td>
</tr>
<tr>
<td class="header"> </td>
</tr>
<tr>
<td bgcolor="#E3E3E3" class="header"></td>Shipping
Information
</tr>
<tr>
<td class="info"><%DRAWPAYMENTINFO%></td>
</tr>
<tr>
<td class="header"> </td>
</tr>
<tr>
<td bgcolor="#E3E3E3" class="header"></td>Your Order
</tr>
<tr>
<td class="info"><%DRAWSHIPPINGINFO%></td>
</tr>
<tr>
<td class="header"> </td>
</tr>
<tr>
<td bgcolor="#E3E3E3" class="header"></td>Tracking
Information
</tr>
<tr>
<td class="info"><%DRAWADVANCEDPRODUCTINFO%></td>
</tr>
<tr>
<td class="info"><%DRAWTOTALSINFO%></td>
</tr>
<tr>
<td class="header"> </td>
</tr>
<tr>
<td bgcolor="#E3E3E3" class="header"></td>Technical Support: 800.353.6582 | Sales:
877.663.5169 |
</tr>
<tr>
<td class="info"><%DRAWORDERTRACKING%></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td class="footer"><a href="#" target="_blank" class="footer">Live
Chat</a> | <a href="http://kb.monstercommerce.com" target="_blank"
class="footer">Online Support Site</a>
</td>
</tr>
</table>
<!-- BODY CONTENT, END -->
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>