They included some beautiful new holiday templates, plus some new themes like “Environment” (for all the green and earth-friendly businesses we’re seeing in MailChimp) and “Functional” for use in very specific applications, like, say, Autoresponders.

What’s cool is that since we’re using our new Template Design Language, some of the templates have some unique MailChimp features baked right in. I’ll show you what I mean…

To find them, create a campaign. When it’s time to pick your template, go to the “Gallery” tab:

You’ll notice a pulldown menu where you can sort the template by category:

Under “Holidays” you’ll notice some elegant options, like:

Mmmm, turducken (what the heck is a “turducken?“).

Under the “Functional” category, we have new templates that you can use for very specific cases, like an annual autoresponder when it’s time to come in for a checkup:

Under the “Environment” category, you’ll find this template:

Let’s take a closer look at this one.

In the right column, you’ll notice a series of tips. We’re using MailChimp’s nifty ability to create addable content blocks:

Just keep clicking the little “+” icon, to add more tips.

Yes, Style and Versatility

I know this template is called “Live Green,” but this particular template is actually versatile enough to be used for other applications.

Like, saaaay, a plumber’s newsletter.

Let’s use the iStockphoto integration in our image gallery to search for “plumber” pictures:

and plop it into the left column of our template:

After that, I can tweak the colors, fonts, and other styles to match my brand.

Exportable for Template Hackers

Here’s a power tip from Fabio (yes, that’s his real name). He’s one of the DesignLab scientists who contributed a bunch of these templates, and is working on many more.

“Most of these pre-built templates are kind of rigid, but if you’re handy with HTML/CSS, you can take any one of them and export the code in order to tweak it exactly the way you want:

Tip: You’ll want to brush up on our Email Template Language (here’s a handy video tutorial).

Then, re-import your custom template back into MailChimp by clicking this button:

just copy-paste your code into our template editor and hit save:

We hope you find these useful. Stay tuned, because we’ve got a lot more email template announcements to make!

Follow these best practices and you are sure to create awesome emails that your clients will love:

• Your email layout should be no wider than 600 pixels for best viewing in various email clients
• Avoid using the following CSS in your templates:
  • Floats
  • Positioning
  • Background images (doesn’t work in Outlook and Gmail)
• Use this wonderful reference created by our friends at Campaign Monitor to see what CSS is supported in major email clients http://www.campaignmonitor.com/css/
• It’s a good idea to limit the number of editable spaces in the template to keep things simple
• Name all editable spaces consistently. The name you assign via mc:edit="somename" is used to create a field in the database to store the user’s content. If they switch templates after writing content, they could lose their copy if the editable space names aren’t consistent. Use the following conventions common content areas:
  • mc:edit="header – used to name the header
  • mc:edit="header_image" – used to name an editable header image
  • mc:edit="sidecolumn" – used to name an editable left or right side column
  • mc:edit="main" – used to name the main content space
  • mc:edit="footer" – used to name the footer
• Editable images should not be placed within an editable content container
• Set the @theme declaration in your CSS for the page background, header, footer and content space so templates can be quickly customized with the MailChimp color themes. See the template language docs for the correct names to be used.
• Be creative with the use of merge tags. Use the social merge tags to provide readers of your email new ways to connect with you and share your content. Use The table of contents merge tag (*|MC:TOC|*) to create an automatic list of links to the <h1> and <h2> headings in an email.
• Be sure to include the required CAN-SPAM info in the footer (*|UNSUB|* *|LIST:DESCRIPTION|* *|LIST:ADDRESS|*)
• Include target="_blank" in links to ensure they open a new browser window or tab when emails are viewed in browser based email clients
• Include a link for users to update their subscription preferences <a href="*|UPDATE_PROFILE|*" target="_blank">change subscription preferences</a>
• Include a link to let users view the email in a browser: <a href=”*|ARCHIVE|*” target=”_blank”>view this email in a browser.</a>
• Include a link to your website: <a href=”*|LIST:URL|*” target=”_blank”>visit our website</a>
• Feature the forward to a friend link somewhere prominent <a href=”*|FORWARD|*” target=”_blank”>forward to a friend</a>. Make a cool button treatment for it where possible to encourage sharing
• Once you’ve created a template, put test it in a campaign and try customizing it by changing color, adding content, etc to make sure it will work well for others who might be using it in different situations.

We think you’ll really like using rich-text templates because they combine the aesthetic cleanliness of a text-based email (meaning no extraneous design elements) with the ability to embed URL strings.  Designers, this means you will be able to track opens and clicks while still giving your readers a more standard email experience.  You will also be able to format your text, giving you control over things like text color and font selection.

There are a couple important things to note about this new template type.  First of all, text will be left-aligned, as opposed to centered– more like the traditional one-on-one email experience that most of us are used to.  Secondly, you can insert a logo or header if you choose, but it’s completely optional.  In addition, you can now adjust the width of your email (in pixels) to make it as wide or as narrow as you’d like.  Last but not least, you can use rich-text templates with both RSS-to-Email and A/B Split campaign types.  Woo-hoo!

• Your Monthly (or Quarterly) Newsletter Template: This one goes out to the general public who opted-in for your company news. You’ll probably want it to be a 2-column layout, so you can put self-gratuitous promotions in the side column. Be sure to keep the “main” column full of useful content.
• Company Letterhead Template: Use this for rare announcements, such as pricing changes, shipping problems, billing errors, or “system is temporarily down” alerts. But read this before you send any public apologies with it.
• Special Promotions Template: Use this when you have big, splashy product photographs to promote a big sale. We recommend MailChimp’s “postcard” email template.
• Holiday E-card Template: This can be a variation of the postcard template. You’d insert a nice, beautiful graphic into the postcard image slot. Here are some free templates for your holiday e-cards.
• Event (e-vite) Template: Use this when you want to invite people to a company event.
• Event followup/Survey Template: Use this after your event has taken place, and you want to thank your attendees for coming. You might include a link to an online feedback survey (we recommend SurveyMonkey) and you might include digital photos from the event.
• Internal Newsletter Template: Use this for sending internal newsletters to your staff.

If you’re a MailChimp customer, just use our built-in HTML email template designer to go ahead and create these templates now. Save them in your templates gallery, so that when the time comes (trust me, it will), you can just pick the template, add content, and click send. Our free email templates have been tested to work in all the major email programs, and they can be customized to look like a big expensive agency designed them for you (see some examples).

If you’re not a MailChimp customer, you can customize the free HTML email template code we provide here.

If you prefer to design your own HTML email templates, here are some coding tips and tricks from MailChimp’s Email Marketing Resource Library. Just be sure to test your email designs in all the major email programs before sending.