<?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; html email</title>
	<atom:link href="http://www.mailchimp.com/blog/tag/html-email/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.mailchimp.com/blog</link>
	<description>MailChimp, email marketing, and monkeys!</description>
	<lastBuildDate>Fri, 13 Nov 2009 21:09:20 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>More Email Templates To Love in MailChimp</title>
		<link>http://www.mailchimp.com/blog/more-email-templates-to-love-in-mailchimp/</link>
		<comments>http://www.mailchimp.com/blog/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://www.mailchimp.com/blog/?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://www.mailchimp.com/blog/wp-content/uploads/2009/10/zen-thm2.jpg" rel="facebox"><img class="alignright size-full wp-image-5248" title="zen-thm2" src="http://www.mailchimp.com/blog/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://mailchimp.com/autoresponders">Autoresponders</a>.</p>
<p>What&#8217;s cool is that since we&#8217;re using our new<a href="http://www.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://www.mailchimp.com/blog/wp-content/uploads/2009/10/gallery-tab.png" rel="facebox"><img class="alignnone size-full wp-image-5253" title="gallery-tab" src="http://www.mailchimp.com/blog/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://www.mailchimp.com/blog/wp-content/uploads/2009/10/pre-designed-templates1.jpg" rel="facebox"><img class="alignnone size-medium wp-image-5254" title="pre-designed-templates" src="http://www.mailchimp.com/blog/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://www.mailchimp.com/blog/wp-content/uploads/2009/10/thanksgiving-email-template-2.jpg" rel="facebox"><img class="alignnone size-medium wp-image-5260" title="thanksgiving-email-template-2" src="http://www.mailchimp.com/blog/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://www.mailchimp.com/blog/wp-content/uploads/2009/10/time-for-checkup.jpg" rel="facebox"><img class="alignnone size-medium wp-image-5296" title="time-for-checkup" src="http://www.mailchimp.com/blog/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://www.mailchimp.com/blog/wp-content/uploads/2009/10/live-green-template.jpg" rel="facebox"><img class="alignnone size-medium wp-image-5268" title="live-green-template" src="http://www.mailchimp.com/blog/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://www.mailchimp.com/blog/wp-content/uploads/2009/10/adding-tips.jpg" rel="facebox"><img class="alignnone size-medium wp-image-5271" title="adding-tips" src="http://www.mailchimp.com/blog/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://www.mailchimp.com/blog/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://www.mailchimp.com/blog/wp-content/uploads/2009/10/search-istockphoto-plumber.jpg" rel="facebox"><img class="alignnone size-medium wp-image-5280" title="search-istockphoto-plumber" src="http://www.mailchimp.com/blog/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://www.mailchimp.com/blog/wp-content/uploads/2009/10/plumber-templates.jpg" rel="facebox"><img class="alignnone size-medium wp-image-5286" title="plumber-templates" src="http://www.mailchimp.com/blog/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://www.mailchimp.com/blog/wp-content/uploads/2009/10/export-code-template2.jpg" rel="facebox"><img class="alignnone size-medium wp-image-5289" title="export-code-template2" src="http://www.mailchimp.com/blog/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://www.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://www.mailchimp.com/blog/wp-content/uploads/2009/10/code-custom-templates.jpg" rel="facebox"><img class="alignnone size-full wp-image-5290" title="code-custom-templates" src="http://www.mailchimp.com/blog/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://www.mailchimp.com/blog/wp-content/uploads/2009/10/custom-template-editor.jpg" rel="facebox"><img class="alignnone size-medium wp-image-5291" title="custom-template-editor" src="http://www.mailchimp.com/blog/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://www.mailchimp.com/blog/more-email-templates-to-love-in-mailchimp/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>Gmail Padding Fix for HTML Email Templates</title>
		<link>http://www.mailchimp.com/blog/gmail-padding-fix-for-html-email-templates/</link>
		<comments>http://www.mailchimp.com/blog/gmail-padding-fix-for-html-email-templates/#comments</comments>
		<pubDate>Mon, 18 Feb 2008 16:48:45 +0000</pubDate>
		<dc:creator>Ben</dc:creator>
				<category><![CDATA[Email Design]]></category>
		<category><![CDATA[MailChimp News]]></category>
		<category><![CDATA[MailChimp Upgrade]]></category>
		<category><![CDATA[cellpadding]]></category>
		<category><![CDATA[css html email]]></category>
		<category><![CDATA[gmail]]></category>
		<category><![CDATA[html email]]></category>

		<guid isPermaLink="false">http://www.mailchimp.com/blog/gmail-padding-fix-for-html-email-templates/</guid>
		<description><![CDATA[I thought for sure Gmail would fix the cellpadding problem that popped up last November, but I guess they did all that on purpose. Oh well.
So we just upgraded our HTML Email template designer to work for Gmail. It uses inline-CSS to add the padding for proper Gmail rendering. In other email programs, where CSS [...]]]></description>
			<content:encoded><![CDATA[<p>I thought for sure Gmail would fix the <a href="http://www.mailchimp.com/blog/gmail-breaking-cellpadding/" title="Gmail cellpadding problem">cellpadding problem</a> that popped up last November, but I guess they did all that on purpose. Oh well.</p>
<p>So we just upgraded our HTML Email template designer to work for Gmail. It uses inline-CSS to add the padding for proper Gmail rendering. In other email programs, where CSS doesn&#8217;t work, our templates fail gracefully to use the old-fashioned cellpadding. Here&#8217;s a before-and-after screenshot (click to zoom in):</p>
<p><a href="http://www.mailchimp.com/blog/wp-content/uploads/2008/02/gmail-cellpadding-broken.gif" rel="facebox" title="Gmail cellpadding broken"><img src="http://www.mailchimp.com/blog/wp-content/uploads/2008/02/gmail-cellpadding-broken.gif" alt="Gmail cellpadding broken" border="0" height="149" hspace="0" vspace="5" width="395" /></a></p>
<p>MailChimp users: This only applies to brand new templates, created after February 15th. Normally, we like to make changes like this retroactive, but this was one of those changes to our code base that just wouldn&#8217;t allow for that.  So if you want your templates to work perfectly in Gmail, you&#8217;ll need to create all new ones in MailChimp. Otherwise, your templates will work fine in all the other major email programs. If you&#8217;re looking for an excuse not to go through the work of creating new templates, you can always say, &#8220;That&#8217;s Gmail&#8217;s problem, <a href="http://www.esquire.com/the-side/opinion/gmail-061307" title="Why is Gmail still in beta?" target="_blank">because they&#8217;re still in friggin&#8217; beta</a>.&#8221;</p>
<p>For me, this was just a good excuse to sit down and tweak all my old templates, and to go ahead and make a few more (see: <a href="http://www.mailchimp.com/blog/7-basic-email-templates-every-business-needs/" title="7 basic html email templates every business needs">7 basic email templates every business needs</a>).</p>
]]></content:encoded>
			<wfw:commentRss>http://www.mailchimp.com/blog/gmail-padding-fix-for-html-email-templates/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
	</channel>
</rss>
