• About
  • Portfolio
  • Advertise
  • RSS
  • @andrewwise

Wise Startup Blog

Advertisement

Free HTML Email Template for eCommerce Stores

Published by Andrew Wise on May 14, 2010

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!

free-email-template.png

[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]

If you're tired of working for somebody else, and want to learn how to start your own online empire. Click here to receive my newsletter.

Learn how to make money online, subscribe!

Click here to join my newsletter, learn how to make money online and quit your job.

My name is Andrew Wise, and I am self-employed. I quit my the last job I had in the summer of 2009. At that time, I was only 3 years out of college, and had my fill of working for "the man".
My goal is to be a millionaire by 30.

This blog is dedicated to teaching you how to make money online. Here is my story.

After quitting my job in 2009, I started and sold 3 eCommerce sites to my partner which I launched all of these sites with NO MONEY.

I've built and sold companies, been featured on Shoemoney.com, and now I'm building a new suite of amazing projects and I'm sharing with you my dirty little secrets to success.

This blog catalogs my Internet career and I hope I can teach you how to make money online, so sign up for my newsletter, and let's start working together, and help you QUIT YOUR DAMN JOB!

Click here to join my newsletter, learn how to make money online and quit your job.
Disclosure: We are a professional review site that receives compensation from the companies whose products we review. We test each product thoroughly and give high marks to only the very best. We are independently owned and the opinions expressed here are our own.

Recent Articles

  • How to Remove Negative Reviews on Yelp
  • Bonobos Coupon — $25 Refer a Friend Program is Back!
  • Google’s Violating their Adwords AND Adsense TOS
  • Use Video To Boost Ad Revenue From Your Online Enterprise
  • The Unofficial Pinterest Blog, PurePinterest.com
  • New GlassDoor Interviews Section
  • The Value of Research For Small Businesses
  • Top Startups with Verbs for Names
  • Buy Kennon Earl’s Glasses from Selling LA
  • How to Buy Don Draper’s Sunglasses

Most Popular Articles

  • How I Made My 1st $90 On Shoemoney System
  • Highest Paying CPM Ad Networks
  • 20 Salary Negotiation Techniques
  • 250 Ways to Avoid Spam Email Filters
  • Top 5 Best Wordpress Themes for SEO
  • 7 Easy Business Cost Cutting Tips
  • How To Build a Link Wheel
  • About
  • Portfolio
  • Advertise
  • RSS
  • @andrewwise