After you’ve finally figured out how to design and code your first HTML email template
(and, of course, your plain-text alternative version as well), don’t just plop in your
content and start sending campaigns to your list. You need to test your template first.
Make sure it’ll work in all the different email applications out there. Once you’ve found
all the little bugs, and your template is “rock solid,” you can start sending.
Web Designers: emails aren’t the same as web pages!
If you’re a web designer, you’re probably used to testing web pages in a few different
browsers, like Internet Explorer, Mozilla Firefox, and Mac’s Safari. And you’re probably
familiar with a few annoying inconsistencies between all the browsers, and you have a
couple hacks to make things look right.
Multiply all that by ten, for email design. There are tons of email applications out there
that you need to test on, and they all render HTML email in their own annoying ways. Do
you need to test every single newsletter across every single application, every single
time you send? Of course not. Just setup a good, simple, rock solid template and test it
as much as possible. Then all you do is swap out content. Here are some tips for testing
your email designs...
Testing in Different Email Applications
In the past, the only way to test your campaigns was to setup a bunch of accounts at all
the major ISPs, setup some test computers with different operating systems and email
programs, and send test campaigns to them. It would take hours to do all this, and it
really took all the fun out of email marketing.
That’s why we created our Inbox Inspector tool. You build your campaign, and click one
button. We’ll generate screenshots of how your campaign will look in every major email
program, and we’ll tell you if any of the major spam filters and email firewalls will block
your message, and why. We’ll point out what content you need to fix in order to not get
blocked. We’ll even check for typos and HTML coding errors. Learn more about the
Inbox Inspector at:
If you prefer to test your campaigns yourself, here are some email applications you
should install, and what to look for:
AOL
Their free CDs are everywhere, and they offer some very cheap $7 per month plans if
you call and ask for them. They’ll only give you 2 or 3
hours a month, but that’s good enough for testing.
AOL takes spam very seriously. So check to make sure
your emails don’t get filtered. Also, notice their
“Report Spam” button. You’ve got to make sure your
emails look relevant, or people will click that button (even if they opted in to your list!).
At the time of this writing, AOL 9 has an extremely tiny “preview” pane. It’s about 194
pixels wide, so make sure that your branding shows up okay under those circumstances.
If your email is too wide, and your logo is right-aligned, your recipients will never see it,
and they may never realize who sent it.
AOL’s “preview pane” is tiny! Does your logo peek out enough?
Apple Mail
This is Apple’s free email application. You get a nice big preview pane here, and they
don’t do much image blocking at all (yet). Images seem to be blocked only if an email
ends up in its junk folder. Apple Mail comes with its own spam filtering system that
“learns” so you should test your emails for any deliverability issues.
Apple’s Entourage
Kind of like Microsoft Outlook, but for the Mac (it comes with Mac Office). Their HTML
email support is fine, but we noticed in earlier versions of Entourage, if you send an
email in HTML format, but it consists of nothing but text and hyperlinks (no graphics or
tables), then the links actually display their URL next to them. Kind of odd. But if the
email actually contains a graphic or table, then the links work as coded. The issue seems
to be fixed in the latest version of Entourage 2004.
Microsoft Outlook 2003
Outlook 2003 has better spam protection, so watch whether or not your emails get
filtered. Also, this one’s got 3 vertical panes, so your emails have less room in the
preview area (see below).
Three vertical panes in Outlook 2003 leave little room: Make sure you fit!
Microsoft Outlook 2000
There are lots of business users who haven’t upgraded to Outlook 2003 yet. This
version of Outlook predates all the vicious worms, spam, and viruses that we’re used to
now, so more of your emails with flash and videos and crazy stuff will actually work
here. Don’t let it build your confidence. That fancy stuff won’t work in other programs.
Microsoft Outlook Express
This is the free version of Microsoft Outlook, installed on all Windows machines. Used
mostly by “at home” recipients. Not really many HTML email issues, besides the usual
“block images by default” feature that’s on just about every email application these
days.
Microsoft Outlook 2007
For Outlook 2007, the big change is that Microsoft is switching from using Internet
Explorer (a web browser) to render HTML email to using Microsoft Word (a text editor) to
render HTML email. Obviously, HTML email would render a lot better in a browser than
Microsoft Word, so this is kind of a bummer. Microsoft says they’re doing this because
they want their customers to have more control over editing HTML email. Whatever.
Here’s what you need to know about Outlook 2007:
Background images won’t work.
Most CSS won’t work.
Flash definitely won’t work.
No forms
No animated Gifs
Lotus Notes 6.5.3 and 6.5.4
If lots of your recipients work at very large companies, you’ll need to check your emails
in Lotus Notes. This is probably the most frustrating email application out there. It does
the strangest things. You’ll need to keep your layouts very simple. Even still, Lotus will
find a way to mess things up. I’m still baffled about how they managed to make a cell in
my table blink red. There are even big differences between Lotus Notes 6.5.3, vs. 6.5.4.
Go to our MonkeyBrains blog, and search for “Lotus Notes” for all the different things
that can go wrong in Lotus.
Eudora 6.2
Eudora has good, predictable HTML email support. We don’t see too many issues to talk
about here.
Mozilla Thunderbird
A free email application that’s gaining in popularity. Does some odd things with alt-text,
and image blocking (search for “mozilla thunderbird” at the MailChimp Blog), but for the
most part supports HTML email great. Thunderbird 1.5 has a feature that tries to detect
“scams,” where they look for hyperlinks that claim to point to a website, but the code
actually links you somewhere else. If it detects a potential “scam,” you get a warning
across the top of the message, saying “Thunderbird thinks this message is a scam.” You
can click the “Not a scam” button if it was a false alarm. It’s a nice idea, but it seems to
give lots of false positives, especially when you use click tracking in your emails (all your
links will point to a redirect script, in order to track clicks). In the Thunderbird support
forums, they say that the feature is still kind of new, and they’re working on refining it.
We don’t think it’s much of a problem, as long as your emails look nice and
professional.
Labels: Designs, Email, mozilla, Testing, thunderbird, Troubleshooting