Resources Home / Free HTML Email Templates

Free HTML Email Templates

Starter templates for your HTML email campaigns

i-Emailer has a built-in HTML email designer that you can use to create beautiful email marketing campaigns. We're not talking about 1,001 ugly designs with cheap stock art here. This is like Photoshop for email. You pick one of our flexible layouts, then you customize it to perfectly match your brand with your own corporate logo, fonts, and colors. It's as easy as point, click, send.

Instructions:
Use i-Emailer's free HTML email template design tool to customize these templates to match your brand or download all the templates in one .ZIP file to edit them with you favorite text editor:

Basic Newsletter
Basic single column newsletter

preview layout

Postcard
Postcard template

preview layout

Left 2-column
2 column email template

preview layout

Right 2-column
2 column email template

preview layout


Learn About i-Emailer's HTML Email Template Designer

Want to use i-Emailer to customize these templates right now? Then, sign up free




Infinitely Customizable


Athletic Apparel

(postcard)

Luxury Car Email

(basic)

Online Shopping

(2-column)

Warm Coffee

(postcard)

The only limit is your imagination. To prove it, we took real life examples of HTML emails from some of the biggest brands out there, and in the sincerest form of flattery, we copied them. See how i-Emailer's HTML email templates stack up to work designed by the top companies in the world.


Tested Thoroughly. Millions Delivered.

We've already tested our HTML email templates in all the major email programs, and they've been used by thousands of businesses from all over the world, so we know they work. Specifically, we've tested in:

  • Outlook 2000
  • Outlook 2003
  • Outlook 2007
  • Outlook Express
  • Entourage
  • Apple Mail
  • Lotus
  • AOL 9
  • GMail
  • Yahoo! Mail
  • Hotmail
  • Eudora
  • Top 10 HTML Email Coding Tips

    Our templates are great for getting started, but once you get the hang of things, you'll want to start coding your own HTML email templates. Here are some tips:

    1. Code HTML emails in a plain-text, no-frills editor. That'll output the cleanest possible code, plus let you easily create plain-text emails. Don't use WYSIWYGs or expect Microsoft Word to export clean HTML email. In fact, some spam filters will actually penalize your email if you created it in Microsoft FrontPage (because spammers do that a lot). Use something like NotePad or TextEdit (default programs on your PC or Mac) or go get something like BBEdit, or NoteTab Pro.
    2. Don't go nuts with CSS. Use inline CSS as much as possible, and stay away from CSS Positioning. Simple tables work best.
    3. Design for the preview pane. Open up your email program. How much space is available in your preview pane? Chances are it's waaaay less the typical width you design web pages. Less than 600 pixels is a good guideline.Align stuff to the left. Some preview panes are skinny and vertical (AOL gives about 200 pixels of width). Make sure your logo and critical content "peeks" out on the left side of your template.
    4. No JavaScript, ActiveX, Flash, embedded video, sound files, or DHTML. Viruses are typically embedded into those types of files, so anti-virus programs will block them. Sorry, no fancy stuff.
    5. Unless your email marketing service hosts your images for you, you'll need to code your HTML emails using absolute paths for your images.
    6. Webmail clients (Yahoo, MSN, Hotmail, Gmail, etc) typically strip out any HTML code above and below (and including) the BODY tags. Therefore:
      • BODY BGCOLORs will not work. Create a 100% wide table with your bgcolor, and embed your template inside that.
      • Any embedded CSS inside your HEAD tags will not work. Embed your CSS below the BODY tag, just above your content.
    7. Just about ALL email programs turn off your images by default. The recipient has to click a button to "display images." This is a default feature, and can't be turned off. And most recipients have to be really motivated to click that button. Therefore:
      • Don't design HTML emails that are nothing but one big image. Recipients won't see anything (and spam filters can't read any content, so they'll assume it's spam).
      • Take your open reports with a grain of salt. Open tracking involves placing a tiny, transparent .GIF in your email, then counting how many times the image was downloaded. If your recipient doesn't turn on images, the graphic won't be downloaded.
    8. Always include a plain-text version of your emails. Your email service should display that version if your recipient can't (or won't) view HTML emails.
    9. Understand CAN-SPAM. You should always include your contact information in your footer (postal mailing address, phone, email, etc) and always include an opt-out link. i-Emailer's list management service provides you with unsubscribe link code.
    10. Test your HTML emails like crazy. Sign up for as many email services as you can, and download as many email programs and spam filters as you can. You may need to setup a test computer(s) in your office to do all this testing (or use i-Emailer's Inbox Inspector).


    Try i-Emailer Free!


    Download ZIP File

    Do you prefer editing these free templates with your favorite text editor? Then download them all in a zip file.


    One-click Campaign Preview

    EmailLoop's Inbox Inspector

    Before you send your HTML email campaign to your customer lists, check it with i-Emailer's Inbox Inspector tool. We'll generate screenshots of your campaign in all the major email programs, and tell you if it'll pass the major spam filters and firewalls.


    More Free Resources