Article Side

Online Article Directory!

Hello Guest! Login or Register to submit articles!

How to Design HTML Email Template? 5 Keys to Keep in Mind

By Deon King Subscribe to RSS | May 4th 2012 | Views:

If you're considering implementing an email marketing program but don't know where to start with your html email template design, or if you're currently emailing but feel you're not getting the results you want, Comm100 explains in this article five key points for how to design html email template.

HTML Email Template Design: Not as Simple as it Sounds

There's a lot of misinformation out in the world about how to design html email template. If you're using a third-party email service that provides templates, that's a great starting point. However, for reasons of both branding and for those of you not sending your html email through a third-party provider, designing a html email template can come with some unique challenges. While Comm100 can't guide you step by step through every inch of your html email template design work, We can give you a list of five key things to make sure are happening in your html email template.

1. Design for a Horizontal Preview Pane

The reality is that most people are going to view your email in a horizontal preview pane, either in Outlook, Hotmail or Yahoo! According to a study by MicroMass Communications, the average size of that horizontal preview pane will be 638x86 pixels

Yes, you read that correctly. Most people won't even see the first 100 pixels of your email.

What this means is that your html email template should not be more than 638 pixels wide (Comm100 usually recommends that you stick to 600 pixels) and that you need to make sure that you've got value propositions and calls to action within the first 100 pixels. This means that you may want to revisit that nice header graphic. It also means that, if you're using that header graphic, you'd better make sure it has effective Alt and Title text layered behind it.

You may actually want to take a screen shot of your Outlook inbox and layer your email in on top of it in Photoshop to see how it presents! But any way you break it down, you need to assume that you have 600x100 pixels or less to convince a user to keep reading your email.

2. Maximize with Two Columns

It's unlikely that, in the average of 54 seconds somebody is taking to look at your email, they will scroll very far down. One way to maximize the amount of information (and links) that they see is to use a two column format. Comm100 recommends you to use a 200 pixel side column and a 400 pixel main column in your html email template. The side column will allow you to provide smaller segments of information and navigational links. The larger column will be where the main content of your email lives.

There's some debate about where the side column should live in terms of the right or left side of the email template. Comm100 thinks that the left side is a better optimization, because no matter how narrow the preview pane your user is using (unless they are viewing in a very small, vertical preview pane, which is unlikely), with a left side 200 pixel column and the larger 400 pixel column on the right side, they will be exposed to the content in both columns.

However, if your table building and html is not extremely clean, the left hand column can create viewing problems and push the right hand column out of the screen. Placing the smaller column on the right ensures that your main column and content will always be seen.

When deciding what to use in your html email template, try both, and test them into various email clients to see the results!

3. Define Images and Links!

Another thing that you'll need to remember is that email clients are far less forgiving than a web browser with html. Therefore, you need to be extra careful with how your developer or coder makes your html email template.

Define the size of images when embedding images in email. This means that in the html code, the image reference needs to say what the width and height of the image is. Otherwise, you could see the layout of your html email template break. And as we discussed in the article about images, make sure you're using Alt and Title tags.

Also, links need to be "absolute" rather than "relative". Chances are that on your website, you use relative links. This means that you don't always have the full url of the link in the html code. But in a html email template, you'll need to use the full url.

4. We Know It Sounds like a Broken Record, But Limit Your Use of Images

This one is so important that Comm100 wrote an entire article about it! So we won't go into it in great detail here, but it is one of the most important things that you need to remember when you design html email template. Keep the use of images to a minimum and use html and formatted text to convey your message.

Images look great, it's true, but they can cause many problems with your email marketing campaign's performance.

5. Keep Things Short and Simple

It doesn't matter how great your content is, people are not going to read your email! They're going to scan it, and they're going to scan it in under a minute. Instead of providing them with large chunks of content, design your html email template to include large headlines and then shorter sections of content that link to your website or destination page.

Using bulleted lists can also help you with this. The key is to not overwhelm people with too much text or to create a html email template where people are required to read in large chunks in order to get the point that you're conveying.

There's value in your content, it's true. But an email is not a web page, and how people behave in their inbox is different than how they behave, say, on a blog. Keep your content short, sweet, to the point and use it to drive clicks rather than provide information.

Bonus! HTML Tips!

Also remember that email clients are picky about how they read html. Here are some tips for coding your html email template in a way that will resolve well in most email clients.

* Use HTML tables to control the design layout. Do NOT use pure CSS layouts: that just hold up in an email environment

* Use inline CSS to control other presentation elements

* CSS style declarations must appear below the body tag

* Do NOT use CSS shorthand: instead of using the abbreviated style rule font: 12px/16px Arial, Helvetica, break this shorthand into its individual properties: font-family, font-size, and line-height

* Use spans and divs VERY sparingly to achieve specific effects, use HTML tables do the bulk of the layout work

The task of design email template can be a challenge, but the good news is that once you have one that you like and that delivers consistently to the inbox, you can reuse it over and over again. Take the time to design an appropriate template the first time, and you'll experience the benefits with all future sends!

No matter what email marketing strategy you are taking, the first step to ensure a successful email campaign is to choose a reliable email sending partner. Comm100 , who provides this complimentary tutorial on email marketing, offers you powerful Email Marketing Software, which is both a great long-term and short-term solution to improving your email marketing program to a new level.

Deon King - About Author:
Comm100 Email Marketing Provides powerful email marketing software that can help you develop and maintain good relationships with your customers and increase your sales revenue at a very low cost. For more information about on html email template and Email Marketing than please visit:

Share on Facebook Tweet It Stumbleupon this post This post is delicious !

Article Source:

Related Email Marketing Articles Subscribe to RSS

Internet marketing services a boon to Business
Published by Excellent Solution on February 25th 2012 | Internet Business
Internet marketing services are available at reasonable cost to bring success to an organization. SE...
Effective email marketing with SMTP relay server
Published by Lee Rio on January 10th 2012 | Email Marketing
With various kinds of online marketing strategies, it is easier to reach out to the masses convenien...
Install SMTP relay server and start your email marketing campaign
Published by Lee Rio on March 28th 2012 | Email Marketing
Email marketing is a good way of letting your existing as well as prospective customers or clients k...
Marketing with Facebook - the power of Facebook for online marketing
Published by James Blunt on November 25th 2011 | Internet Business
It's probably a reasonable assumption that most Internet marketers now recognize the potential and p...
Add Fax Advertising to your marketing plan
Published by on June 22nd 2012 | Email Marketing
One of the unique benefits of fax advertising is the ability to reach thousands of companies within ...
Internet marketing for startup
Published by Nichole Barker on August 22nd 2012 | Internet Business
For business that is potentially struggling in a startup stage every dollar counts....
PPC Web marketing considering the Canada Potential audience
Published by Burt Collins on February 24th 2012 | Internet Business
A very effective advertising campaigns ads open to press announcements industry is each of our Ppc t...
Online marketing to improve business
Published by Heena123 on February 8th 2012 | Internet Business
Marketing is a much needed strategy in any business to succeed. The success of it is defined by only...
Internet marketing are getting popular
Published by Eminent Socialmedia on May 22nd 2012 | Internet Business
Social media gives a lot of beneficial service as they increase popularity among the visitors and ca...
Can you carry your business in your hands? Why not with Email marketing
Published by FeliciaCorrine on April 17th 2012 | Email Marketing
Internet is revolutionizing the world and is growing fast and vast. Almost 99% of the population in ...
Online marketing strategies for businesses
Published by Julia Bennet on January 25th 2012 | Internet Business
The internet has provided businesses with an effective marketing channel. Consequently, many busines...
Law firm Internet marketing
Published by Julia Bennet on February 21st 2012 | Internet Business
Nowadays, everyone is looking to develop a powerful online presence, including law firms. The concep...
Looking for a franchise opportunity? Why not try an internet marketing franchise through WSI
Published by Wsiyorkshire on June 21st 2012 | Internet Business
Are you looking forward to owning your own franchise? Then why not a WSI franchise? They give you th...
How does an email server smtp work?
Published by Lee Rio on February 29th 2012 | Email Marketing
The email server smtp helps you in sending free emails all over the world. Here are the ways it work...
SMTP relay server and email server SMTP will ensure smooth delivery of emails.
Published by Lee Rio on January 23rd 2012 | Email Marketing
Although SMTP relay server ensures smooth delivery of emails, problems might crop up anytime. You ne...
Social media marketing tools – what are the right ones for your small business?
Published by Wsiworld on August 1st 2012 | Internet Business
Social media marketing tools – what are the right ones for your small business?...
Hosted email exchange solutions
Published by Ema Sis on March 3rd 2012 | Email Marketing
Exchange continues to be the popular Microsoft messaging system that features an email server, an em...
Specifically how Web 2.0 Will have Stricken Affiliate marketing online?
Published by Andrew Wilkinson on April 16th 2012 | Internet Business
In functioning your company while disappointed on what you are reaching, something else you should g...
Performed Web 2.0 are not able to Perfect Internet website marketing?
Published by Bell Alphonse on April 18th 2012 | Internet Business
There are many of websites also applications whom combine retail therapy and looking out to guarante...
Now you can Send email from Any Server
Published by Rio Lee on April 19th 2012 | Email Marketing
The SMTP Relay Services enable the user to send mail through their email accounts without changing t...