Topic: Site Design
Last Updated On: June 12, 2006
Applies to: MC Storefront Software, versions 4.0+

Summary

MonsterCommerce offers you the ability to completely customize customer communication. Using a combination of custom HTML and ASP function calls, you can control the information and presentation of your Order Confirmation Emails.

Order Emails Editor

Order Emails Editor

Admin Panel

In the Orders >> Order HTML/Email System >> Order Emails Editor, you find a basic option and an advanced option.

Order Email Editor Options

The Basic Order Email Option allows you to control the header and footer of your confirmation email, through custom HTML. The Advanced Email Option allows you to control all of the contents within your order confirmation emails

Order Email Editor

The Order Email Editor is where you control the contents of your confirmation email. Your email can contain only custom HTML or a mix of dynamically generated information and your custom HTML. The dynamically generated information is created by calling individual ASP function calls.

Advanced Editor

Starting Your Email

HTML emails need to start with standard HTML code, as follows:

<html>
<head>
<title>ENTER TITLE HERE</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

Contents of Your Email

Use custom HTML or ASP function calls for the contents of your email. You can place ASP function calls within paragraph tags, table tags, or they can stand on their own.

Paragraph tag:

<p><%DRAWPAYMENTINFO%></p>

Table tag:

<table border="0">
<tr>
<td>
<%DRAWPAYMENTINFO%>
</td>
</tr>
</table>

Styling Your Email

ASP function calls do not contain any text styles, sizes, or color settings. You can adjust the display of this information by wrapping CSS styles around your ASP function calls.

Style:

<span class="example"><%DRAWPAYMENTINFO%></span>

Ending Your Email

HTML emails need to end with standard HTML code, as follows:

</body>
</html>

ASP Function Calls

Below is a list of available function calls and a corresponding image to indicate which code relates to what information

<%DRAWCUSTOMERFIRSTLASTNAME%>

Customer Name

<%DRAWORDERHEADERINFO%>

Order Info

<%DRAWBILLINGINFO%>

Customer Info

<%DRAWSHIPPINGINFO%>

Shipping Info

<%DRAWPAYMENTINFO%>

Payment Info

<%DRAWBASICPRODUCTINFO%>

<%DRAWADVANCEDPRODUCTINFO%>

<%DRAWTOTALSINFO%>

Order Details

<%DRAWORDERTRACKING%>

Order Tracking

Top