<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0"
    xmlns:dc="http://purl.org/dc/elements/1.1/"
    xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
    xmlns:admin="http://webns.net/mvcb/"
    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
    xmlns:content="http://purl.org/rss/1.0/modules/content/">

    <channel>
    
    <title>Campaign Monitor Blog</title>
    <link>http://www.campaignmonitor.com</link>
    <description></description>
    <dc:language>en</dc:language>
    <dc:creator>Freshview</dc:creator>
    <dc:rights>Copyright 2012</dc:rights>
    <dc:date>2012-02-07T03:09:10+00:00</dc:date>
    <admin:generatorAgent rdf:resource="http://expressionengine.com/" />
    

    <item>
      <title>The top 3 tactics for building your email subscriber lists</title>
      <link>/blog/post/3646/the-top-3-tactics-for-building-your-email-subscriber-lists/</link>
      <author>Ros Hodgekiss</author>
      <guid>/blog/post/3646/the-top-3-tactics-for-building-your-email-subscriber-lists/</guid>
      <description><![CDATA[
			
							<p>Starting off with email marketing tends to be a but of a chicken-and-egg scenario. You may  be an awesome email designer and be all over a strategy, but without a good list, it doesn't count for much. Conversely, you may have a list full of folks who are clamoring for what you have to say, but without a solid email newsletter...!</p>

<p>We spend loads of time talking about coding and sending email campaigns, so today lets look at how to build your lists effectively. Conveniently, our friends at MarketingSherpa did some research into the <a href="http://sherpablog.marketingsherpa.com/email-marketing/top-list-growth-tactics/">top 3 tactics you can use to build your campaigns</a>, so I thought we'd cover these, as well as a couple of other ideas for growing your newsletter's audience.</p>

<p>First up, lets look at what they uncovered to be the most effective list growth tactics:</p>

<p><a href="http://sherpablog.marketingsherpa.com/email-marketing/top-list-growth-tactics/"><img src="http://i3.campaignmonitor.com/uploads/images/marketing-sherpa-list-building.gif" alt="MarketingSherpa's results" border="0" width="530" height="507" /></a>
<small>Source: '<a href="http://sherpablog.marketingsherpa.com/email-marketing/top-list-growth-tactics/">MarketingSherpa 2012 Email Marketing Benchmark Report</a>', <a href="http://marketingsherpa.com">MarketingSherpa</a></small></p>

<p>How many of these have you ticked off already? If you've vowed to get more people signing up to your lists this year, read on for practical advice on how to make it happen.</p>

<h3>Tactic #1: Catch new subscribers at checkout</h3>

<p>If you're selling a product or service on your site, providing the option to join your email list during the purchase stage may seem like a bit of a no brainer, but it's often overlooked. Web apps like <a href="http://www.campaignmonitor.com/features/integrations/lemonstand/">Lemonstand</a> and <a href="http://www.campaignmonitor.com/features/integrations/digital-delivery-app/">Digital Delivery App</a> make it super-easy to prompt paying customers into signing up, as do these <a href="http://www.campaignmonitor.com/downloads/">e-Commerce integrations for WordPress, Shopify and more</a>.</p>

<p>Considering that <i>"90% of email marketers say adding an opt-in request to the purchase process is at least &#8220;somewhat effective&#8221; at growing email lists"</i>, shouldn't it be a tactic to make sure you have place in 2012?</p>

<h3>Tactic #2: Offer valuable content, get email signups in return</h3>

<p>If you send or receive business-to-business (B2B) campaigns, you're probably aware of the power of the webinar when it comes to educating customers and making contacts. MarketingSherpa's research backs this up, with <i>90% of email marketers saying they are at least &#8220;somewhat effective&#8221; at building lists and 41% saying they are &#8220;very effective&#8221;</i>. For the rest of us, offering great online content can substantially lift email subscribe rates. In one A/B test, it was shown that <a href="http://www.abtests.com/test/38004/landing-for-geomoto">featuring a video demo on a contact page</a> could result in 80% more responses!</p>

<p>Keeping in mind that not everyone is a webinar or YouTube star waiting to happen, there's always the option of having your customers sign up for exclusive content, or a sneak-peek of an upcoming product.</p>

<h3>Tactic #3: Slap a subscribe form on your site</h3>

<p>Thankfully, one of the most obvious and easy-to-implement tactics is also one of the most effective. It's no surprise that "<i>75% of email marketers</i>" use a subscribe form on their, or their clients' site to collect new subscribers. They don't have to be as subtle as the customary 'subscribe to our newsletter' in the corner of a page, as this <a href="http://www.campaignmonitor.com/blog/post/3203/a-round-up-of-inspiring-email-subscribe-forms/">round-up of inspiring subscribe forms</a> illustrates.</p>

<p>To get started with adding a subscribe form to your site, <a href="http://help.campaignmonitor.com/topic.aspx?t=13">grab our ready-to-use code</a> in your Campaign Monitor account, or check out our collection of <a href="http://www.campaignmonitor.com/downloads/">subscribe form plugins</a>. We've even got a neat little <a href="http://www.campaignmonitor.com/downloads/ajax-subscription-form/">AJAX subscribe form</a> which you can use!</p>

<h3>What else can I do to grow my subscriber lists?</h3>

<p>As you can see from MarketingSherpa's results, list-building isn't limited to the 3 tactics above. Collecting signups in-real-life through events or in-store promotions still ranks highly in the effectiveness stakes, as does collecting email signups through a <a href="http://www.campaignmonitor.com/blog/post/3612/facebook-subscribe-form-app/">Facebook page</a>.</p>

<p>Don't forget that the cornerstones to growing your lists are to stand out, offer value to subscribers and <a href="http://help.campaignmonitor.com/topic.aspx?t=149">respect permission</a> - once you have these sorted, the sky's the limit!</p>

<p><strong>What list building tactics do you, or your clients use? Which have been the most effective and why? Let us know in the comments below.</strong></p>

						]]></description>
      <dc:subject>Latest News</dc:subject>
      <dc:date>2012-02-07T03:09:10+00:00</dc:date>
    </item>

    <item>
      <title>Gmail changes your black&#45;colored links to blue</title>
      <link>/blog/post/3648/gmail-turns-your-links-from-black-to-blue/</link>
      <author>Ros Hodgekiss</author>
      <guid>/blog/post/3648/gmail-turns-your-links-from-black-to-blue/</guid>
      <description><![CDATA[
			
							<p>In recent weeks, a couple of our customers have contacted us to report that links in their email campaigns have suddenly reverted to a <span style="color: #0651CF; text-decoration: underline;">default blue color</span> in Gmail. Upon discussion with these customers and a little testing on our part, we found that any link with either <code>style="color: #000000;"</code> or <code>a { color: black; }</code> applied was having the <code>color</code> CSS property stripped from their code - therefore allowing Gmail's default stylesheet to go to town with their design.</p>

<p>While it's annoying that Gmail should make this rather arbitrary change, thankfully there's an easy fix. Cool customers <a href="http://twitter.com/wilbertheinen">Wilbert Heinen</a> and <a href="http://twitter.com/benjaminkinzer">Benjamin Kinzer</a> both came up with the same solution - use a link color that's black, but <i>not quite</i> black. For example:
<style type="text/css">
.codeblock {
width:92%;
display:block;
padding:20px;
overflow:none;
word-wrap:break-word;
margin-top:20px;
margin-bottom:20px;
background: #ededed;
font-size: 0.8em;
}
</style></p>

<div class="codeblock"><code><span style="color: #000000">
<span style="color: #007700">&lt;</span><span style="color: #0000BB">a&nbsp;href</span><span style="color: #007700">=</span><span style="color: #DD0000">"#"&nbsp;</span><span style="color: #0000BB">style</span><span style="color: #007700">=</span><span style="color: #DD0000">"color:&nbsp;#000001;"</span><span style="color: #007700">&gt;&nbsp;...&nbsp;</span>
</span>
</code></div>

<p>Alternately, you can use <code> color: #000000 <span color="red">!important</span>;</code>, which oddly enough, doesn't get stripped out of the code.</p>

<p>In wondering what Gmail holds against the color black, we turned to Spinal Tap for answers:</p>

<iframe width="530" height="299" src="http://www.youtube.com/embed/LOqAamL9xls" frameborder="0" allowfullscreen style="margin-bottom: 20px;"></iframe>

<p>When it comes to links in Gmail, anchor links can be '<i>none, none more black'</i>.</p>

<p>Thanks to Wilbert and Ben for these fixes to a rather kooky new email rendering issue. If you see any further changes in Gmail, <a href="http://www.campaignmonitor.com/contact">be sure to get in touch with us</a>.</p>

						]]></description>
      <dc:subject>Latest News</dc:subject>
      <dc:date>2012-02-01T22:19:44+00:00</dc:date>
    </item>

    <item>
      <title>Email win: Displaying a pixel&#45;art fallback when images are blocked</title>
      <link>/blog/post/3642/email-with-pixel-art-fallback-when-images-are-blocked/</link>
      <author>Ros Hodgekiss</author>
      <guid>/blog/post/3642/email-with-pixel-art-fallback-when-images-are-blocked/</guid>
      <description><![CDATA[
			
							<p>Remember that Pizza Express email that we featured in our '<a href="http://www.campaignmonitor.com/blog/post/3574/">Image blocking in email clients</a>' post? The one that displays an impressive pixel-art fallback when images don't load? Well, our friends at <a href="http://emailfail.posterous.com/">Email Fail</a> have found another impressive example from Mac. Check it out:</p>

<h4>Images on:</h4>

<p><img src="http://i3.campaignmonitor.com/uploads/images/mac-images-on-520.jpg" alt="Images on" width="520" height="793" style="border: 1px solid #ccc; padding: 5px;" /></p>

<h4>Images off:</h4>

<p><img src="http://i3.campaignmonitor.com/uploads/images/mac-images-off-520.jpg" alt="Images off" width="520" height="484" style="border: 1px solid #ccc; padding: 5px;" /></p>

<p>Given the amount of work put into this fallback, Becs at Email Fail is right to ask:</p>

<p><i>"I wonder if the general public will ever appreciate this as much as us email designers?"</i></p>

<p>Perhaps this is a clever shout-out to folks like us - an easter egg to those who intentionally turn off images in the inbox, a maker's mark amongst makers. To the Mac email designer, we tip our hats to you. Your efforts have not gone unnoticed.</p>

<p>For those wondering, this fallback is achieved by adding carefully cutting the image, assigning the pieces to individual table cells, then adding a <code>bgcolor=""</code> to each cell. Style Campaign has a <a href="http://stylecampaign.com/blog/2009/12/bypass-image-blocking-by-converting-images-to-html/">free app</a> for automatically converting images to HTML pixel-art to create a similar effect.</p>

<p>Thanks to <a href="http://emailfail.posterous.com/">Email Fail</a> for sharing this full-of-email-win newsletter design with us!</p>

						]]></description>
      <dc:subject>Latest News</dc:subject>
      <dc:date>2012-01-31T00:27:16+00:00</dc:date>
    </item>

    <item>
      <title>The phishing pitfalls to sending from a Gmail address</title>
      <link>/blog/post/3645/the-phishing-pitfalls-to-sending-from-a-gmail-address/</link>
      <author>Ros Hodgekiss</author>
      <guid>/blog/post/3645/the-phishing-pitfalls-to-sending-from-a-gmail-address/</guid>
      <description><![CDATA[
			
							<p>We've posted a few general tips on <a href="http://help.campaignmonitor.com/topic.aspx?t=135">how to avoid looking like a phisher</a>, but this one is quite specific to senders using a <i>@gmail.com</i> or Google Apps-managed "From: address"in their campaigns. Recently, emails with <i>@gmail.com</i> From: addresses which did not send from a Gmail mail server have been flagged with the following warning in the inbox:</p>

<p><img src="http://i3.campaignmonitor.com/uploads/images/phishing-warning.gif" alt="Gmail's phishing warning" width="530" height="30" /></p>

<blockquote class="pull"><p>"If you're sending Gmail messages from anywhere other than Gmail itself, they may look like phishing attempts."<br /><small>-'<a href="http://lifehacker.com/5875549/stop-looking-like-a-phisher-in-gmail">Stop Looking Like a Phisher in Gmail</a>', Lifehacker</small></p></blockquote>

<p>Soon after a customer mentioned seeing one of these scary messages, Lifehacker posted an example, explanation and fixes in their post, '<a href="http://lifehacker.com/5875549/stop-looking-like-a-phisher-in-gmail">Stop Looking Like a Phisher in Gmail</a>'. While this information is relevant when sending from a regular email client, there's only really one way to avoid these warnings when sending from an email marketing service like Campaign Monitor. That is, use an address other than an <i>@gmail.com</i> address. Or any webmail address, for that matter.</p>

<h3>Walk away from webmail addresses</h3>

<p>This warning is only one example of how webmail clients are trying to protect their customers from spam and web threats. After all, phishers very commonly use fake From: addresses / spoof mail headers to masquerade as legitimate senders. Gmail has good reason to look dimly upon email that's labelled as coming from them, but isn't being sent from their own servers.</p>

<p><strong>We encourage our customers to avoid using a webmail address as their From: email address.</strong> Undoubtedly they will trigger warnings like this and potentially, deliverability issues in the future. Instead, we highly recommend purchasing a domain name from a registrar like <a href="http://www.namecheap.com/">Namecheap</a> and setting up a <i>you@yournewdomain.com</i> -style email address. It's still okay to have this domain forward inbound mail to a webmail address, or alternately, you can use <a href="http://www.google.com/apps/">Google Apps</a> to send and manage email from this domain directly. Note that Google Apps domains have also been <a href="http://lifehacker.com/5875549/stop-looking-like-a-phisher-in-gmail">known to throw similar warnings</a> - to avoid this, it's a good idea to setup email authentication, which we'll go through in the next bit.</p>

<h3>Don't forget to set up email authentication</h3>

<p>Finally, we'd like to remind one and all to <a href="http://help.campaignmonitor.com/topic.aspx?t=88">authenticate their sending domain</a> in their accounts, especially when using Google Apps to manage their email. In essence:</p>

<p><i>"All the large ISPs are using email authentication as an important layer in their spam fighting arsenal. By setting up this system as an authenticated sender, you can instantly bypass certain filters, giving your campaigns a better chance of arriving in the destination inbox... Many ISP's like Yahoo! and Hotmail will flag your email as authenticated, which helps to build trust between you and your subscribers and improves the chances of your emails being opened."</i></p>

<p>It only takes a few minutes for you, or your technical team to setup email authentication, but ensuring that your subscribers and ISP's know that your campaigns are definitely from you is well worth the effort.</p>

<p>Finally, If you have any questions about email authentication, <a href="http://www.campaignmonitor.com/support">get in touch with our team</a> - we're here to make sure your campaigns not only look good, but make it into as many inboxes as possible, too.</p>

						]]></description>
      <dc:subject>Latest News</dc:subject>
      <dc:date>2012-01-23T01:29:23+00:00</dc:date>
    </item>

    <item>
      <title>Should I optimize my HTML email for the iPad and tablet devices?</title>
      <link>/blog/post/3636/should-i-optimize-my-html-email-for-the-ipad-and-tablet-devices/</link>
      <author>Ros Hodgekiss</author>
      <guid>/blog/post/3636/should-i-optimize-my-html-email-for-the-ipad-and-tablet-devices/</guid>
      <description><![CDATA[
			
							<p><img src="http://i3.campaignmonitor.com/uploads/images/ipad-email.jpg" alt="Email on the iPad" width="300" height="258" style="float: right; margin: 0 0 0 15px;" /></p>

<p>I know what you're thinking - just as we're coming to grips with <a href="http://www.campaignmonitor.com/blog/post/3442/mobile-email-design-in-practice/">optimizing our email newsletters for mobile</a>, suddenly we have tablets like the iPad and Kindle Fire to make things interesting again. So here's the good and the bad news. The good: if you've already created a responsive design for the iPhone, then adapting this for the iPad and similar devices is dead easy. The bad: it still requires extra testing, coding and sooner-or-later, it's going to be what all your clients are asking for.</p>

<p>Before we provide any solid answers on whether or not we should all be optimizing our email campaigns for tablet devices, lets look at their uptake and some basic techniques for adapting your design for small, yet not-so-small screens.</p>

<h3>Why optimize for tablet devices?</h3>

<p>The skinny is that tablet devices are getting popular. I'm sure you know of more than a few people who begged for Kindle Fires for Christmas, then got slipped a Motorola Xoom by Santa instead. Or snapped up an iPad 2 the moment they were launched. Our friends at <a href="http://www.returnpath.net">Return Path</a> collected the hard numbers in a recent report, citing:</p>

<p><i>"In our last study we reported a 15% increase in iPad use relative to iPhone use... What we find is that the use of iPads has exploded &#8211; with an increase of 73% in email views on iPad devices between April and September of 2011. Email views on the iPad jumped by 12% between March... and April, then continued the steady climb upward."</i><br />
<small>- '<a href="http://www.returnpath.net/landing/emailonthemove/">Mobile, Webmail, Desktops: Where Are We Viewing Email Now?</a>', Return Path, 2011</small></p>

<p>In June 2011, we found that <a href="http://www.campaignmonitor.com/blog/post/3495/the-rise-of-mobile-email/">iPad usage</a> accounted for almost 15% of opens tracked on mobile devices and 3% of email opens overall. Given Return Path's recent findings and our own observations, this is rapidly growing and potentially cannibalizing iPhone market share while it's at it. We'll be sure to provide usage stats for other tablet devices as they come to hand, so watch this space.</p>

<h3>Adapting mobile code for slightly larger screens</h3>

<p>As mentioned earlier, if you're already in the habit of optimizing your campaigns for mobile screens (or have exported a template from our <a href="http://www.campaignmonitor.com/blog/post/3593/create-mobile-friendly-email-templates-in-one-click/">template builder</a>), then you've already done most of the legwork. What's remains is the addition of a slightly different <code>@media</code> query, targeting the display dimensions of tablet devices. Here's a typical <code>@media</code> query for mobile devices, followed by the adapted equivalent for the Kindle Fire, iPad and Xoom:</p>

<p><style type="text/css">
.codeblock {
width:92%;
display:block;
padding:20px;
overflow:none;
word-wrap:break-word;
margin-top:20px;
margin-bottom:20px;
background: #ededed;
font-size: 0.8em;
}
</style></p>

<div class="codeblock"><code><span style="color: #000000">
<span style="color: #007700">&lt;</span><span style="color: #0000BB">style&nbsp;type</span><span style="color: #007700">=</span><span style="color: #DD0000">"text/css"</span><span style="color: #007700">&gt;<br /><br /></span><span style="color: #FF8000">/*&nbsp;iPhone,&nbsp;Android&nbsp;and&nbsp;other&nbsp;smartphones&nbsp;*/<br /></span><span style="color: #007700">@</span><span style="color: #0000BB">media&nbsp;only&nbsp;screen&nbsp;</span><span style="color: #007700">and&nbsp;(</span><span style="color: #0000BB">max</span><span style="color: #007700">-</span><span style="color: #0000BB">device</span><span style="color: #007700">-</span><span style="color: #0000BB">width</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">480px</span><span style="color: #007700">)&nbsp;</span><span style="color: #0000BB">&#123;&nbsp;table&#91;class</span><span style="color: #007700">=</span><span style="color: #0000BB">container&#93;&nbsp;&#123;&nbsp;width</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">320px</span><span style="color: #007700">;&nbsp;</span><span style="color: #FF8000">/*&nbsp;width&nbsp;of&nbsp;iPhone&nbsp;in&nbsp;portrait&nbsp;orientation&nbsp;*/&nbsp;</span><span style="color: #0000BB">&#125;&nbsp;&#125;<br /><br /></span><span style="color: #FF8000">/*&nbsp;iPad,&nbsp;Kindle&nbsp;Fire&nbsp;and&nbsp;Xoom&nbsp;*/<br /></span><span style="color: #007700">@</span><span style="color: #0000BB">media&nbsp;only&nbsp;screen&nbsp;</span><span style="color: #007700">and&nbsp;(</span><span style="color: #0000BB">min</span><span style="color: #007700">-</span><span style="color: #0000BB">device</span><span style="color: #007700">-</span><span style="color: #0000BB">width</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">590px</span><span style="color: #007700">)&nbsp;and&nbsp;(</span><span style="color: #0000BB">max</span><span style="color: #007700">-</span><span style="color: #0000BB">device</span><span style="color: #007700">-</span><span style="color: #0000BB">width</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">1280px</span><span style="color: #007700">)</span><span style="color: #0000BB">&#123;&nbsp;table&#91;class</span><span style="color: #007700">=</span><span style="color: #0000BB">container&#93;&nbsp;&#123;&nbsp;width</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">768px</span><span style="color: #007700">;&nbsp;</span><span style="color: #FF8000">/*&nbsp;width&nbsp;of&nbsp;iPad&nbsp;in&nbsp;portrait&nbsp;orientation,&nbsp;can&nbsp;also&nbsp;try&nbsp;width:&nbsp;100%;&nbsp;*/&nbsp;</span><span style="color: #0000BB">&#125;&nbsp;&#125;<br /><br /></span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">style</span><span style="color: #007700">&gt;&nbsp;</span>
</span>
</code></div>

<p>The good team at <a href="http://www.emailonacid.com/">Email on Acid</a> have a brilliant summary of all the different <code>@media</code> query combos you can use to target <a href="http://www.emailonacid.com/blog/details/C13/customize_your_email_for_the_xoom_and_kindle_fire">specific tablet devices</a> (and orientations), however for the sake of brevity and maintenance, it's probably worth focusing on 2 generic ones like in the sample above.</p>

<p>If the above is a bit of a mystery, I highly recommend reading our '<a href="http://www.campaignmonitor.com/blog/post/3442/mobile-email-design-in-practice/">Mobile Email Design in Practice</a>' post, as well as creating and exporting a template from our template builder to see how it all clicks under the hood.</p>

<h3>So, should I rejig my email design for tablet devices?</h3>

<p>Ultimately, this decision should be made by consulting the <a href="http://www.campaignmonitor.com/email-clients/">email client usage report</a> in your Campaign Monitor account. For example, 4.9% of all opens for <a href="http://createsend.com/t/y-3D528FBB1A3CFFD6">our recent December newsletter</a> originated from an iPad. In March (when the iPad 2 launched), this figure was 2.7%. In 9 months, the iPad's share of opens has nearly doubled. That indicates to us that even if the iPad is a minor player in the email client scene at present, it's probably not going to remain that way for good. Either way, having the know-how when it comes to optimizing your email campaigns for tablet devices is going to become an increasingly sought-after skill in an email designer's stable, so it makes good sense to test out these techniques now, before your clients force you to.</p>

<p><strong>Do you optimize your designs specifically for tablet devices? Do you have any great tips? Let us know in the comments below.</strong></p>

						]]></description>
      <dc:subject>Latest News</dc:subject>
      <dc:date>2012-01-12T05:37:08+00:00</dc:date>
    </item>

    <item>
      <title>Launch into the new year with 5 inspiring email designs</title>
      <link>/blog/post/3641/5-inspiring-launch-email-designs/</link>
      <author>Ros Hodgekiss</author>
      <guid>/blog/post/3641/5-inspiring-launch-email-designs/</guid>
      <description><![CDATA[
			
							<p>You know what I love about the beginning of a new year? Things like resolving to try something new, the sense of turning a new leaf and the desire to start something fresh. So I thought we'd round-up a couple of our favorite emails around the theme of 'new beginnings' - let it be the launch of a new site, product, or moving to a new space. Lets get started.</p>

<h3>Cabedge: Putting personality into it</h3>

<p><a href="http://gallery.campaignmonitor.com/ViewEmail/r/89280B70D3AD2F95/"><img src="http://i3.campaignmonitor.com/uploads/images/cabedge-launch.jpg" alt="Cabedge" width="510" height="805" style="padding: 5px; border: 1px solid #ccc;"/></a></p>

<p>A few months ago, our great friends at <a href="http://www.cabedge.com">Cabedge</a> launched a radically new company site. So radical, that they decided to send this proactive campaign in anticipation of what their subscribers would say. They're a funny gang and know it - the 'Top 5 beefs' does as much in the way of sharing their identity and brand of humor as inducing people to visit their site. Ten points for personality, a lovely layout and nice use of type, I say.</p>

<h3>Alertful for Business: Graceful in all conditions</h3>

<p><a href="http://gallery.campaignmonitor.com/ViewEmail/r/E8A5CA5BCC777856/"><img src="http://i3.campaignmonitor.com/uploads/images/alertful-510.jpg" alt="Alertful" style="padding: 5px; border: 1px solid #ccc;" /></a></p>

<p>Talking about uplifting, here's a great example of a launch email that sure may look detailed, but comes back down to earth gracefully when <a href="http://www.campaignmonitor.com/blog/post/3574/image-blocking-in-email-clients-2011/">images are blocked</a>. The use of 'backup' calls to action (note the red 'Click here to try the service for free') is a technique we don't see enough of - but undoubtedly does its part in pushing response rates sky-high. Great work by the <a href="http://www.emailspring.com/">Email Spring</a> team!</p>

<h3>Flexibits: Focused on one task</h3>

<p><a href="http://gallery.campaignmonitor.com/ViewEmail/r/2102FC0C814F0BA6/"><img src="http://i3.campaignmonitor.com/uploads/images/gallery/Flexibits.png" alt="Flexibits" style="padding: 5px; border: 1px solid #ccc;" /></a></p>

<p>When it comes to email designs, we've always said, 'keep it simple'. The Flexibits campaign designed by <a href="http://komodomedia.com/">Komodo Media</a> is a perfect example of this in practice, with its easy-to-skim message and a single call to action ('Grab a Free Trial!'). There's absolutely no visual clutter, or confusion as to what the email recipient should do after receiving the message - which I'm sure was their goal to begin with.</p>

<h3>Different Projects: Picture this</h3>

<p><a href="http://gallery.campaignmonitor.com/ViewEmail/r/8525BF59310568BC/"><img src="http://i3.campaignmonitor.com/uploads/images/gallery/different_projects.png" alt="Different Projects" style="padding: 5px; border: 1px solid #ccc;"  /></a></p>

<p>Now, I know what we say about images in email (ie. be careful, they <a href="http://www.campaignmonitor.com/blog/post/3574/image-blocking-in-email-clients-2011/">often get blocked</a>), but this campaign by <a href="http://www.differentprojects.co.uk/">Different Projects</a> has added some really eye-catching ones to great effect. The text-boxes tacked on top of the illustrations give visual depth to the design. As they contain actual text, won't disappear when images are turned off.</p>

<p>All around, a great way to announce a move, while wowing clients with a little creative flair.</p>

<h3>Virb: Getting the message across</h3>

<p><a href="http://gallery.campaignmonitor.com/ViewEmail/r/5239C871AB3D505D/C67FD2F38AC4859C"><img src="http://i3.campaignmonitor.com/uploads/images/virb.gif" style="padding: 5px; border: 1px solid #ccc;" /></a></p>

<p>Finally, I wanted to showcase a corporate-style campaign. One that carefully balances copy with visual elements to communicate detailed information. If only to prove that such a thing exists. Duly, I came across this email announcement by <a href="http://virb.com/">Virb</a>, which has a serious side, but doesn't forget to have a little fun while it's at it.</p>

<p>In appearance, it's totally austere - all clean lines and shades of business-like blue. But the text is full of personality, easy-to-read and is complimented by images of their upcoming product. It's almost the opposite of what many of us imagine a corporate email to contain: stodgy layouts, stock photography and endless columns of teeny-tiny text.</p>

<p>Hopefully you've enjoyed our brief round-up. If there are any particular themes you would like to see us cover (eg. emails for hotels, charities etc), let us know - we'd be happy to shine the light on some great examples for you.</p>

						]]></description>
      <dc:subject>Latest News</dc:subject>
      <dc:date>2012-01-09T03:58:21+00:00</dc:date>
    </item>

    <item>
      <title>Sell downloads and send follow&#45;up email with Digital Delivery App</title>
      <link>/blog/post/3634/sell-downloads-and-email-with-digital-delivery-app/</link>
      <author>Ros Hodgekiss</author>
      <guid>/blog/post/3634/sell-downloads-and-email-with-digital-delivery-app/</guid>
      <description><![CDATA[
			
							<p>I thought we&#8217;d kick off what should be a particularly fruitful new year by introducing a useful integration - <a href="http://www.digitaldeliveryapp.com">Digital Delivery App</a>. For those planning to sell digital content like eBooks, a <a href="https://buy.louisck.net/">Louis CK-style video</a> or software, or paid subscriptions, this is a full-featured and remarkably easy-to-use service at a modest price. With <a href="http://www.digitaldeliveryapp.com/support/knowledge_base_articles/12-configuring-campaign-monitor">Campaign Monitor integration built-in</a>, this app can automatically add email addresses of paying customers to a subscriber list, which is ideal if you&#8217;re planning to send post-purchase autoresponder emails, notifications and product-related campaigns.</p>

<p><img src="http://i3.campaignmonitor.com/uploads/images/tour-index.png" alt="Digital Delivery App" width="500" height="370" style="padding: 5px; border: 1px solid #ccc;" /></p>

<p>What&#8217;s better, the Digital Delivery App team offer fairly comprehensive support, via both their site and email. We took a moment to set up an account, upload products and get both Campaign Monitor and PayPal integration happening. Now, if only we really had something fancy to sell...</p>

<h3>Add a 'Buy Now' button to your site in 10 minutes</h3>

<p>The loveliness of Digital Delivery App is that it asks for so little, yet gives so much in return. Upon creating an account (free for the first 30 days), you are run through initial setup process that sorts out the fundamentals of selling content online - namely, selecting a payment gateway and adding something to sell. The fastest way to get up and running is to have a PayPal, Google Checkout, AlertPay or Stripe account already linked to the email address you signed up with... And of course, to have that &#8216;something&#8217; either ready to upload, or already hosted somewhere.</p>

<p>What we found particularly generous is that the app offers to host your sellable digital content. Once you upload your files to the app, simply take the &#8216;Buy Now&#8217; or &#8216;Add to Cart&#8217; button code it generates for each product and add it to an existing site. It even generates license keys to prevent software products from being looted.</p>

<p>Alternately, you can host everything yourself and only use Digital Delivery App to handle the transaction side of things.</p>

<p><img src="http://i3.campaignmonitor.com/uploads/images/tour-products.png" alt="Adding new products" width="500" height="370" style="padding: 5px; border: 1px solid #ccc;" /></p>

<p>Once you&#8217;ve gotten to this point in the setup process, you probably would have noticed how all-encompassing the app is. It unfurls like a flower as you click on top-level options, revealing the facility to offer discount codes, create referral codes, send post-purchase order emails, sell packages of products and view detailed reports. There&#8217;s even an API and web interface for webhooks. While Digital Delivery App shares much in common with the big-name shopping cart and e-commerce apps out there, it does so without feeling bloated, or requiring you to install anything on your end.</p>

<h3>Automate your post-purchase email marketing</h3>

<p>Digital Delivery App scratches two little itches that we&#8217;ve had for a while now, being the sending of transactional email and pushing email addresses from checkout to subscriber list. As mentioned earlier, the app handles the sending of customizable, plain-text order emails, with a link to the digital item the customer just purchased. As a template already exists in Digital Delivery App for this, the app will automatically start sending these personalized emails from the very first order.</p>

<p>Secondly, once you&#8217;ve <a href="http://www.digitaldeliveryapp.com/support/knowledge_base_articles/12-configuring-campaign-monitor">set up Campaign Monitor integration</a>, you can count on Digital Delivery App to add the email addresses of new customers to an existing subscriber list in your account. All you need is your account&#8217;s <a href="http://www.campaignmonitor.com/api/getting-started/">API key and a List ID</a>.</p>

<p>As a result, you can start sending a series of autoresponders upon purchase - for instance, polling new customers for feedback - or simply add email addresses to a &#8216;Paying customers&#8217; list to receive relevant updates (<a href="http://www.campaignmonitor.com/resources/entry/558/about-permission/">taking into account permission</a>, of course). Digital Delivery App also offers subscription-based transactions, meaning that you can offer paid newsletter subscriptions, access to exclusive tutorials or similar paywalled content for a recurring fee.</p>

<h3>No win, no fee</h3>

<p>Just like those legal practices you see on late-night TV, Digital Delivery App doesn't charge unless you make a sale during the monthly billing cycle. So if you take a few months off selling things, you don't have to cancel your account. All accounts come with a 30 day free trial (during which you don't have to commit your credit card/PayPal details), after which your plan comes into effect. With monthly plans starting from <a href="http://www.digitaldeliveryapp.com/plans">$9 USD per month</a>, it's not exactly a wallet-burner, either.</p>

<p>After spending a few entertaining moments setting up a faux store for Minecraft maps, it was fairly clear to us that this will be a useful integration to customers who would like to offer paid content without having to use a fully-blown eCommerce platform. If this sounds like you, <a href="http://www.digitaldeliveryapp.com/">swing on over to their site</a>, <a href="http://www.digitaldeliveryapp.com/tour">take a tour</a> and give it a try. After all, good content sells - <a href="http://mashable.com/2011/12/23/louis-ck-million/">just ask Louis CK</a>.</p>

						]]></description>
      <dc:subject>Latest News</dc:subject>
      <dc:date>2012-01-04T03:36:38+00:00</dc:date>
    </item>

    <item>
      <title>Re&#45;igniting the Giving Back Program</title>
      <link>/blog/post/3632/the-giving-back-program-in-2012/</link>
      <author>Ros Hodgekiss</author>
      <guid>/blog/post/3632/the-giving-back-program-in-2012/</guid>
      <description><![CDATA[
			
							<p><object width="530" height="398"> <param name="flashvars" value="offsite=true&lang=en-us&page_show_url=%2Fphotos%2Ffreshview%2Fsets%2F72157626472062941%2Fshow%2F&page_show_back_url=%2Fphotos%2Ffreshview%2Fsets%2F72157626472062941%2F&set_id=72157626472062941&jump_to="></param> <param name="movie" value="http://www.flickr.com/apps/slideshow/show.swf?v=109615"></param> <param name="allowFullScreen" value="true"></param><embed type="application/x-shockwave-flash" src="http://www.flickr.com/apps/slideshow/show.swf?v=109615" allowFullScreen="true" flashvars="offsite=true&lang=en-us&page_show_url=%2Fphotos%2Ffreshview%2Fsets%2F72157626472062941%2Fshow%2F&page_show_back_url=%2Fphotos%2Ffreshview%2Fsets%2F72157626472062941%2F&set_id=72157626472062941&jump_to=" width="530" height="398"></embed></object></p>

<p>As you (and probably your wallet) know, this is the season for giving, as well as reflecting. So while the tinsel gets taken down for yet another year at Campaign Monitor -sponsored Xmas events like <a href="http://www.webblast.com.au/2011/11/352/">WebBlast Sydney</a>, lets look at some of the events we've supported via our <a href="http://www.campaignmonitor.com/givingback">Giving Back Program</a> and hopefully, get you involved in the year ahead.</p>

<p>Our Giving Back Program has supported dozens of <strong>web design and development events</strong> for close to three years now, plus offered free accounts to select email senders. So if you're running an event in the new year that you think could benefit from pizza, beer, a tweet-out and free email credits on us, <a href="http://www.campaignmonitor.com/givingback/">it's a great time to get in touch</a>.</p>

<h3>What kind of events do you support?</h3>

<blockquote class="pull"><p>Since our first event in 2009, Campaign Monitor have powered our email newsletters and helped cover our running costs. We don't advertise, so it's only through word-of-mouth and email that we can spread the news. We wouldn't be able to run Ignite Sydney without their support.<br />
<small>- Stephen Lead, <a href="http://www.ignitesydney.com/">Ignite Sydney</a></small></p></blockquote>

<p>Our Giving Back Program is all about returning the favor to the web designers and developers who have stood by us since Campaign Monitor's humble beginnings <a href="http://www.campaignmonitor.com/our-story/">back in 2004</a>. Since the Program's launch, we've had the pleasure of getting behind events that resonate with us and our customers, including <a href="http://www.semipermanent.com/">Semi-Permanent</a> and both <a href="http://refreshingcities.org/">Refresh</a> and <a href="http://igniteshow.com/">Ignite</a> internationally. We even power newsletters for <a href="http://www.sxsw.com">SXSW</a>... <a href="http://www.campaignmonitor.com/blog/post/3413/sxsw-2011-design-and-marketing-mixer/"> And attend</a>!</p>

<p>That said, you don't have to run a high-profile conference to qualify - smaller design-focused gigs like <a href="http://bammd.com.au/">BAMMD</a> and user groups like <a href="http://www.eeuk.org">EEUK</a> very regularly get a hat-tip from us.</p>

<h3>How can I get involved?</h3>

<p>If your event could benefit from a free Campaign Monitor account, a modest bar tab (like our friends at the <a href="http://www.pfmeet.co.uk/">Portsmouth Freelancers Meet</a>, pictured) or email credits as a door prize, <a href="http://www.campaignmonitor.com/givingback/">let us know</a> and we'll be sure to give it a look. We're especially keen to visit your website and get the lowdown on previous events, so be sure to pass on those details, too.</p>

<p><a href="http://www.flickr.com/photos/freshview/6552184747/" title="PF Meet Xmas 2011: Christmas cheer! by Campaign Monitor, on Flickr"><img src="http://farm8.staticflickr.com/7142/6552184747_c05d081284.jpg" width="500" height="333" alt="PF Meet Xmas 2011: Christmas cheer!"></a></p>

<p>Finally, a huge thanks to everyone who has invited us to support their gathering, or attended an event that we sponsored this year. As the Giving Back Program continues to gain momentum, we're looking forward to enlivening more design nights, dishing out more pizza and giving more to people like you.</p>

<p>We're keen to explore other meaningful ways we can give back to the web community, so if you have a suggestion as to how we can make a positive impact on what you do, from providing more design resources, to getting the word out about your design meetup, <a href="http://www.campaignmonitor.com/contact">pop us a line</a>, or let us know in the comments below. All of us here are looking forward to making 2012 an awesome one for you and your clients!</p>

						]]></description>
      <dc:subject>Latest News</dc:subject>
      <dc:date>2011-12-28T05:09:57+00:00</dc:date>
    </item>

    <item>
      <title>Get inspired and send a winning Christmas email design for 2011!</title>
      <link>/blog/post/3631/2011-christmas-email-competition/</link>
      <author>Ros Hodgekiss</author>
      <guid>/blog/post/3631/2011-christmas-email-competition/</guid>
      <description><![CDATA[
			
							<p>With only a few days to go before Christmas, I suspect a few of you are scrambling to get your campaigns out before we all tune out for the holidays. So we've collected some of our favorite seasonal campaigns and ideas in a last-minute holiday email round-up, to get you fired up during this last sprint. After all, it's not too late to create and send your email greetings, especially when using our <a href="http://www.campaignmonitor.com/blog/post/3586/a-new-way-to-build-email-templates/">template builder</a>!</p>

<p>But that's not all - we've also got an easy-to-use 'Season's Greetings' email template, <a href="http://www.campaignmonitor.com/blog/post/3626/christmas-email-template-2011/">free to use and tweak</a>. Plus, if you send a holiday-themed campaign in December, you will also go into the running to win our annual holiday email competition, so hop in your sleigh and go!</p>

<h3>Nine inspiring Christmas email designs by our customers</h3>

<p>From animated GIFs to pixel art, here are some of our old and new favorite Christmas email designs, including a <a href="http://gallery.campaignmonitor.com/ViewEmail/r/A6A78838B0EEC437/">template builder creation by Tangelo</a>, <a href="http://gallery.campaignmonitor.com/ViewEmail/y/E5EB73DB60A35FD2/">tees by Threadless</a> and image-free <a href="http://gallery.campaignmonitor.com/ViewEmail/y/1FFA28B6CC421242">pixel art by Style Campaign</a>. Click to view these campaigns:</p>

<p><style type="text/css">
div.thumbs { margin-bottom: 20px; }
div.thumbs img { border: 1px solid #ccc; padding: 3px; float: left; margin: 0 8px 8px 0; }
</style></p>

<div class="thumbs"><a href="http://gallery.campaignmonitor.com/ViewEmail/r/0D417831BCF324DE"><img src="http://i3.campaignmonitor.com/uploads/images/ambition-2011.jpg" alt="Ambition Creative" width="160" height="120" /></a><a href="http://gallery.campaignmonitor.com/ViewEmail/r/7ABC2322DD48C1E4"><img src="http://i3.campaignmonitor.com/uploads/images/clarity-2011.gif" alt="Clarity" width="160" height="120" /></a><a href="http://gallery.campaignmonitor.com/ViewEmail/y/DEDB06D1624203E4/"><img src="http://i3.campaignmonitor.com/uploads/images/clever4-2011.jpg" alt="Clever4" width="160" height="120" /></a><a href="http://gallery.campaignmonitor.com/ViewEmail/r/D08EAE2CDE28D499/"><img src="http://i3.campaignmonitor.com/uploads/images/minter-ellison-2011.gif" alt="Minter Ellison Rudd Watts" width="160" height="120" /></a><a href="http://gallery.campaignmonitor.com/ViewEmail/y/1FFA28B6CC421242"><img src="http://i3.campaignmonitor.com/uploads/images/stylecampaign-2011.jpg" alt="Style Campaign" width="160" height="120" /></a><a href="http://gallery.campaignmonitor.com/ViewEmail/r/A6A78838B0EEC437/"><img src="http://i3.campaignmonitor.com/uploads/images/tangelo-2011.jpg" alt="Tangelo" width="160" height="120" /></a><a href="http://gallery.campaignmonitor.com/ViewEmail/r/DB7FEECD8063BCCE/"><img src="http://i3.campaignmonitor.com/uploads/images/designer-leg.jpg" alt="Designer Leg" width="160" height="120" /></a><a href="http://gallery.campaignmonitor.com/ViewEmail/y/E5EB73DB60A35FD2/"><img src="http://i3.campaignmonitor.com/uploads/images/threadless.jpg" alt="Threadless" width="160" height="120" /></a><a href="http://gallery.campaignmonitor.com/ViewEmail/r/60E5DECF59792E22"><img src="http://i3.campaignmonitor.com/uploads/images/cabedge.jpg" alt="Cabedge" width="160" height="120" /></a><br style="clear: both;" /></div>

<p>Thinking it may be too late to send your own design? Up next, we have an email template that you can load up in your account to share the love.</p>

<h3>Send a sprinkle of snow with our holiday email template</h3>

<div class="thumbs"><a href="http://www.campaignmonitor.com/blog/post/3626/christmas-email-template-2011/"><img src="http://i3.campaignmonitor.com/uploads/images/seasons-greetings.jpg" alt="Holiday email template" width="160" height="120" align="left" style="margin: 0 10px 10px 0;" /></a></div>

<p>Last week, we added a charming <a href="http://www.campaignmonitor.com/blog/post/3626/christmas-email-template-2011/">'Seasons Greetings' design</a> to our collection of <a href="http://www.campaignmonitor.com/templates">100+ free email templates</a>. Featuring pure CSS animation and rock solid email client support, it's great for sharing a sprinkle of holiday cheer!</p>

<p>Even if you caught it back then, it's worth getting the refreshed version for the recent updates, including smoother snow in Chrome and snow in Firefox. With hardly a day to lose before Christmas, it's time to <a href="http://www.campaignmonitor.com/blog/post/3626/christmas-email-template-2011/">get started on your holiday campaign!</a><br style="clear: both;" /></p>

<h3>Finally, our holiday email competition for 2011</h3>

<p>As is our tradition at this time of year, we've got a sack-load of goodies to give to our customers in our annual holiday email design competition. One lucky winner will receive a:
<img src="http://i3.campaignmonitor.com/uploads/images/kindle-fire.jpg" alt="Kindle Fire" width="160" height="160" align="right" style="margin-top:10px;" /></p>

<ul><li><a href="http://www.amazon.com/Kindle-Fire-Amazon-Tablet/dp/B0051VVOB2/ref=kin3w_ddp_compare_title5_1?pf_rd_p=1340107342&pf_rd_s=center-18&pf_rd_t=201&pf_rd_i=B005890G8Y&pf_rd_m=ATVPDKIKX0DER&pf_rd_r=1TA5ZGFDAWVSH8DD7F3A">Kindle Fire</a> *</li>
<li><a href="http://www.fitbit.com">FitBit Ultra</a>, or ~ $100 to back the <a href="http://www.kickstarter.com">Kickstarter</a> project of their choice</li>
<li>50,000 email credits</li></ul>

<p><small>* For non-US customers, we can arrange an alternative prize</small></p>

<p>In addition, 3 runners up will receive a prize of 10,000 email credits each. That's a lot of free emails to kick off 2012!</p>

<h3>How to <del>enter</del> win</h3>

<p>To go into the running, simply send a holiday-themed campaign during December - if you have already, then you're in it to win it! Our team will be sifting through and shortlisting Christmas campaigns as part of their regular review process, then selecting our winners in early 2012. If you've got an outstanding campaign that you think should make the cut, <a href="http://www.campaignmonitor.com/contact">you're welcome to send us a link</a>, too!</p>

<p>Finally, we're not looking for Hallmark card tackiness, just technically and visually awesome HTML emails. If your email campaign displays nicely across the major email clients, has a few mobile optimizations and is an <i>actual</i> email design, not an awkwardly resized website, then there's a great chance that it will be shortlisted. Image-only emails may look nice at first glance, but aren't likely be chosen by the guys and gals here.</p>

<p>Now we've got you inspired, templated up and motivated, it's time for you to crank out those end-of-year campaigns - good luck and happy sending!</p>

						]]></description>
      <dc:subject>Latest News</dc:subject>
      <dc:date>2011-12-20T04:27:21+00:00</dc:date>
    </item>

    <item>
      <title>A practical guide to preheaders</title>
      <link>/blog/post/3628/a-practical-guide-to-email-preheaders/</link>
      <author>Ros Hodgekiss</author>
      <guid>/blog/post/3628/a-practical-guide-to-email-preheaders/</guid>
      <description><![CDATA[
			
							<p>When optimizing HTML email for mobile, it's really easy to get overwhelmed by the CSS trickery and technical stuff and simply put it all in the too-hard basket. But the truth is that some of the most effective techniques are also fairly simple - such as adding a good preheader to your campaign.</p>

<p>A preheader (otherwise known as a 'Johnson Box', haw haw) is the the short summary text that follows the subject line when an email is viewed in the inbox. Many mobile, desktop and web email clients provide them to tip you off on what the email contains, before you open it. Here's an example in Gmail:</p>

<p><img src="http://i3.campaignmonitor.com/uploads/images/preheader-gmail.gif" alt="Preheader in Gmail" width="530" height="126" /></p>

<p>Generally this line of text (in this case, 'Wishing you a safe and merry holiday season!') is borrowed from the first text found in the email campaign. On mobile clients in particular, the preheader can mean the difference between someone opening your email and archiving it - so you generally want it to be something meaningful. Like a summary of your offer, not your campaign's webversion message or the remnants of social sharing links. Because believe it or not, they work. From our friend, <a href="http://www.twitter.com/iamelliot">Elliott Ross</a>:</p>

<p><i style="font-size: 1.2em;">"In my experience we&#8217;ve implemented it (preheaders) on a number of campaigns and it&#8217;s raised open rates, click thrus and reduced spam complaints."</i> <br /><small>- "<a href="http://www.emaildesignreview.com/email-design-best-practice/email-design-best-practice-the-johnson-box-86/">The Perfect Email Preheader/Johnson Box</a>", Email Design Review</small></p>

<p>A lot of designers make their preheaders very visible by adding a short summary to the very top of their designs, but personally, I like to hide my preheaders and forget about them altogether. Lets go through the nitty gritty of how to do this.</p>

<h3>Adding a preheader to an email campaign</h3>

<p>The first thing to ask is if you have to worry about a preheader at all. For instance, if your email already cuts to the chase and the first text that appears does a good job of summarizing what's to follow, then you may not have to add one. But for the rest of us, a little bit of text just after the <code>&lt;body&gt;</code> tag in your HTML email code usually suffices:</p>

<p><style type="text/css">
.codeblock {
width:500px;
display:block;
padding:20px;
overflow:none;
word-wrap:break-word;
margin-top:20px;
margin-bottom:20px;
background: #ededed;
font-size: 0.8em;
}</p>

<p></style></p>

<div class="codeblock"><code><span style="color: #000000">
<span style="color: #007700">&lt;</span><span style="color: #0000BB">body</span><span style="color: #007700">&gt;&lt;</span><span style="color: #0000BB">span</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Wishing&nbsp;you&nbsp;a&nbsp;safe&nbsp;</span><span style="color: #007700">and&nbsp;</span><span style="color: #0000BB">merry&nbsp;holiday&nbsp;season</span><span style="color: #007700">!&lt;/</span><span style="color: #0000BB">span</span><span style="color: #007700">&gt;...&nbsp;</span>
</span>
</code></div>

<p>If you're like many senders that add a nice visible summary, you can stop here and style it up all you like. But as I mentioned earlier, I prefer to hide mine:</p>

<div class="codeblock"><code><span style="color: #000000">
<span style="color: #007700">&lt;!--&nbsp;</span><span style="color: #0000BB">Hiding&nbsp;the&nbsp;preheader&nbsp;</span><span style="color: #007700">--&gt;<br />&lt;</span><span style="color: #0000BB">style&nbsp;type</span><span style="color: #007700">=</span><span style="color: #DD0000">"text/css"</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB">span</span><span style="color: #007700">.</span><span style="color: #0000BB">preheader&nbsp;&#123;&nbsp;display</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">none&nbsp;</span><span style="color: #007700">!</span><span style="color: #0000BB">important</span><span style="color: #007700">;&nbsp;</span><span style="color: #0000BB">&#125;<br /></span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">style</span><span style="color: #007700">&gt;<br />&lt;/</span><span style="color: #0000BB">head</span><span style="color: #007700">&gt;<br /><br />&lt;</span><span style="color: #0000BB">body</span><span style="color: #007700">&gt;&lt;</span><span style="color: #0000BB">span&nbsp;</span><span style="color: #007700">class=</span><span style="color: #DD0000">"preheader"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Wishing&nbsp;you&nbsp;a&nbsp;safe&nbsp;</span><span style="color: #007700">and&nbsp;</span><span style="color: #0000BB">merry&nbsp;holiday&nbsp;season</span><span style="color: #007700">!&lt;/</span><span style="color: #0000BB">span</span><span style="color: #007700">&gt;...&nbsp;</span>
</span>
</code></div>

<p>The above still displays in Lotus Notes - if this is an issue, try adding <code>font-size:1px;</code> to the <code>.preheader</code> styles, and/or using the same color for both the text and background.</p>

<h3>Automatically adding a meaningful preheader with our email editor</h3>

<p>The major downsides to using the above preheader technique are:</p>

<ol style="list-style-type: lower-alpha;"><li>It's easy to forget to update the preheader text</li><li>When using <a href="http://www.campaignmonitor.com/templates/">templates</a>, customizing the preheader for each campaign is a lot of hassle</li></ol>

<p>Cool customer <a href="http://www.markos.co.nz/">Mark Shingleton</a> came up with an ingenious way to ensure the preheader in his campaigns looks good each time - adding a <a href="http://help.campaignmonitor.com/topic.aspx?t=129#tableofcontents">table of contents</a> to the top using our <a href="http://help.campaignmonitor.com/topic.aspx?t=129">template tag language</a>:</p>

<p><a href="http://www.campaignmonitor.com/gallery/entry/3532/Creative-Space/"><img src="http://i3.campaignmonitor.com/uploads/images/lakes-house.jpg" alt="Creative Space email" width="510" height="372" border="0" style="padding: 5px; border: 1px solid #ccc;" /></a></p>

<p>Not everyone can make the design decision to place a table of contents at the top of their campaigns, however if you or your clients are using the <a href="http://www.campaignmonitor.com/features/powerful-templates/">email editor</a> to build campaigns, you can use the text that is automatically generated by a combination of <code>repeatertitle="true"</code> on headings and <code>&lt;tableofcontents&gt;</code> in our template language to fill the <code>&lt;span&gt;</code> tags we were using earlier:</p>

<div class="codeblock"><code><span style="color: #000000">
<span style="color: #007700">&lt;</span><span style="color: #0000BB">style&nbsp;type</span><span style="color: #007700">=</span><span style="color: #DD0000">"text/css"</span><span style="color: #007700">&gt;<br /></span><span style="color: #0000BB">span</span><span style="color: #007700">.</span><span style="color: #0000BB">preheader&nbsp;&#123;&nbsp;display</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">none&nbsp;</span><span style="color: #007700">!</span><span style="color: #0000BB">important</span><span style="color: #007700">;&nbsp;</span><span style="color: #0000BB">&#125;<br /></span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">style</span><span style="color: #007700">&gt;<br />&lt;/</span><span style="color: #0000BB">head</span><span style="color: #007700">&gt;<br /><br />&lt;</span><span style="color: #0000BB">body</span><span style="color: #007700">&gt;&lt;</span><span style="color: #0000BB">span&nbsp;</span><span style="color: #007700">class=</span><span style="color: #DD0000">"preheader"</span><span style="color: #007700">&gt;&lt;</span><span style="color: #0000BB">tableofcontents</span><span style="color: #007700">&gt;&lt;</span><span style="color: #0000BB">repeatertitle</span><span style="color: #007700">&gt;&lt;/</span><span style="color: #0000BB">repeatertitle</span><span style="color: #007700">&gt;&nbsp;|&nbsp;&lt;/</span><span style="color: #0000BB">tableofcontents</span><span style="color: #007700">&gt;&lt;/</span><span style="color: #0000BB">span</span><span style="color: #007700">&gt;...<br /><br />&lt;</span><span style="color: #0000BB">repeater</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">layout&nbsp;label</span><span style="color: #007700">=</span><span style="color: #DD0000">"Article"</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">singleline&nbsp;label</span><span style="color: #007700">=</span><span style="color: #DD0000">"Header"&nbsp;</span><span style="color: #0000BB">repeatertitle</span><span style="color: #007700">=</span><span style="color: #DD0000">"true"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Your&nbsp;header&nbsp;here</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">singleline</span><span style="color: #007700">&gt;...<br />&nbsp;&nbsp;&nbsp;&lt;/</span><span style="color: #0000BB">layout</span><span style="color: #007700">&gt;<br />&lt;/</span><span style="color: #0000BB">repeater</span><span style="color: #007700">&gt;&nbsp;...&nbsp;</span>
</span>
</code></div>

<p><img src="http://i3.campaignmonitor.com/uploads/images/preheader-iphone.jpg" alt="Preheader on the iPhone" width="330" height="210" align="right" style="margin: 0 0 10px 15px;" /></p>

<p>What you'll end up with is a preheader consisting of headings from the articles in your email campaign (pictured).</p>

<p>The beauty of this is that it's totally set-and-forget - your clients can take a template and add articles in the email editor, while being totally oblivious to the whole preheader thing. But the downside is that you can only add one table of contents to your campaign (sorry!), so you either feature one in your design, or use it for the preheader.</p>

<p class="alert-1"><strong>Update:</strong> It turns out that we posted about an alternative method for adding preheaders - using the alt attribute in a 1x1px image - back in 2006. You can't use this method to autofill the preheader with template tags, but if you're manually adding one, <a href="http://www.campaignmonitor.com/blog/post/1842/optimizing-for-gmails-snippets/">check it out</a>.</p>

<p><strong>Now, I'd love to know how you use preheaders - are they important to you? Do you have a particular technique that you use in your email campaigns and templates? Let us know in the comments below. </strong></p>

						]]></description>
      <dc:subject>Latest News</dc:subject>
      <dc:date>2011-12-15T05:27:51+00:00</dc:date>
    </item>

    <item>
      <title>Spread the Christmas cheer with our animated email template</title>
      <link>/blog/post/3626/christmas-email-template-2011/</link>
      <author>Ros Hodgekiss</author>
      <guid>/blog/post/3626/christmas-email-template-2011/</guid>
      <description><![CDATA[
			
							<p><img src="http://i3.campaignmonitor.com/uploads/images/xmas-template-iphone-180.jpg" alt="Template in iPhone Mail" width="180" height="353" align="right" style="margin: 0 0 10px 10px;" /></p>

<p>This year, we felt like starting a new holiday tradition - creating an email template for our customers that's as robust as it is lovely. To kick things off, <a href="http://www.campaignmonitor.com/meet-the-team/#matthew-farag">Matt Farag</a> and myself joined forces to roll both the most recent and most enduring email design techniques into a  mobile-optimized newsletter, ready for use in our <a href="http://www.campaignmonitor.com/features/powerful-templates/">email editor</a>. Hopefully you'll find it to be as joyful to customize, as it is for your subscribers to receive.</p>

<h3>Cheerful in (almost) any email client</h3>

<p>To do justice to Matt's sublime design, it was necessary to ensure that it looked as consistent as possible across the <a href="http://www.campaignmonitor.com/stats/email-clients/">most popular email clients</a>. As many designers can appreciate, this involves countless rounds of tweaks, testing, more tweaks and well, table cells. Without rattling on too much about it, here's what our final product looks like in the devil's own email client, Outlook '07:</p>

<p><img src="http://i3.campaignmonitor.com/uploads/images/outlook-07.jpg" alt="Template in Outlook 2007" width="530" height="505" /></p>

<p>And here, my friends, is what it looks like in Apple Mail:</p>

<p><object width="530" height="342" id="wistia_690365" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"><param name="movie" value="http://embed.wistia.com/flash/embed_player_v1.2.swf"/><param name="allowfullscreen" value="true"/><param name="allowscriptaccess" value="always"/><param name="wmode" value="opaque"/><param name="flashvars" value="videoUrl=http://embed.wistia.com/deliveries/32f866e9cb237761241e7180ab3b6f1bf1dc9c6c.bin&stillUrl=http://embed.wistia.com/deliveries/beb65c30401283c47a73cd83575d6f1d1c129775.bin&unbufferedSeek=true&controlsVisibleOnLoad=true&autoPlay=false&endVideoBehavior=default&playButtonVisible=true&embedServiceURL=http://distillery.wistia.com/x&accountKey=wistia-production_7414&mediaID=wistia-production_690365&mediaDuration=13.333&showPlayButton=false&showPlaybar=false"/><embed src="http://embed.wistia.com/flash/embed_player_v1.2.swf" width="530" height="342" name="wistia_690365" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" wmode="opaque" flashvars="videoUrl=http://embed.wistia.com/deliveries/32f866e9cb237761241e7180ab3b6f1bf1dc9c6c.bin&stillUrl=http://embed.wistia.com/deliveries/beb65c30401283c47a73cd83575d6f1d1c129775.bin&unbufferedSeek=true&controlsVisibleOnLoad=true&autoPlay=false&endVideoBehavior=default&playButtonVisible=true&embedServiceURL=http://distillery.wistia.com/x&accountKey=wistia-production_7414&mediaID=wistia-production_690365&mediaDuration=13.333&showPlayButton=false&showPlaybar=false"></embed></object><script src="http://embed.wistia.com/embeds/v.js" charset="ISO-8859-1"></script><script>if(!navigator.mimeTypes['application/x-shockwave-flash'] || navigator.userAgent.match(/Android/i)!==null)Wistia.VideoEmbed('wistia_690365',530,342,{videoUrl:'http://embed.wistia.com/deliveries/e0561a575a3f59e7bfc9ffb122718fbdefc37990.bin',stillUrl:'http://embed.wistia.com/deliveries/beb65c30401283c47a73cd83575d6f1d1c129775.bin',distilleryUrl:'http://distillery.wistia.com/x',accountKey:'wistia-production_7414',mediaId:'wistia-production_690365',mediaDuration:13.333})</script></p>

<h3>Wait, hold on a moment, is that... Snow?</h3>

<p>Don't adjust your monitor - the header is smoothly animated with semi-randomized snow in WebKit email clients, thanks to a dusting of <a href="http://www.webkit.org/blog/324/css-animation-2/">CSS animation</a>. I used Estelle Weyl's '<a href="http://www.standardista.com/sxsw/#slide1">Making it snow...</a>' presentation as a starting point, then handed the template to Matt, who transformed it into something more subtle and stopped it from sprinkling all over the text. The animation was created using pure CSS and thanks to the use of <a href="http://www.w3schools.com/cssref/css3_pr_keyframes.asp">keyframes</a>, displays no visual artifacts in non-WebKit email clients. So when viewed on the iPhone, in Apple Mail, or when the <a href="http://help.campaignmonitor.com/topic.aspx?t=78">webversion</a> is opened in the Safari, Firefox or Google Chrome browsers, your subscribers will enjoy a little taste of the northern winter.</p>

<p>We'll cover CSS animation in email in an upcoming post, so watch this blog for more.</p>

<p>Finally, we get a lot of questions about whether @media queries work in Gmail on Android phones and the answer is sadly, no - like web Gmail, it has a <a href="http://www.email-standards.org/clients/gmail/">Christmas list of limitations</a>. The good news is this one-column design should still be easy to navigate in Gmail, but won't display the mobile-optimized bells and whistles.</p>

<h3>As customizable as it is forgiving</h3>

<p><img src="http://i3.campaignmonitor.com/uploads/images/image-dimensions.jpg" alt="Max dimensions" width="245" height="175" align="right" style="margin: 0 0 10px 10px;" /></p>

<p>The most common feedback we receive in regards to our <a href="http://www.campaignmonitor.com/templates">other free templates</a> is that there should be more options for editing header images and footer text. So we've made it possible to change the 'Hello and Seasons Greetings!' message, swap out the logo and well, pretty much edit any text, all from within the email editor. We've even added useful descriptions to the editable images so you know the maximum width that images can be, keeping in mind that the app will resize images that exceed these widths anyway.</p>

<p>Note that the one thing you can't do in the editor is change the default 'Wishing you a safe and merry holiday season!' <a href="http://www.emaildesignreview.com/email-design-best-practice/email-design-best-practice-the-johnson-box-86/">preheader</a>, however this can be updated in the code.</p>

<p>To really fill your stocking, we've also included the original PSD file so you can edit and re-export parts of the design as you see fit.</p>

<h3>Learn timely email techniques for 2012</h3>

<p>Despite reviewing and and debugging HTML email code on a daily basis, its been a while since I've been built and tested an email template from the ground up. This process ran across a few afternoons and provided a great opportunity to brush up on email theory and techniques like which <a href="http://www.campaignmonitor.com/css">CSS3 properties can be used reliably</a>, <a href="http://www.campaignmonitor.com/blog/post/3363/updated-applying-a-background-image-to-html-email/">getting background images to display in Outlook '07/'10</a> and <a href="http://www.campaignmonitor.com/blog/post/3442/mobile-email-design-in-practice/">using @media queries</a> for mobile display. Hopefully it will prove to be a solid starting point for future campaigns - hey, you may even jump into the code and learn a new technique or hack along the way, too!</p>

<p>Here's the template, free for you to download and modify - it's by no means perfect and I'm sure you will pass on lots of ideas as to how it can be improved. Rest assured that it's white-label and we don't need a plug in any shape or form if you do use it - for you to celebrate the silly season with us is enough.</p>

<h4 style="background:#edf5ff;padding:15px;border:1px solid #e2eefc;><a href="http://campaignmonitor.com/templates/xmas-2011/cm-holiday-template.zip"><img src="http://i3.campaignmonitor.com/uploads/images/xmas-gift-icon-24x23.gif" alt="Download the template" width="24" height="23" style="float:left;margin-right:10px;" /></a><a href="http://campaignmonitor.com/templates/xmas-2011/cm-holiday-template.zip">Download the holiday email template and PSD</a> <span style="font-size:11px;font-weight:normal;color:#a0a8b1;padding-left: 3px;">(zip file, 8.4Mb)</span></h4>

<p>All of us here are looking forward to seeing your Christmas creations, so pop us a comment below if you have something you'd like to share. Have a happy holiday ahead!</p>

						]]></description>
      <dc:subject>Latest News</dc:subject>
      <dc:date>2011-12-12T08:25:47+00:00</dc:date>
    </item>

    <item>
      <title>Are your subscriber lists killing each other?</title>
      <link>/blog/post/3609/are-your-subscriber-lists-killing-each-other/</link>
      <author>Ros Hodgekiss</author>
      <guid>/blog/post/3609/are-your-subscriber-lists-killing-each-other/</guid>
      <description><![CDATA[
			
							<p>Email send frequency may seem like a no-brainer if you've only got one regular newsletter. But what is it to your subscribers when you're sending a weekly newsletter, flash sales and regular product announcements in between?</p>

<p>I got thinking about this while reading VentureBeat's post on why Amazon have been <a href="http://venturebeat.com/2011/11/08/deal-fatigue-moves-amazon-to-unsubscribe-users-from-its-daily-deals-mailer/">unsubscribing inactive subscribers</a> from AmazonLocal, their daily deals list. The reason:</p>

<p><i>"the Seattle-based retailer has relationships going back more than a decade with some consumers. Continuing to send unwanted emails would hurt that relationship."</i></p>

<p>Or as I read it: Amazon has determined that email fatigue may not just be affecting one list, but all their lists, if not their brand overall.</p>

<p>The article goes on reinforce a tricky fact - one of the top reasons for unsubscribing is that <a href="http://www.campaignmonitor.com/blog/post/3243/find-out-reasons-for-unsubscribing-with-a-quick-exit-survey/">emails are being received too frequently</a> from a particular sender. Amazon may have seen a lack of interest in their daily AmazonLocal emails as being an email fatigue warning sign and perhaps even a threat to their potentially more profitable (and relevant) email recommendations, launch announcements and updates.</p>

<p>Of course, this move goes both ways. When senders proactively remove inactive subscribers from their lists, it can create a lot of confusion for folks who may be happily receiving the emails, but rarely feel the need to respond. It may be because the email content doesn't contain a strong call to action, doesn't invite the recipient to click through, or perhaps it's just a matter of them waiting for the 'right offer' to come along. For these reasons, it's worth exploring alternate ways to combat email fatigue, aside from downsizing your lists.</p>

<h3>What to prescribe before you unsubscribe</h3>

<p>The first thing that comes to mind when faced with a scenario like this is running a <a href="http://www.campaignmonitor.com/blog/post/3054/panic-re-engaging-subscribers/">re-engagement campaign</a>. The message can be something really simple, like: "We see you haven't been getting into our daily deals, so use this link if you would like to stop receiving them". It's also a great opportunity to get feedback from your subscribers and perhaps even offer an incentive to for them to get active again.
Fatigue is an issue that all senders have to approach strategically at some point in time, so it's also worth considering now what you can do about it. For example:</p>

<ul><li>Is it worth consolidating your various newsletters and announcements, say by sending consistently once a fortnight, instead of whenever something exciting happens?</li>
<li>Are you giving your subscribers what they want, with relevant content and enticing offers?</li>
<li>How strong is your call to action? How can you improve it?</li>
<li>Are there alternative channels you can use to effectively communicate your message (eg. social media)?</li>
</ul>

<p>... and the list continues. There are very good reasons to keep your lists and campaigns responsive, especially as email clients like Gmail are <a href="http://www.campaignmonitor.com/blog/post/3534/delivering-to-gmail-inboxes/">using prior engagement to determine how important an email is</a>.</p>

<p>Overall, the most important action item is to do like Amazon and take stock of how your subscriber lists are affecting your relationship with your customers... And each other. What happens after doesn't have to be as drastic as wiping out all your inactive subscribers - small steps like changing your frequency can go a long way when outpacing email fatigue.</p>

						]]></description>
      <dc:subject>Latest News</dc:subject>
      <dc:date>2011-12-06T06:58:00+00:00</dc:date>
    </item>

    <item>
      <title>Aquabumps, on escaping to the beach with email</title>
      <link>/blog/post/3590/aquabumps-on-using-email-marketing/</link>
      <author>Ros Hodgekiss</author>
      <guid>/blog/post/3590/aquabumps-on-using-email-marketing/</guid>
      <description><![CDATA[
			
							<iframe src="http://player.vimeo.com/video/27516293?title=0&amp;byline=0&amp;portrait=0" width="530" height="298" frameborder="0" webkitAllowFullScreen allowFullScreen></iframe>

<h4>When throwing the spotlight on an awesome customer like Eugene Tan, it's hard to imagine that we're somehow brightening his <a href="http://www.smh.com.au/small-business/growing/sydney-surf-snappers-living-the-dream-20110929-1kyo5.html">already luminous position</a> in Australia's photography and surf communities.</h4>

<p>As a chronicler of all things Bondi Beach and beyond for <a href="http://www.aquabumps.com">Aquabumps</a>, he's developed a following both locally and abroad - boosted by the Aquabumps <a href="http://www.aquabumps.com/buy-prints/">gallery</a>, <a href="http://www.aquabumps.com/">site</a> and in no small part, a near-daily email newsletter.</p>

<p>We shared a few moments with our favorite surf dude (sorry, Dave and Ben) to find out how he's used email to get his wickedly good photos into the wild, plus pass on some of the marketing lessons he's received along the way.</p>

<h4>Hi Uge, many of our long-haul customers are creatives like yourself - what is it about email marketing that you and presumably others find so valuable?</h4>

<blockquote class="pull"><p>"Everyone is on email. It just makes sense to use it as a delivery platform."
</p></blockquote>

<p>Using email is a great way to push out your photography. I like the fact that I <i>push</i> my photos, rather than put them up on website and pray for people to visit &#8211; I have the control. People love looking at images... Beach images even more so. Email is simply a great platform to pack a little 30 second beach escape into busy working inboxes, especially now that most email clients can display HTML emails.</p>

<p>Oh, via email you just have access to so many people &#8211; everyone is on email. It just makes sense to use it as a delivery platform.</p>

<h4>Aquabumps' email newsletters are delivered pretty much every weekday, but your subscribers never seem to lose their interest in them. How do you keep your readers wanting more?</h4>

<blockquote class="pull"><p>"Our open rates are very high as we are 95% content and go easy on the sell."</p></blockquote>

<p>We send 5 newsletters per week &#8211; Monday to Friday. Our open rates are very high as we are 95% content and go easy on the sell. You need to build trust with your audience by just showing stuff they want to see or read about. Pick a niche too, preferably something you are very passionate about. Mine is the beach.
&#160;</p>

<h4>We noticed that two of your recent campaigns linked back to surf videos via an image of a video player - how did this affect response?</h4>

<p><a href="http://createsend.com/t/y-A2CC5824AC4DC1FD"><img src="http://i3.campaignmonitor.com/uploads/images/aquabumps-video.jpg" alt="An Aquabumps newsletter with video" width="530" height="570" /></a></p>

<blockquote class="pull"><p>"Click-through rates were huge on the campaigns where I linked back to my videos"</p></blockquote>

<p>Video is new to me, even after many years of talking about it. So many photographers are switching over to the 'dark side' since the inception of the DSLR HD video capabilities. Personally, I&#8217;ve found video to be a compelling way to engage my audience - I broadcast escapism and as you can imagine, video is a great way of taking my viewers to another place... Outside the office cubicle, anyway.</p>

<p>Click-through rates were huge on the campaigns where I linked back to my videos - the best they&#8217;ve been in a long time. Shame we can&#8217;t play video in the inbox, though <i>(Note: In some instances you can play video in the inbox - <a href="http://www.campaignmonitor.com/blog/post/3529/html5-video-in-email-an-updated-guide-for-2011/">view our latest results</a>)</i>.
&#160;</p>

<h4>Finally, what is your advice to other folks who are considering, or have just started using email marketing to promote their work?</h4>

<p>Use Campaign Monitor! Far out their tools are good, intuitive and basically just work &#8211; so you can spend more time creating content... They didn&#8217;t ask me to say that!</p>

<p><strong>Many thanks to Uge for taking the time to answer our questions. To see his surf photography and sign up for the newsletter, <a href="http://www.aquabumps.com">visit the Aquabumps site</a>.</strong></p>

						]]></description>
      <dc:subject>Latest News</dc:subject>
      <dc:date>2011-11-30T04:45:52+00:00</dc:date>
    </item>

    <item>
      <title>Add personalized images to email campaigns with Daisy</title>
      <link>/blog/post/3616/add-personalized-images-to-email-campaigns-with-daisy/</link>
      <author>Ros Hodgekiss</author>
      <guid>/blog/post/3616/add-personalized-images-to-email-campaigns-with-daisy/</guid>
      <description><![CDATA[
			
							<p>Looking for a sweet way to personalize your email campaigns? Our friends at <a href="http://www.motobias.com/">Motobias</a> have very cleverly applied themselves to the task with <a href="http://www.daisyapi.com/">Daisy</a>, a dynamic image generator that pulls personalization data from your subscriber list and uses it to generate unique images for each of your subscribers. The results are really eye-catching campaigns and great opportunities for designers to get creative with their own custom images.</p>

<p><img src="http://i3.campaignmonitor.com/uploads/images/email-with-image.jpg" alt="Personalized campaign using Daisy" width="530" height="469" /><br />
While it&#8217;s still early days for Daisy, designers are welcome to generate images for their live email campaigns, for free. As any custom field can be used when personalizing an image using Daisy, its applications go beyond the gimmicky. For example, you can use it to generate personalized tickets to an event using &#8216;Name&#8217; and &#8216;Ticket number&#8217; custom fields in your subscriber list. In a similar manner, you can also create truly bespoke reminders and email invitations. Before we launch into the details, here&#8217;s an overview:</p>

<iframe src="http://player.vimeo.com/video/32353647?title=0&amp;byline=0&amp;portrait=0" width="530" height="398" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen style="margin-bottom: 20px;"></iframe>

<h3>Powerful personalization for designers</h3><p>
<img src="http://i3.campaignmonitor.com/uploads/images/fullname-image.jpg" alt="Editable text layer" width="210" height="160" align="right" style="margin: 0 0 10px 10px;" />If you&#8217;re a confident Photoshop user, then you&#8217;ll find that creating an image for use with Daisy is a snap. Simply create a PSD featuring an editable text layer and enter the name of your custom field (pictured). </p>

<p>You can convert this text layer into a smart object to apply effects like blur - Daisy will still be able to detect it as long as it remains editable.</p>

<p>With your masterpiece ready and at hand, it&#8217;s time to <a href="http://www.daisyapi.com/Upload">upload your PSD file to Daisy</a>. Upon import, you will be issued an AppID (like an API key), which you will need to access your images. You&#8217;ll also get a chance to verify that your text layers have been detected.</p>

<p>At this point, it&#8217;s time to use your newly-minted AppID, plus <a href="http://www.campaignmonitor.com/api/getting-started/#apikey">Campaign Monitor API key</a> and <a href="http://www.campaignmonitor.com/api/getting-started/#clientid">Client ID</a> to create magic. Swing over to Daisy&#8217;s <a href="http://www.daisyapi.com/CampaignMonitor">Campaign Monitor page</a> and go through the prompts to create a new custom field in your Campaign Monitor account and a unique image for each subscriber in a list. The latter may take some time if you&#8217;ve got a large subscriber list, so Daisy helpfully sends you an email once this is complete.</p>

<p><img src="http://i3.campaignmonitor.com/uploads/images/snapshot-340.jpg" alt="New custom field" width="340" height="222" align="right" style="margin: 0 0 10px 10px;" /></p>

<p>Once your images are ready, you can go to your subscriber list and subscriber snapshot to see the new custom field you created earlier. For each subscriber, this custom field includes a URL which, as you&#8217;ve probably guessed, you&#8217;ll use to source your images. </p>

<p>Take note that this new custom field will be <a href="http://help.campaignmonitor.com/topic.aspx?t=154">visible in your preference center</a> by default - you can hide it in &#8216;Manage custom fields&#8217; in your subscriber list.</p>

<p>From here, it&#8217;s all fairly straightforward. In the email above, we simply added <code>&lt;img src=&#8221;[chocolate-pic]&#8221;&gt;</code> to our HTML email code and sent a personalized email test. You can also set a <a href="http://www.campaignmonitor.com/blog/post/2645/smart-ways-to-use-custom-fields/">fallback image URL</a>, pointing to a non-personalized image - recommended, if you plan on sharing your campaigns.</p>

<h3>Pretty as a Daisy?</h3>

<p>To be honest, the Daisy interface may not be the prettiest in its &#8216;Experimental&#8217; state, but it&#8217;s thorough, stable and full of possibility. Toying around with your own images brings a renewed wonderment towards email marketing - &#8220;How can I make my campaigns more exciting? Will my subscribers react to personalized campaigns?&#8221; - which I&#8217;m sure you&#8217;ll feel the moment you start sending wedding invitations for &#8220;<code>*|firstname|*</code> &hearts; Justin Bieber&#8221; to your entire office. Either that, or you&#8217;ll be mobbed and killed quickly.</p>

<p>Not wanting to stop there, Motobias have also rolled out a <a href="http://www.daisyapi.com/Docs#Methods">well-documented API</a> for dynamically generating images for both email and the web.</p>

<p>Down the track, Daisy will probably get rolled into their <a href="http://visage.motobias.com/">Visage</a> service. But in the interim, <a href="http://www.daisyapi.com/">try it for free</a> and if you have any feedback, <a href="http://www.daisyapi.com/Contact">get in touch with the Daisy team</a>. They&#8217;re keen to hear how they can make it even awesomer for designers&#8230; And Justin Bieber fans.
</p>
						]]></description>
      <dc:subject>Latest News</dc:subject>
      <dc:date>2011-11-25T00:27:21+00:00</dc:date>
    </item>

    <item>
      <title>What&#8217;s the maximum file size for an HTML email?</title>
      <link>/blog/post/3610/maximum-file-size-for-html-email/</link>
      <author>Ros Hodgekiss</author>
      <guid>/blog/post/3610/maximum-file-size-for-html-email/</guid>
      <description><![CDATA[
			
							<p>A few weeks ago, one of our customers wrote in to ask what the maximum file size is for an HTML email. Keeping in mind how expensive data can be on mobile devices, the obvious response would be, "as small as possible". But for a moment, we took pause to wonder - is there really a set limit, after which email clients simply spit the dummy?</p>

<p>Thanks to Michelle Klann at Email on Acid, we've got an answer - 102kb. In a <a href="http://www.emailonacid.com/blog/details/C13/when_it_comes_to_html_email_size_does_matter">recent blog post on email size</a>, she explains:</p>

<p><i>'If your email exceeds 102K, Gmail will display the first 102K and then it will clip off the remainder with a few different variations depending on the device.'</i></p>

<p>Listed are the consequences for exceeding this limit in Gmail, the worst case being:</p>

<p><i>"(after reaching 102k) the mobile version of Gmail for the iPad does not appear to offer any links for viewing the entire message, instead the email is simply cut off."</i></p>

<p>Thankfully, images do not count towards this total - just the initially-downloaded HTML content. Of course, an email would have to be pretty long (or code heavy) to clock in at 102kb - <a href="http://www.campaignmonitor.com/blog/post/3383/email-usability-keeping-your-email-newsletters-short-and-sweet/">which is a usability challenge in itself</a>.</p>

<p>The bottom line is that if your HTML file size is nearing 102kb, your email is too long. Think about how to better refine the email message and/or placing your content on a landing page for easy reading in the browser instead.</p>

						]]></description>
      <dc:subject>Latest News</dc:subject>
      <dc:date>2011-11-22T03:19:48+00:00</dc:date>
    </item>

    <item>
      <title>Add a subscribe form to your Facebook page with our new app</title>
      <link>/blog/post/3612/facebook-subscribe-form-app/</link>
      <author>Ros Hodgekiss</author>
      <guid>/blog/post/3612/facebook-subscribe-form-app/</guid>
      <description><![CDATA[
			
							<p><a href="https://apps.facebook.com/campaignmonitor/"><img src="http://i3.campaignmonitor.com/uploads/images/Headline.png" alt="Add the Campaign Monitor app" width="530" height="310" /></a></p>

<p>If you or your clients administer company Facebook pages, today&#8217;s a happy day. We&#8217;re pleased to finally reveal our new Facebook app for Campaign Monitor subscribe forms, in <a href="https://apps.facebook.com/createsend/">white-label</a> and <a href="https://apps.facebook.com/campaignmonitor/">Campaign Monitor-branded</a> flavors. Both make it possible to add a subscribe form for an existing Campaign Monitor list to a Facebook page. If you administer multiple pages, you can add one subscribe form per page. </p>

<p>The subscribe form apps support custom fields and can be managed using designer and client login credentials alike. While they&#8217;re fairly simple, we&#8217;ve made it possible to change the introductory text, subscribe confirmation message and tab name on your page&#8217;s sidebar. </p>

<p>Setting up either the Campaign Monitor or white-label app for your Facebook page takes less than 2 minutes. All you need is your Campaign Monitor account login details and a subscriber list. You can see it in action on our <a href="https://www.facebook.com/campaignmonitor?sk=app_161293083930879">Campaign Monitor Facebook page</a>.</p>

<h3>Yes, there&#8217;s a white-label version, too!</h3>

<p>As we figured that a lot of our designer friends would be keen to offer this subscribe form app to their clients, we&#8217;ve created a fully white-label version. It works just like its&#8217; branded counterpart, but with no mention of Campaign Monitor. High five!</p>

<p><a href="https://apps.facebook.com/createsend/"><img src="http://i3.campaignmonitor.com/uploads/images/SubBrand.png" alt="Add the white-label app" width="530" height="62" /></a></p>

<p class="alert-1"><strong>Issues with adding the app in IE8:</strong> Due to a weirdo browser issue, some customers haven&#8217;t been able to add the app to their Facebook pages when using the Internet Explorer 8 browser. Please try using another browser for now and hopefully we&#8217;ll have this sorted soon. Once either app is added, it&#8217;s totally fine to use in IE8.</p>

<h3>Making changes to the app</h3>

<p>As mentioned earlier, it&#8217;s possible to change the introductory text and subscribe confirmation message. In addition, you can change the client/list the form is linked to in an account. To do so after you&#8217;ve initially setup the app, go to your Facebook page, then click the &#8216;Edit page&#8217; button. On the next page, click &#8216;Apps&#8217; in the sidebar, then under &#8216;Campaign Monitor Subscribe Form&#8217; (or &#8216;Subscribe Form&#8217;), click &#8216;Go to application&#8217;. You can then go through the setup process again.</p>

<p><img src="http://i3.campaignmonitor.com/uploads/images/select-list-530-1.jpg" alt="Adding/Editing the Facebook subscribe app" width="530" height="302" /></p>

<p>To change the default &#8216;Subscribe to Newsletter&#8217; tab name on your page&#8217;s sidebar, go through the steps above, but instead of clicking &#8216;Go to application&#8217;, click &#8216;Edit settings&#8217;. In the &#8216;Custom tab name&#8217; field, add a new name.</p>

<p><img src="http://i3.campaignmonitor.com/uploads/images/account-settings-180.jpg" alt="Account Settings" width="180" height="109" align="right" style="margin: 0 0 10px 10px;" />To remove the app, go to your Facebook page, then click the &#8216;Edit page&#8217; button. On the next page, click &#8216;Apps&#8217; in the sidebar, then click the &#8216;X&#8217; alongside &#8216;Campaign Monitor Subscribe Form&#8217; (or &#8216;Subscribe Form&#8217;). Then, go to <a href="https://www.facebook.com/settings">Account Settings</a> in your Facebook account (pictured), click &#8216;Apps&#8217; in the sidebar and click the &#8216;X&#8217; next to the app again. All Campaign Monitor account data  stored in the app and forms will be deleted and most certainly won&#8217;t be stored by Facebook. If you re-add the app, you will be asked to login and create your forms from scratch.</p>

<p>At present, only the page admin who added the app can make changes to a subscribe form (apart from deleting it). If you would like another admin to take control, then you will have to remove the app and all forms first, as per above. Same goes for using the app with another Campaign Monitor account. </p>

<p>A huge thanks to everyone who requested this app, added their suggestions and egged us on during its development - we&#8217;d love to hear your feedback and ideas for future updates! Also, extraordinary thanks to <a href="http://www.twitter.com/jdennes">James Dennes</a> for bringing it across the line while <a href="http://kh.skateistan.org/">skateboarding in Cambodia</a> (no kidding), plus <a href="http://twitter.com/mattrobs">Matt Farag</a> and <a href="http://twitter.com/buzzusborne">Buzz Usborne</a> for <del>putting Facebook to shame</del> the sweet design. All of us hope you&#8217;ll enjoy using the Facebook app as much as we have on <a href="http://facebook.com/campaignmonitor">our Facebook page</a>!
</p>
						]]></description>
      <dc:subject>Latest News</dc:subject>
      <dc:date>2011-11-17T01:38:41+00:00</dc:date>
    </item>

    <item>
      <title>What goes into designing the perfect mobile email?</title>
      <link>/blog/post/3605/what-goes-into-designing-the-perfect-mobile-email/</link>
      <author>Ros Hodgekiss</author>
      <guid>/blog/post/3605/what-goes-into-designing-the-perfect-mobile-email/</guid>
      <description><![CDATA[
			
							<p>So, what makes a perfect, mobile-optimized email campaign? Is it using a massive <code>@media</code> query to rework your layout? Clever image re-sizing? Some new device hack?</p>

<p>When getting caught up in the code, it's really easy to forget that good mobile email design means providing a great experience for recipients. A lot of this flows from usability decisions like ensuring that links are large and spaced out enough to be tapped by big fingers, or the call to action is immediately obvious and requires no scrolling to see.</p>

<p>Our friends at Litmus summarized these mobile design guidelines and more in their recent post on the '<a href="http://litmus.com/blog/anatomy-mobile-email">Anatomy of a Perfect Mobile Email</a>', featuring an infographic that you can cherish for all time. Also listed are common mobile email pitfalls like choosing a color palette with poor contrast - admittedly a trap that we all fall into from time to time.</p>

<p><a href="http://litmus.com/blog/anatomy-mobile-email"><img src="http://i3.campaignmonitor.com/uploads/images/perfect-mobile-email-530.jpg" alt="Anatomy of the Perfect Mobile Email" width="530" height="580" /></a></p>

<p><a href="http://gallery.campaignmonitor.com/ViewEmail/y/13665C310AF06F08/"><img src="http://i3.campaignmonitor.com/uploads/images/perfect-email-campaign.jpg" alt="Litmus email campaign on the iPhone" width="250" height="490" align="right" style="margin: 0 0 10px 15px;" /></a></p>

<p>What really grabbed us by the coattails was how Litmus put their lessons into practice with this <a href="http://gallery.campaignmonitor.com/ViewEmail/y/13665C310AF06F08/">especially fetching email campaign</a>.</p>

<p>We usually pop top-notch email newsletters into our <a href="http://www.campaignmonitor.com/gallery">email design gallery</a>. This time however, we really wanted to highlight how they translated the aesthetics of their infographic into email form, while never relying too heavily on images to do so. <a href="http://gallery.campaignmonitor.com/ViewEmail/y/13665C310AF06F08/">The code</a> is definitely worth a look, as instead of using a <code>@media</code> query, they've paired a simple, one-column layout with large fonts to produce a design that is near-bulletproof on any device. At the top of the email, the "Email client market share and mobile design infographs" summary text also ensures that the email's purpose is made clear in Gmail's inbox, on the iPhone and on other mobile clients.</p>

<p>Of course, if you're after a quick and code-less way to optimize your email campaigns for mobile, <a href="http://www.campaignmonitor.com/blog/post/3593/create-mobile-friendly-email-templates-in-one-click/">give our template builder a try</a>. Come on, I had to sneak in a cheeky plug!</p>

<p>A huge thanks to Litmus for sharing their expertise. If you're into mobile email design, we recommend visiting the <a href="http://litmus.com/blog/">Litmus blog</a>, which is a goldmine of clever nuggets like these.</p>

						]]></description>
      <dc:subject>Latest News</dc:subject>
      <dc:date>2011-11-14T23:44:31+00:00</dc:date>
    </item>

    <item>
      <title>Didn&#8217;t notice the changes to the template editor? Excellent.</title>
      <link>/blog/post/3608/subtle-changes-to-the-template-editor/</link>
      <author>Ros Hodgekiss</author>
      <guid>/blog/post/3608/subtle-changes-to-the-template-editor/</guid>
      <description><![CDATA[
			
							<p>If you've been following the blog, you've probably guessed that we've been a pretty busy bunch. Since the launch of our <a href="http://www.campaignmonitor.com/features/powerful-templates/">template editor</a> and recently, the <a href="http://www.campaignmonitor.com/blog/post/3586/a-new-way-to-build-email-templates/">template builder</a>, we've had loads of excellent feedback come in with the tide, which we've been responding to with a steady flow of improvements to the app.</p>

<p>In our recent update, we've made a few usability improvements to the template editor. Most of these are so subtle that you probably won't notice them, but in a way, that's the point. For starters, we removed the distraction of having the sidebar slide in and out of view when editing the various parts of a template. Instead, we've made it sticky and constantly present. You didn't notice this, because you were focused on your work instead.</p>

<p>We're also about making the editor more forgiving, so we've ensured that any content that gets entered into the sidebar is auto-saved. Consequently, this has eliminated the disruptive 'save changes' prompt when you move on to editing something else. Another prompt that we've given the flick is the one that appeared upon deleting an editable region. Instead, we've added an 'undo delete' link (pictured), should you change your mind.</p>

<p><img src="http://i3.campaignmonitor.com/uploads/images/template-editor-530.jpg" alt="Undo delete in the template editor" width="530" height="275" /></p>

<p>These three changes have been directly guided by your feedback, so we'd like to extend a warm 'thank you' for all your tweets, forum posts and emails. Recording and acting on your suggestions remains a priority even at this busy time of year, so if there's something you feel we could improve about the editor (or the app in general), be sure to <a href="http://www.campaignmonitor.com/contact">get in touch with our team</a>, or leave a note in the comments below.</p>

						]]></description>
      <dc:subject>Latest News</dc:subject>
      <dc:date>2011-11-09T04:25:50+00:00</dc:date>
    </item>

    <item>
      <title>Translating the templates in our builder &#45; we need your help!</title>
      <link>/blog/post/3602/translating-the-templates-in-our-builder-we-need-your-help/</link>
      <author>Ros Hodgekiss</author>
      <guid>/blog/post/3602/translating-the-templates-in-our-builder-we-need-your-help/</guid>
      <description><![CDATA[
			
							<p>First up, we'll come clean here. While our <a href="http://www.campaignmonitor.com/blog/post/3586/a-new-way-to-build-email-templates/">template builder</a> has sped up the process of creating templates for many designers, the inclusion of English terms like 'Unsubscribe' and 'Web version' has made the resulting templates slightly tricky to use for customers who send their campaigns in Danish, Dutch or one of many commonly-used languages. Naturally, it wasn't long before we received feedback to this effect.</p>

<p>If you send in a language other than English, we want to make things right by providing an easy way to have terms like 'Unsubscribe' and 'Web version' translated into your language. The thing is, we don't want to rely on robots or second-guessing, especially when there are great people like you who know what's best when it comes to email campaigns.</p>

<p>For this reason, we would like to ask for your help in translating some of the default words and phrases that appear in our templates.</p>

<p>Filling in the form below will only take a minute or two, but it will massively benefit designers and clients across the world. Once we've collected a variety of translations, we'll look towards adding a simple language selector to the template builder and taking the hard work out of localizing your campaigns.</p>

<p>Finally, a big thank you for your feedback and for helping us improve. We owe a lot to our international customers and hope to return the favor by building a better app for everyone.</p>

<script type="text/javascript">var host = (("https:" == document.location.protocol) ? "https://secure." : "http://");document.write(unescape("%3Cscript src='" + host + "wufoo.com/scripts/embed/form.js' type='text/javascript'%3E%3C/script%3E"));</script>

<script type="text/javascript">
var m7x3a7 = new WufooForm();
m7x3a7.initialize({
'userName':'campaignmonitor', 
'formHash':'m7x3a7', 
'autoResize':true,
'height':'867',
'header':'show', 
'ssl':true});
m7x3a7.display();
</script>

						]]></description>
      <dc:subject>Latest News</dc:subject>
      <dc:date>2011-11-07T00:16:19+00:00</dc:date>
    </item>

    <item>
      <title>API update: New subscriber methods, social stats and more</title>
      <link>/blog/post/3597/api-update-deleting-subscribers-social-stats-updated-wrappers-and-more/</link>
      <author>Ros Hodgekiss</author>
      <guid>/blog/post/3597/api-update-deleting-subscribers-social-stats-updated-wrappers-and-more/</guid>
      <description><![CDATA[
			
							<p>We've recently unleashed a couple of API updates that should make things easier for our developer friends. Included are three new methods, plus a handful of parameters which are likely to be particularly useful if you're syncing subscribers between your app and ours. If integrating with Campaign Monitor is your business, here is what's new in our API.</p>

<h3>New methods: Deleting subscribers and unscheduling campaigns</h3>

<p>First up, the big one - you can now <strong><a href="http://www.campaignmonitor.com/api/subscribers/#deleting_a_subscriber">delete subscribers from a list</a></strong> using our API. Unlike our existing method for <a href="http://www.campaignmonitor.com/api/subscribers/#unsubscribing_a_subscriber">unsubscribing subscribers</a> (wow, a mouthful), a delete request results in an email address being marked as 'Deleted', but not added to the account's suppression list. This is particularly useful when a subscriber is to be <a href="http://www.campaignmonitor.com/api/subscribers/#adding_a_subscriber">re-added to a list</a> at a later time, say, when 'pausing' a subscription for a few weeks. Of course, a little discretion should be used when deleting a subscriber via the API, rather than unsubscribing them.</p>

<p>In tandem is a new method for <strong><a href="http://www.campaignmonitor.com/api/lists/#getting_deleted_subscribers">getting deleted subscribers</a></strong> for a particular list. Results can be narrowed down by date range, ordered by date and more.</p>

<p>Finally, we've added a new method for <strong><a href="http://www.campaignmonitor.com/api/campaigns/#unscheduling_a_campaign">unscheduling a campaign</a></strong>, which moves a scheduled campaign back to the account's drafts. This sure beats <a href="http://www.campaignmonitor.com/api/campaigns/#deleting_a_campaign">deleting the campaign</a>, as was previously done.</p>

<h3>Getting social: Forward, Like and Mention stats for a campaign</h3>

<p>In the spirit of the <a href="http://help.campaignmonitor.com/topic.aspx?t=200">social sharing reports in the app</a>, we've now made sharing stats available via the API. Using the new parameters in our existing <a href="http://www.campaignmonitor.com/api/campaigns/#campaign_summary">campaign summary</a> method, you can pull forwards, likes and mentions for any given campaign, alongside the regular metrics. This is a timely addition for all you folks with dashboard apps (or ahem, 'information radiators'), not to mention other app adventures in analytics.</p>

<h3>Clearing custom fields on subscriber updates or bulk imports</h3>

<p>Last but not least, we've added a parameter for clearing <a href="http://help.campaignmonitor.com/topic.aspx?t=154">custom fields</a> to our existing methods for <a href="http://www.campaignmonitor.com/api/subscribers/#updating_a_subscriber">updating a subscriber</a> and <a href="http://www.campaignmonitor.com/api/subscribers/#importing_subscribers">importing many subscribers</a>. This allows you to clear one or more options on multi-value custom fields and totally clear other custom field types.</p>

<h3>Our API wrappers, updated and ready to use</h3>

<p>To reflect the new methods described above, we've updated all our <a href="http://www.campaignmonitor.com/api/samples-and-wrappers/">official wrappers</a> for v3 of the Campaign Monitor API. We've got wrappers for Ruby, PHP, .NET and more, so chances are, our API speaks your language!</p>

<p>A huge thanks to <a href="http://www.twitter.com/fatal_2">Paul Duran</a> and our development and testing teams for this sweeping update. Most importantly, thanks to you - all of the above happened because developers stepped forward and provided us with amazing feedback, so if you have any any suggestions for new methods or improvements, <a href="http://www.campaignmonitor.com/support">get in touch with our team</a>. Alternately, hustle with our lively <a href="http://www.campaignmonitor.com/forums/viewforum.php?id=5">API developer community</a> and post questions, get the word on updates and most importantly, cut some darn good code!</p>

						]]></description>
      <dc:subject>Latest News</dc:subject>
      <dc:date>2011-11-03T00:41:42+00:00</dc:date>
    </item>

    
    </channel>
</rss>
