Free Guide to HTML Email Design

MailChimp, the email delivery and management platform, is giving away a PDF guide that helps you code HTML emails that will look the way you want them to -- no matter who's viewing the message.
Written by Terri Stone on March 18, 2010

Related Reading

MailChimp is an email delivery and management platform. As you might have suspected from its less-than-stuffy name, it's also a company with an odd sense of humor.

That odd humor is everywhere in the free PDF guide "Email Jitsu: Email Design and Coding Tactics from the Ancient Web Masters of the 1990s." However, the writers aren't pulling your leg when they give advice like the following:

* Take your HTML email template, and fill it with lots of real content. Turn off CSS. Turn off images, because so many email apps display emails with images off by default. Does the message still get across? If not, you have failed.

* Most email apps use some form of preview pane. In general, you have either 250-px in width (and lots of height), or 250-px in height (and lots of width) to include your most important elements, like logo, top story, etc.

The PDF also includes links to more training, all from MailChimp, but training that can often apply no matter what you use to send HTML emails.

Download the PDF here.

Thanks to SwissMiss for posting about the guide.

Post a Comment

  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <p> <div> <br> <center> <img> <h2>
  • Lines and paragraphs break automatically.
  • Use <!--pagebreak--> to create page breaks.

More information about formatting options

CAPTCHA
This question is for testing whether you are a human visitor and to prevent automated spam submissions.
Image CAPTCHA
Copy the characters (respecting upper/lower case) from the image.