<?xml version="1.0" encoding="UTF-8"?> <rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" ><channel><title>MailChimp Email Marketing Blog &#187; templates</title> <atom:link href="http://blog.mailchimp.com/tag/templates/feed/" rel="self" type="application/rss+xml" /><link>http://blog.mailchimp.com</link> <description>MailChimp, email marketing, and monkeys!</description> <lastBuildDate>Wed, 08 Feb 2012 23:04:08 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.3.1</generator> <item><title>33 New Email Templates</title><link>http://blog.mailchimp.com/33-new-email-templates/</link> <comments>http://blog.mailchimp.com/33-new-email-templates/#comments</comments> <pubDate>Wed, 20 Jul 2011 13:00:44 +0000</pubDate> <dc:creator>Aarron</dc:creator> <category><![CDATA[Design]]></category> <category><![CDATA[Email Design]]></category> <category><![CDATA[MailChimp News]]></category> <category><![CDATA[email templates]]></category> <category><![CDATA[templates]]></category><guid isPermaLink="false">http://blog.mailchimp.com/?p=14038</guid> <description><![CDATA[<p> On your next foray into the campaign builder you'll notice that we've just released a whole bunch of new templates&emdash;33 to be exact. We <a href="http://blog.mailchimp.com/v6-0-launching-monday/" target="_blank">released six new templates in June</a>, which brings our grand total of new templates in the past few weeks to just shy of 40.</p>]]></description> <content:encoded><![CDATA[<p> On your next foray into the campaign builder you&#8217;ll notice that we&#8217;ve just released a whole bunch of new templates&#8212;<strong>33 templates</strong> to be exact. We <a href="http://blog.mailchimp.com/v6-0-launching-monday/" target="_blank">released six new templates in June</a>, which brings our grand total of new templates in the past few weeks to just shy of 40.</p> <figure><img src="http://blog.mailchimp.com/wp-content/uploads/2011/07/newsletter.png" alt="" title="" width="500" height="765" style="border:1px solid #ddd;" /><br /> <figcaption>Figure 1. A new color field newsletter template.</figcaption> </figure><p><span id="more-14038"></span></p><p>Here&#8217;s a quick breakdown of the templates you&#8217;ll find in the latest release:</p><ul><li><strong>Stationery</strong>: 6</li><li><strong>Coupons</strong>: 12</li><li><strong>Inspirational</strong>: 6</li><li><strong>Newsletter</strong>: 3</li><li><strong>Eventbrite</strong>: 3</li><li><strong>SurveyMonkey</strong>: 3</li></ul><p>Use the new stationery templates to send professional letters from the head honcho or quick updates to your subscribers on projects in the works <strong>(figure 2)</strong>. If you run a retail store or an ecommerce site, the new coupon templates are going to be really handy as we approach back to school and the holiday season <strong>(figure 4)</strong>. These puppies have <a href="http://kb.mailchimp.com/article/how-do-i-use-the-qr-code-merge-tag/" target="_blank">QR Code merge tags</a> built in so you can create a discount, then use our <a href="http://mailchimp.com/features/pyow/" target="_blank">Pyow iPhone app</a> to handle the redemption at your store.</p> <figure><img src="http://blog.mailchimp.com/wp-content/uploads/2011/07/stationery.png" alt="" title="" width="500" height="667" style="border:1px solid #ddd;" /><br /> <figcaption>Figure 2. A selection of the new stationery templates.</figcaption> </figure><p>The color field newsletter templates are easily customized using color themes <strong>(figure 1)</strong>. Pop a photo into the header and you&#8217;ve got an elegant template with very little time invested.</p> <figure><img src="http://blog.mailchimp.com/wp-content/uploads/2011/07/insiration.png" alt="" title="" width="500" height="667" style="border:1px solid #ddd;" /><br /> <figcaption>Figure 3. Some of the new inspiration templates</figcaption> </figure> <figure><img src="http://blog.mailchimp.com/wp-content/uploads/2011/07/coupon.png" alt="" title="coupon" width="500" height="667" style="border:1px solid #ddd;" /></p> <figcaption>Figure 4. A few of the new coupon templates</figcaption> </figure><p>We&#8217;ve also updated the Eventbrite templates <strong>(figure 5)</strong>. If you&#8217;re promoting events through <a href="http://blog.mailchimp.com/eventbrite-integration-with-mailchimp/" target="_blank">Eventbrite, you can connect your MailChimp account</a> to send custom emails to attendees.</p> <figure><img src="http://blog.mailchimp.com/wp-content/uploads/2011/07/auto-connect.png" alt="" title="" width="500" height="667" class="alignnone size-full wp-image-14051" /><br /> <figcaption>Figure 3. Eventbrite and SurveyMonkey auto-connect templates.</figcaption> </figure><p>Simian powers unite with this release as we&#8217;ve introduced three new autoconnect templates that let you connect your SurveyMonkey surveys to MailChimp to send fancy invitations to your surveys <strong>(figure 5)</strong>. You can learn a little more about our <a href="http://www.surveymonkey.com/mp/lp/mailchimplanding" target="_blank">SurveyMonkey integration over here</a>.</p><p>We have <strong>a lot</strong> more templates in the works too. This is just the beginning. If you&#8217;re into designing and coding your own templates, don&#8217;t forget to check out our <a href="https://github.com/mailchimp/Email-Blueprints" target="_blank">Email Blueprint project over on Github</a>, which contains 35 layouts (including some mobile friendly templates) that have been tested in all major email clients.</p> ]]></content:encoded> <wfw:commentRss>http://blog.mailchimp.com/33-new-email-templates/feed/</wfw:commentRss> <slash:comments>28</slash:comments> </item> <item><title>Saving Templates in MailChimp</title><link>http://blog.mailchimp.com/saving-templates-in-mailchimp/</link> <comments>http://blog.mailchimp.com/saving-templates-in-mailchimp/#comments</comments> <pubDate>Thu, 03 Jun 2010 10:44:38 +0000</pubDate> <dc:creator>Ben</dc:creator> <category><![CDATA[Email Design]]></category> <category><![CDATA[Using MailChimp]]></category> <category><![CDATA[templates]]></category><guid isPermaLink="false">http://blog.mailchimp.com/?p=8054</guid> <description><![CDATA[Getting into the habit of using MailChimp's "Save as template" functionality. ]]></description> <content:encoded><![CDATA[<p>Just a quick little tip for MailChimp customers on saving templates. We&#8217;ve noticed a lot of people are replicating old campaigns for each new newsletter (over and over), then stripping the content from the last newsletter, and then filling it with new content. There&#8217;s nothing wrong with that, but it can get sloppy sometimes if that original email that you&#8217;re replicating contains bad code (such as code that was copy-pasted from Microsoft Word) which begets even more bad code on each replication.</p><p><strong><em>Much</em></strong> safer to simply use the &#8220;Save this email as a template&#8221; link:</p><p><a href="http://blog.mailchimp.com/wp-content/uploads/2010/06/save-to-my-templates.jpg"><img class="alignnone size-medium wp-image-8055" title="save-to-my-templates" src="http://blog.mailchimp.com/wp-content/uploads/2010/06/save-to-my-templates-300x131.jpg" alt="save-to-my-templates" width="300" height="131" /></a></p><p>MailChimp will take the campaign you&#8217;re currently working on in the editor, and save it to your templates area&#8230;</p><p><span id="more-8054"></span></p><p>So later, when it&#8217;s time to build a new campaign, you&#8217;ll see that spiffy template as an option:</p><p><a href="http://blog.mailchimp.com/wp-content/uploads/2010/06/my-templates-area.jpg"><img class="alignnone size-medium wp-image-8056" title="my-templates-area" src="http://blog.mailchimp.com/wp-content/uploads/2010/06/my-templates-area-300x146.jpg" alt="my-templates-area" width="300" height="146" /></a></p><p>Just select the template, and fill it with content:</p><p><a href="http://blog.mailchimp.com/wp-content/uploads/2010/06/select-template.jpg"><img class="alignnone size-full wp-image-8057" title="select-template" src="http://blog.mailchimp.com/wp-content/uploads/2010/06/select-template.jpg" alt="select-template" width="245" height="220" /></a></p><p>Years ago, building templates and editing content were in two totally separate areas of MailChimp. It was very much a &#8220;web design&#8221; paradigm. You keep your CSS and template files over here, and then you build content over there. Worked great for web designers, but not-so-great for everyone else.</p><p>So the current paradigm is more like Microsoft Word. You just work on documents, and if you want, you can choose to &#8220;Save as template:&#8221;</p><p><a href="http://blog.mailchimp.com/wp-content/uploads/2010/06/save-as-template-word.jpg"><img class="alignnone size-medium wp-image-8065" title="save-as-template-word" src="http://blog.mailchimp.com/wp-content/uploads/2010/06/save-as-template-word-300x144.jpg" alt="save-as-template-word" width="300" height="144" /></a></p><h3>Get into the habit of &#8220;Save As Template&#8221;</h3><p>It&#8217;s not easy to remember, but I&#8217;ve gotten into the habit of saving templates often. If I make any kind of tweak whatsoever to my newsletters, I save it as a new template just in case I want it in the future.</p><p>For example, I originally started with a 2-column template for my MonkeyWrench newsletter:</p><p><a href="http://blog.mailchimp.com/wp-content/uploads/2010/06/started-with-2col.jpg"><img class="alignnone size-full wp-image-8062" title="started-with-2col" src="http://blog.mailchimp.com/wp-content/uploads/2010/06/started-with-2col.jpg" alt="started-with-2col" width="291" height="202" /></a></p><p>For one of my issues, I decided to take away the side column (I think I wanted to do a video-only issue). So I made a new template that only had one big column:</p><p><a href="http://blog.mailchimp.com/wp-content/uploads/2010/06/then-1col-layout.jpg"><img class="alignnone size-full wp-image-8063" title="then-1col-layout" src="http://blog.mailchimp.com/wp-content/uploads/2010/06/then-1col-layout.jpg" alt="then-1col-layout" width="291" height="202" /></a></p><p>I immediately saved that 1-column email as a template, just in case I wanted to use something like that in the future.</p><p>Which I did, for a <a href="http://us1.campaign-archive.com/?u=67a904de95&amp;id=12c6c2107c" target="_blank">prize notification email</a> that I had to send in a hurry. Glad I saved that template! All I had to do was swap out the header graphic, and I was done.</p><p>Later, when I had more time, I designed <a href="http://us1.campaign-archive.com/?u=67a904de95&amp;id=29589b7dbb" target="_blank">a new email</a> (this time using more of a postcard layout) to notify our 2nd round prize winners, and you know I definitely saved that as a new template too:</p><p><a href="http://blog.mailchimp.com/wp-content/uploads/2010/06/postcard-template.jpg"><img class="alignnone size-full wp-image-8064" title="postcard-template" src="http://blog.mailchimp.com/wp-content/uploads/2010/06/postcard-template.jpg" alt="postcard-template" width="221" height="218" /></a></p><p>BTW, did you notice the tiny little icons underneath the template thumbnails?</p><p><a href="http://blog.mailchimp.com/wp-content/uploads/2010/06/export-template.jpg"><img class="alignnone size-full wp-image-8058" title="export-template" src="http://blog.mailchimp.com/wp-content/uploads/2010/06/export-template.jpg" alt="export-template" width="278" height="173" /></a></p><p>If you click the little green &#8220;down&#8221; arrow, that lets you download the HTML code for that email template.</p><p>This is actually a really powerful tool, because if you&#8217;re good at HTML, you can open this file and use our <a href="http://blog.mailchimp.com/resources/email-template-language/">HTML email template language</a> to modify editable regions, editable images, repeatable sections, and more for your clients.</p><p>Once you&#8217;ve got that template all coded, you can get to your &#8220;My Templates&#8221; area directly from MailChimp&#8217;s Dashboard:</p><p><a href="http://blog.mailchimp.com/wp-content/uploads/2010/06/my-templates-bttn.jpg"><img class="alignnone size-medium wp-image-8059" title="my-templates-bttn" src="http://blog.mailchimp.com/wp-content/uploads/2010/06/my-templates-bttn-300x120.jpg" alt="my-templates-bttn" width="300" height="120" /></a></p><p>Then you&#8217;d choose the option to &#8220;code custom templates:&#8221;</p><p><a href="http://blog.mailchimp.com/wp-content/uploads/2010/06/code-custom-templates.jpg"><img class="alignnone size-full wp-image-8060" title="code-custom-templates" src="http://blog.mailchimp.com/wp-content/uploads/2010/06/code-custom-templates.jpg" alt="code-custom-templates" width="274" height="172" /></a></p><p>And then copy-paste your custom template code into the interface:</p><p><a href="http://blog.mailchimp.com/wp-content/uploads/2010/06/template-custom-code-paste.jpg"><img class="alignnone size-medium wp-image-8061" title="template-custom-code-paste" src="http://blog.mailchimp.com/wp-content/uploads/2010/06/template-custom-code-paste-300x182.jpg" alt="template-custom-code-paste" width="300" height="182" /></a></p><p>Years ago, I actually wrote an article about the &#8220;<a href="http://blog.mailchimp.com/7-basic-email-templates-every-business-needs/">7 types of email templates every business needs.</a>&#8221; It&#8217;s filled with old, broken links, but the content is still good imho. I&#8217;ve been sending emails from MailChimp since 2001, and have consistently needed those templates.</p> ]]></content:encoded> <wfw:commentRss>http://blog.mailchimp.com/saving-templates-in-mailchimp/feed/</wfw:commentRss> <slash:comments>10</slash:comments> </item> <item><title>More Email Templates To Love in MailChimp</title><link>http://blog.mailchimp.com/more-email-templates-to-love-in-mailchimp/</link> <comments>http://blog.mailchimp.com/more-email-templates-to-love-in-mailchimp/#comments</comments> <pubDate>Mon, 02 Nov 2009 15:43:04 +0000</pubDate> <dc:creator>Ben</dc:creator> <category><![CDATA[Email Design]]></category> <category><![CDATA[MailChimp News]]></category> <category><![CDATA[MailChimp Upgrade]]></category> <category><![CDATA[email templates]]></category> <category><![CDATA[html email]]></category> <category><![CDATA[templates]]></category><guid isPermaLink="false">http://blog.mailchimp.com/?p=5210</guid> <description><![CDATA[The guys from MailChimp DesignLab just uploaded a bunch of new, high-quality email templates for your enjoyment.]]></description> <content:encoded><![CDATA[<p><a rel="attachment wp-att-5248" href="http://blog.mailchimp.com/wp-content/uploads/2009/10/zen-thm2.jpg"><img class="alignright size-full wp-image-5248" title="zen-thm2" src="http://blog.mailchimp.com/wp-content/uploads/2009/10/zen-thm2.jpg" alt="zen-thm2" width="205" height="227" /></a>The guys from MailChimp DesignLab just uploaded a bunch of new, high-quality email templates for your enjoyment.</p><p>They included some beautiful new holiday templates, plus some new themes like &#8220;<em>Environment</em>&#8221; (for all the green and earth-friendly businesses we&#8217;re seeing in MailChimp) and &#8220;<em>Functional</em>&#8221; for use in very specific applications, like, say, <a href="http://blog.mailchimp.com/autoresponders">Autoresponders</a>.</p><p>What&#8217;s cool is that since we&#8217;re using our new<a href="http://blog.mailchimp.com/resources/email-template-language/"> Template Design Language</a>, some of the templates have some unique MailChimp features baked right in. I&#8217;ll show you what I mean&#8230;</p><p><span id="more-5210"></span></p><p>To find them, create a campaign. When it&#8217;s time to pick your template, go to the &#8220;Gallery&#8221; tab:</p><p><a rel="attachment wp-att-5253" href="http://blog.mailchimp.com/wp-content/uploads/2009/10/gallery-tab.png"><img class="alignnone size-full wp-image-5253" title="gallery-tab" src="http://blog.mailchimp.com/wp-content/uploads/2009/10/gallery-tab.png" alt="gallery-tab" width="170" height="106" /></a></p><p>You&#8217;ll notice a pulldown menu where you can sort the template by category:</p><p><a rel="attachment wp-att-5254" href="http://blog.mailchimp.com/wp-content/uploads/2009/10/pre-designed-templates1.jpg"><img class="alignnone size-medium wp-image-5254" title="pre-designed-templates" src="http://blog.mailchimp.com/wp-content/uploads/2009/10/pre-designed-templates1-300x105.jpg" alt="pre-designed-templates" width="300" height="105" /></a></p><p>Under &#8220;Holidays&#8221; you&#8217;ll notice some elegant options, like:</p><p><a rel="attachment wp-att-5260" href="http://blog.mailchimp.com/wp-content/uploads/2009/10/thanksgiving-email-template-2.jpg"><img class="alignnone size-medium wp-image-5260" title="thanksgiving-email-template-2" src="http://blog.mailchimp.com/wp-content/uploads/2009/10/thanksgiving-email-template-2-229x300.jpg" alt="thanksgiving-email-template-2" width="229" height="300" /></a></p><p>Mmmm, turducken (what the heck is a &#8220;<a href="http://en.wikipedia.org/wiki/Turducken" target="_blank">turducken?</a>&#8220;).</p><p>Under the &#8220;Functional&#8221; category, we have new templates that you can use for very specific cases, like an annual autoresponder when it&#8217;s time to come in for a checkup:</p><p><a rel="attachment wp-att-5296" href="http://blog.mailchimp.com/wp-content/uploads/2009/10/time-for-checkup.jpg"><img class="alignnone size-medium wp-image-5296" title="time-for-checkup" src="http://blog.mailchimp.com/wp-content/uploads/2009/10/time-for-checkup-300x287.jpg" alt="time-for-checkup" width="300" height="287" /></a></p><p>Under the &#8220;Environment&#8221; category, you&#8217;ll find this template:</p><p><a rel="attachment wp-att-5268" href="http://blog.mailchimp.com/wp-content/uploads/2009/10/live-green-template.jpg"><img class="alignnone size-medium wp-image-5268" title="live-green-template" src="http://blog.mailchimp.com/wp-content/uploads/2009/10/live-green-template-298x300.jpg" alt="live-green-template" width="298" height="300" /></a></p><p>Let&#8217;s take a closer look at this one.</p><p>In the right column, you&#8217;ll notice a series of tips. We&#8217;re using MailChimp&#8217;s nifty ability to create addable content blocks:</p><p><a rel="attachment wp-att-5271" href="http://blog.mailchimp.com/wp-content/uploads/2009/10/adding-tips.jpg"><img class="alignnone size-medium wp-image-5271" title="adding-tips" src="http://blog.mailchimp.com/wp-content/uploads/2009/10/adding-tips-300x251.jpg" alt="adding-tips" width="300" height="251" /></a></p><p>Just keep clicking the little &#8220;+&#8221; icon, to add more tips.</p><h2>Yes, Style <em>and</em> Versatility</h2><p>I know this template is called &#8220;Live Green,&#8221; but this <em>particular</em> template is actually versatile enough to be used for other applications.</p><p>Like, saaaay, a plumber&#8217;s newsletter.</p><p>Let&#8217;s use the <a href="http://blog.mailchimp.com/image-gallery-and-istockphoto-integration/">iStockphoto integration</a> in our image gallery to search for &#8220;plumber&#8221; pictures:</p><p><a rel="attachment wp-att-5280" href="http://blog.mailchimp.com/wp-content/uploads/2009/10/search-istockphoto-plumber.jpg"><img class="alignnone size-medium wp-image-5280" title="search-istockphoto-plumber" src="http://blog.mailchimp.com/wp-content/uploads/2009/10/search-istockphoto-plumber-300x225.jpg" alt="search-istockphoto-plumber" width="300" height="225" /></a></p><p>and plop it into the left column of our template:</p><p><a rel="attachment wp-att-5286" href="http://blog.mailchimp.com/wp-content/uploads/2009/10/plumber-templates.jpg"><img class="alignnone size-medium wp-image-5286" title="plumber-templates" src="http://blog.mailchimp.com/wp-content/uploads/2009/10/plumber-templates-300x260.jpg" alt="plumber-templates" width="300" height="260" /></a></p><p>After that, I can tweak the colors, fonts, and other styles to match my brand.</p><h2>Exportable for Template Hackers</h2><p>Here&#8217;s a power tip from Fabio (yes, that&#8217;s his real name). He&#8217;s one of the DesignLab scientists who contributed a bunch of these templates, and is working on many more.</p><p>&#8220;Most of these pre-built templates are kind of rigid, but if you&#8217;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:</p><p><a rel="attachment wp-att-5289" href="http://blog.mailchimp.com/wp-content/uploads/2009/10/export-code-template2.jpg"><img class="alignnone size-medium wp-image-5289" title="export-code-template2" src="http://blog.mailchimp.com/wp-content/uploads/2009/10/export-code-template2-300x225.jpg" alt="export-code-template2" width="300" height="225" /></a></p><p>Tip: You&#8217;ll want to brush up on our <a title="Email template language" href="http://blog.mailchimp.com/resources/email-template-language/">Email Template Language</a> (here&#8217;s a handy <a href="http://blip.tv/file/2744142" target="_blank">video tutorial</a>).</p><p>Then, re-import your custom template back into MailChimp by clicking this button:</p><p><a rel="attachment wp-att-5290" href="http://blog.mailchimp.com/wp-content/uploads/2009/10/code-custom-templates.jpg"><img class="alignnone size-full wp-image-5290" title="code-custom-templates" src="http://blog.mailchimp.com/wp-content/uploads/2009/10/code-custom-templates.jpg" alt="code-custom-templates" width="221" height="147" /></a></p><p>just copy-paste your code into our template editor and hit save:</p><p><a rel="attachment wp-att-5291" href="http://blog.mailchimp.com/wp-content/uploads/2009/10/custom-template-editor.jpg"><img class="alignnone size-medium wp-image-5291" title="custom-template-editor" src="http://blog.mailchimp.com/wp-content/uploads/2009/10/custom-template-editor-300x234.jpg" alt="custom-template-editor" width="300" height="234" /></a></p><p>We hope you find these useful. Stay tuned, because we&#8217;ve got a lot more email template announcements to make!</p> ]]></content:encoded> <wfw:commentRss>http://blog.mailchimp.com/more-email-templates-to-love-in-mailchimp/feed/</wfw:commentRss> <slash:comments>11</slash:comments> </item> </channel> </rss>
<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk: basic
Page Caching using disk: enhanced
Object Caching 320/357 objects using disk: basic

Served from: blog.mailchimp.com @ 2012-02-09 15:40:00 -->
