Jun 8, 2012

33 New Templates for v7.2

For release v7.2, we’re adding templates designed by a skilled Atlanta web studio, along with a group of templates designed and built to work wonderfully on mobile devices. This is your monthly template rundown. Join me, won’t you?

Templates for MailChimp release v7.2

Templates for MailChimp release v7.2

We like making friends here at MailChimp and, from time to time, we like working with some of those friends to create new features. In this case, we called upon Atlanta’s own 45Royale to design a handful of templates for our library.

We were all, "Hey, you wanna do a thing?"

They were all, "Totes."

I might be paraphrasing. Anyway, the folks at 45Royale brought us 6 great designs for templates, in the non-profit category:

Non-profit templates by 45Royale

Non-profit templates by 45Royale

And in the food category:

Food templates by 45Royale

Food templates by 45Royale

And, finally, in the art category:

Art templates by 45Royale

Art templates by 45Royale

Each of these six designs come in three layout flavors, giving you lots of options for nice-looking newsletters, and they can be found in the "Designer Templates" section of the template library under the non-profit, food, and art categories.

For our part, we’ve added 15 awesome mobile templates, and you won’t find anything like them anywhere else.

You may have noticed that we’ve been talking about mobile email an awful lot.

Between blog posts on mobile readability, media query support, and research on how people use mobile email, those of you who know HTML and code your own templates and like to get into the nitty gritty of HTML email are probably getting a lot out of it all. Ultimately, our aim is to make mobile templates available to everyone, not just the HTML-savvy. The average user probably knows next to nothing about HTML, or media queries, and they may not care about the (glorious amount of) hard data presented in the research report. Thus, these 15 templates:

Mobile templates using media queries

Mobile templates using media queries

Here’s what you need to know: these templates all live in the "Designer Templates" section of the template library, in the mobile-friendly, stationery, and newsletter categories. They’re all tagged with "[Mobile]" in their names, and once you begin editing them in your campaign, you’ll find that they each have a "mobile styles" editor tab:

User-editable mobile styles

User-editable mobile styles

You can edit the properties in that tab just like you do in any other, and you’ll see your content change in the mobile preview of the template. Of course, you don’t even have to touch that tab — we’ve set up some default values for you that we’ve found to work pretty well.

Now, I do have a disclaimer: the consistency of HTML email design across mobile devices is still pretty awful, simply because of the wide number of email clients, operating systems, and web browsers available. I urge you to test heavily before you send, and don’t be surprised if you see lots of variation. Check out this KB article on mobile preview accuracy for a little more information.

These 15 templates are the tip of the iceberg, as they say. Be on the lookout for more next month. And the month after that. And the month after that. And… Well, you get the idea.

And that’s that. I’ll leave you with some cats on drugs and let you get to it.