Best Practice Email Marketing Templates

Ten free email marketing templates developed by industry experts

Our collection of email templates reflects today’s best practices in email design and content layout that drive customer engagement and increase inbox deliverability. Each template is completely customizable to reflect your brand and communication needs. In addition, we offer tips for creating compelling messages and a step-by-step tutorial for how to customize the template with simple coding tips.

Please note that these templates are designed in a newsletter layout and incorporate email design best practices. The templates can be customized, for a wide variety of email messages including outbound promotional emails, newsletters, and transactional messages.


HTML Basics How-to Guide

Use the HTML basic-commands guide below to customize the free email templates for your own use.

Comments

There are comments included within the HTML templates that are intended to help you customize the text with your own content. The comments appear as:

<!-- Comment text -->

Making text bold

To make text appear bold, use <b> and </b> around the text. For example:

Make <b>this bold</b>

will look like:

Make this bold

Making text italic

To make text appear italic, use <i> and </i> around the text. For example:

Make <i>this italic</i>

will look like:

Make this italic

Making text underlined

To make text appear underlined (without being an actual link), use <u> and </u> around the text. For example:

Make <u>this underlined</u>

will look like:

Make <u>this underlined</u>

Creating line breaks

There are two basic line breaks in HTML. Use <br> to break to the next line or <p> to skip a line. For example:

1<br>2<p>3

will look like:

1

2

3

Changing the size of text

To change the size of text, use <font size="+1"> to look bigger, or <font size="-1"> to look smaller. End with </font>. You can also change the number value if you want to. For example:

Make text <font size="+2">bigger</font> or <font size="-2">smaller</font>

will look like:

Make text bigger or smaller

Changing the type of font

There are a few different fonts you can use, and the most common are:

Times New Roman: (this is the default for all browsers)

Arial or Helvetica: use <font face="arial, helvetica"> and </font>

Verdana: use <font face="verdana"> and </font>

Garamond: use <font face="garamond"> and </font>

For example:

Make <font face="garamond">this font garamond</font>

will look like:

Make this font garamond

Changing the font color

There are many different Web-safe colors that you can use in your template. View the HTML Color Codes Chart.

To make text appear in a certain color, use the color codes like this: <font color="#FF0000">. For example:

Make <font color="#FF0000">this font red</font>

will look like:

Make this font red

To set default font colors for the entire page, use color codes in the <body> command. For example, if you want:

font = black

link = blue

'visited' link = red

'while being clicked' link = pink

use:

<body text="#000000" link="#FFFF00" vlink="#FF0000" alink="#FF00CC">

Including a graphic

To include a graphic in your HTML template, use <img src="/URL">. Be sure to include the entire URL of the graphic, starting withhttp://.

Including a link

To include a link in your HTML template, use <a href="/URL"> and </a> around the text of the link. Be sure to include the entire URL, starting with http://. For example:

Make <a href="http://www.lyris.com">this text link to http://www.lyris.com</a>

will look like:

Make this text link to http://www.lyris.com

Including a numbered or bulleted list

To include a list in your HTML template, use <ol> and </ol> at the beginning and end of the list, and use <li> to create the individual lines. For example:

<ol>
<li>This is line one
<li>This is line two
</ol>

will look like:

1. This is line one
2. This is line two

If you want to use a bulleted list instead of a numbered list, use <ul> and </ul> instead of <ol> and </ol>.

If you desire more assistance, please utilize the wide variety of HTML resources on the Web (or HTML books and manuals).