Hey guys, I have yet another quick, highly profitable morning task this morning. I designed emails for school uniforms eCommerce site I own, SchoolofUniforms.com. I just setup 4 killer email campaigns, and I’m giving away the HTML code for the email.
Free Email Template
This is the template I use for my eCommerce stores, and you can use it for any purpose, but eCommerce is the easiest to adapt.
Here is the PSD for the header of the email.
Below is the code for the HTML part of the email, it has been spam proofed and will get you amazing results, let me know if you need help setting it up, and remember change my links so you don’t accidentally send your visitors to my site!

[html]
<html>
<title>School of Uniforms Email</title>
<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0" bgcolor=’#ffffff’ >
<STYLE>
.headerTop { background-color:#ffffff; border-top:0px solid #000000; border-bottom:1px solid #FFFFFF; text-align:center; }
.adminText { font-size:10px; color:#996600; line-height:200%; font-family:verdana; text-decoration:none; }
.headerBar { background-color:#FFFFFF; border-top:0px solid #333333; border-bottom:10px solid #FFFFFF; }
.title { font-size:20px; font-weight:bold; color:#404040; font-family:arial; line-height:110%; }
.subTitle { font-size:11px; font-weight:normal; color:#666666; font-style:italic; font-family:arial; }
td { font-size:12px; color:#000000; line-height:150%; font-family:trebuchet ms; }
.sideColumn { background-color:#FFFFFF; border-left:1px dashed #CCCCCC; text-align:left; }
.sideColumnText { font-size:11px; font-weight:normal; color:#999999; font-family:arial; line-height:150%; }
.sideColumnTitle { font-size:15px; font-weight:bold; color:#333333; font-family:arial; line-height:150%; }
.footerRow { background-color:#FFFFCC; border-top:10px solid #FFFFFF; }
.footerText { font-size:10px; color:#996600; line-height:100%; font-family:verdana; }
a { color:#467eb9; color:#467eb9; color:#467eb9; }
</STYLE>
<img SRC="http://tripletsmommy.com/wp-content/themes/typebased/images/pixel.jpg">
<table width="100%" cellpadding="10" cellspacing="0" bgcolor=’#dddddd’ >
<tr>
<td valign="top" align="center">
<table width="600" cellpadding="0" cellspacing="0">
<tr>
<td style="background-color:#dddddd;border-top:0px solid #000000;;text-align:center;" align="center"><span style="font-size:10px;color:#ffffff;line-height:200%;font-family:verdana;text-decoration:none;">Email not displaying correctly? <a href="*|ARCHIVE|*" style="font-size:10px;color:#333333;line-height:200%;font-family:verdana;text-decoration:none;">View it in your browser.</a></span></td>
</tr>
<tr>
<td align="left" valign="middle" style="background-color:#FFFFFF;border-top:0px ;border-bottom:10px solid #FFFFFF;"><center><a href="http://schoolofuniforms.com"><IMG SRC="http://schoolofuniforms.com/email/email-header-1.jpg" BORDER="0" usemap="email-header-1" title="My Salon Tools logo" alt="My Salon Tools" align="center" /></a></center></td>
</tr>
<map name="email-header-1">
<area shape="rect" coords="447,84,595,120" href="http://schoolofuniforms.com/clearance.html">
<area shape="rect" coords="209,83,431,122" href="http://schoolofuniforms.com/girls-school-uniforms.html">
<area shape="rect" coords="3,83,196,121" href="http://schoolofuniforms.com/boys-school-uniforms.html">
</map>
</table>
<table width="600" cellpadding="20" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td bgcolor="#FFFFFF" valign="top" style="font-size:12px;color:#000000;line-height:150%;font-family:trebuchet ms;">
<a href="http://schoolofuniforms.com/clearance.html"><img src="http://schoolofuniforms.com/email/clearance.jpg" width="560" height="309" usemap="new-1" border="0" /></a>
<h2>Huge Clearance Sale</h2>
<p>
Been waiting until the big sales came around before buying school uniforms this year? Well, you are in luck. We are holding our annual clearance sale, but it won’t last long. This sale is only 2 weeks long while we unload all of the merchandise from last year.</p>
<p>We have big markdowns on <strong>boys uniforms</strong> and <strong>girls uniforms</strong> for public and private schools, but quantities are limited. If you have a special color or size you need, you better start shopping now, because at these prices, these items won’t last!</p>
<p><a href="http://schoolofuniforms.com/clearance.html">Shop clearance uniforms today!</a></p>
<a href="http://www.facebook.com/schoolofuniforms" title="Facebook">
<img src="http://mysalontools.com/skin/frontend/default/blue/images/facebook.gif" width="200" height="35" /></a>
<a href="http://twitter.com/schoolofuniforms" title="Twitter">
<img src="http://mysalontools.com/skin/frontend/default/blue/images/twitter.gif" width="200" height="35" /></a>
</td>
</tr>
<tr>
<td style="background-color:#e2eef2;border-top:0px solid #FFFFFF;" valign="top" colspan="2">
<span style="font-size:10px;color:#4A8393;line-height:100%;font-family:verdana;">
*|LIST:DESCRIPTION|* <br />
<br />
<a href="*|UNSUB|*">Unsubscribe</a> *|EMAIL|* from this list.<br />
<br />
Our mailing address is:<br />
*|LIST:ADDRESS|*<br />
<br />
Our telephone:<br />
*|LIST:PHONE|*<br />
<br />
Copyright (C) 2007 *|LIST:COMPANY|* All rights reserved.<br />
<br />
<a href="*|FORWARD|*">Forward</a> this email to a friend
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
<center><table width="95%" style="clear:both;margin:0px !important;padding:0px !important;margin-top:20px !important;border-top:1px solid #999 !important;border-bottom:1px solid #999 !important;" cellpadding="0" cellspacing="0"><tr>
<td align="left" style="padding:10px !important;margin:0px !important;color:#666 !important;background:#CCC !important;width:50% !important;border-bottom 1px solid #999 !important;font-family:Verdana,Arial,Sans !important;font-size:11px !important;font-weight:normal !important;font-style:normal !important;text-decoration:none !important;vertical-align:middle !important;text-align:left !important;">
Sent to *|EMAIL|*. <a href="*|UNSUB|*" style="font-family:Verdana,Arial,Sans !important;font-size:11px !important;font-weight:normal !important;font-style:normal !important;text-decoration:none !important;color:#03C !important;">Unsubscribe</a> |
<a href="*|UPDATE_PROFILE|*" style="font-family:Verdana,Arial,Sans !important;font-size:11px !important;font-weight:normal !important;font-style:normal !important;text-decoration:none !important;color:#03C !important;">Update Profile</a> |
<a href="*|FORWARD|*" style="font-family:Verdana,Arial,Sans !important;font-size:11px !important;font-weight:normal !important;font-style:normal !important;text-decoration:none !important;color:#03C !important;">Forward to a Friend</a>
</td>
<td align="right" style="padding:10px !important;margin:0px !important;color:#666 !important;background:#CCC !important;width:50% !important;border-bottom 1px solid #999 !important;vertical-align:middle !important;text-align:right !important;">
*|REWARDS|*
</td>
</tr></table></center></body>
</html>
[/html]
