Pen Settings

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

            
              
<!DOCTYPE html>
<html xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://opengraph.org/schema/"> <head>
        
<meta property="fb:page_id" content="43929265776" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta name="referrer" content="origin" />        
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta property="og:title" content="Issue 52 - Crafting Better Automated Emails">
  <!--[if !mso]><!-->
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <!--<![endif]-->
  <meta name="robots" content="noindex, nofollow">
  <title>MailChimp ♥ Agencies</title>
  <link rel="stylesheet" type="text/css" href="https://gallery.mailchimp.com/cc11276e0af3cd3f833d3e2d1/files/inlined_styles.03.css">
  
  <link href="https://fonts.googleapis.com/css?family=Merriweather:300,400,700" rel="stylesheet">
  <!--[if (gte mso 9)|(IE)]>
    <style type="text/css">
      .body-content, .serif, .quote {font-family: Georgia, serif !important;line-height: 35px !important;}
      h1, h2, h3 {font-family: Arial, Helvetica, sans-serif !important;}
      .pixel-graphic {width: 910px !important; height: 160px !important;}
    </style>
  <![endif]-->
<style type="text/css">
		body,.hide-tweet-block,* [lang~=hide-tweet-block]{
			background-color:rgba(255,255,255,1);
		}
		.quote-wrap:hover .quote,* [lang~=quote-wrap]:hover * [lang~=quote]{
			color:rgba(109, 197, 220, 1)!important;
		}
		.quote-wrap:hover .hide-tweet-block,* [lang~=quote-wrap]:hover * [lang~=hide-tweet-block]{
			background-color:rgba(255,255,255,0)!important;
		}
		.tweet-block:hover,* [lang~=tweet-block]:hover{
			background-color:#53b6f3!important;
		}
		.read-more:hover a,* [lang~=read-more]:hover{
			color:#6DC5DC!important;
			text-decoration:none!important;
		}
		.read-more:hover a .continue-arrow,* [lang~=read-more]:hover * [lang~=continue-arrow]{
			width:30px!important;
			text-decoration:none!important;
		}
		.cta-outer:hover .cta-inner,* [lang~=cta-outer]:hover * [lang~=cta-inner]{
			background-color:rgba(255,255,255,0.2)!important;
		}
		.cta-outer:hover a,* [lang~=cta-outer]:hover a{
			color:#FFFFFF!important;
			text-decoration:none!important;
		}
		a{
			color:#6DC5DC;
		}
		a:hover{
			text-decoration:underline!important;
		}
		.ExternalClass *{
			line-height:100%;
		}
		a[x-apple-data-detectors]{
			color:inherit !important;
			text-decoration:none !important;
			font-size:inherit !important;
			font-family:inherit !important;
			font-weight:inherit !important;
			line-height:inherit !important;
		}
		.primary-color{
			background-color:#cccccc;
		}
		.secondary-color{
			background-color:#ffa356;
		}
		.body-content,.serif{
			color:#373737;
			font-family:'Merriweather', Georgia, serif;
			font-size:21px;
			line-height:1.6;
			letter-spacing:0.1px;
			font-weight:300;
			text-align:left;
		}
		.cta-outer{
			border-radius:4px;
		}
		.cta-inner,.cta-inner a{
			color:#FFFFFF;
			text-decoration:none;
		}
		.cta-inner{
			font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
			font-size:21px;
			font-weight:400;
			line-height:1;
			padding-top:15px;
			padding-right:30px;
			padding-bottom:15px;
			padding-left:30px;
		}
		#header-background{
			background-image:url('https://gallery.mailchimp.com/cc11276e0af3cd3f833d3e2d1/images/3ee18552-0a4d-4855-9e79-a13d6289f612.jpg');
			padding-top:375px;
			background-position:center;
			background-size:cover;
		}
		h1,span.h1{
			font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
			font-size:62px;
			font-weight:bold;
			line-height:1.2;
			letter-spacing:0;
			margin:0;
		}
		h2,span.h2{
			font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
			font-size:42px;
			font-weight:bold;
			line-height:1.2;
			letter-spacing:0;
			margin:0;
		}
		h3,span.h3{
			font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
			font-size:24px;
			font-weight:bold;
			line-height:1.2;
			letter-spacing:0;
			margin:0;
		}
		.quote{
			font-family:'Merriweather', Georgia, serif;
			font-weight:500;
			font-size:24px;
			line-height:1.5;
			font-style:italic;
			color:#000000;
			letter-spacing:0.1px;
		}
		.footer-color{
			color:#373737;
		}
	@media screen and (max-width: 768px){
		.wrap{
			min-width:0!important;
		}

}	@media screen and (max-width: 768px){
		#header-background{
			padding-top:35%!important;
		}

}	@media screen and (max-width: 768px){
		.left-sidebar,.right-sidebar,.left-sidebar-freddie,.right-tweet-sidebar{
			width:85px!important;
			min-width:85px!important;
			max-width:85px!important;
		}

}	@media screen and (max-width: 768px){
		.freddie{
			width:50%!important;
			margin:0 auto;
		}

}	@media screen and (max-width: 768px){
		.hide-tweet-block{
			background-color:transparent!important;
		}

}	@media screen and (max-width: 768px){
		.tweet-block{
			background-color:#1da1f2!important;
		}

}	@media screen and (max-width: 720px){
		.full-width{
			width:100%!important;
		}

}	@media screen and (max-width: 568px){
		.cta-inner,.follow-up-text{
			font-size:20px!important;
		}

}	@media screen and (max-width: 568px){
		.up-next-container{
			padding:20px 15px!important;
		}

}	@media screen and (max-width: 568px){
		#header-background,#footer-background{
			overflow:hidden!important;
		}

}	@media screen and (max-width: 568px){
		#header-background img,#footer-background img{
			width:148%!important;
		}

}	@media screen and (max-width: 568px){
		.left-sidebar,.right-sidebar,.desktop{
			display:none!important;
		}

}	@media screen and (max-width: 568px){
		.freddie{
			width:50px!important;
			margin:0 auto!important;
			padding-right:20px!important;
			padding-left:15px!important;
		}

}	@media screen and (max-width: 568px){
		.body-content{
			padding-left:15px!important;
			padding-right:15px!important;
			font-size:18px!important;
		}

}	@media screen and (max-width: 568px){
		.serif,.mc-loves-agencies{
			font-size:17px!important;
		}

}	@media screen and (max-width: 568px){
		.header-issue{
			font-size:12px!important;
		}

}	@media screen and (max-width: 568px){
		h1,span.h1{
			font-size:42px!important;
		}

}	@media screen and (max-width: 568px){
		h2,span.h2{
			font-size:30px!important;
		}

}	@media screen and (max-width: 568px){
		h3,span.h3,.quote{
			font-size:18px!important;
		}

}	@media screen and (max-width: 568px){
		.hr-container,.quote-wrap,.posts-container,.blog-post{
			padding-top:30px!important;
			padding-bottom:30px!important;
		}

}	@media screen and (max-width: 568px){
		.blog-post{
			padding-left:15px!important;
			padding-right:15px!important;
		}

}	@media screen and (max-width: 568px){
		.cta-outer{
			width:90%!important;
			margin:0 auto!important;
			text-align:center!important;
			box-sizing:border-box!important;
		}

}	@media screen and (max-width: 568px){
		ul,ol{
			margin:0;
			padding-left:15px!important;
		}

}	@media screen and (max-width: 568px){
		li{
			padding-bottom:20px!important;
			padding-left:10px!important;
		}

}	@media screen and (max-width: 568px){
		li ul,li ol,li ul li ul,li ol li ol{
			padding-top:15px!important;
			padding-left:15px!important;
		}

}	@media screen and (max-width: 568px){
		li ul li,li ol li{
			padding-bottom:10px!important;
			padding-left:10px!important;
		}

}	@media screen and (max-width: 568px){
		li ul li ul li,li ol li ol li{
			padding-bottom:10px!important;
		}

}	@media screen and (max-width: 568px){
		.quote-pad{
			padding-left:25px!important;
			padding-right:25px!important;
			width:100%!important;
			box-sizing:border-box;
			display:block;
		}

}	@media screen and (max-width: 568px){
		.right-tweet-sidebar{
			width:100%!important;
			min-width:100%!important;
			max-width:100%!important;
			display:block;
			padding-top:10px!important;
		}

}	@media screen and (max-width: 568px){
		.tweet-block-table{
			margin:0 auto!important;
		}

}	@media screen and (max-width: 568px){
		.tweet-block{
			opacity:1!important;
			background-image:url('https://gallery.mailchimp.com/cc11276e0af3cd3f833d3e2d1/images/9604dbc0-5291-4585-8c39-75894ace3af2.png');
			background-repeat:no-repeat;
			background-position:center;
			background-size:100% 100%;
			width:30px!important;
			height:35px!important;
		}

}	@media screen and (max-width: 568px){
		.tweet-block a{
			width:30px!important;
			height:35px!important;
			display:block!important;
		}

}	@media screen and (max-width: 568px){
		.caption{
			font-size:12px!important;
		}

}	@media screen and (max-width: 568px){
		.image-wrap{
			padding-top:30px!important;
			padding-bottom:20px!important;
		}

}	@media screen and (max-width: 568px){
		.up-next-content{
			padding-top:20px!important;
		}

}	@media screen and (max-width: 568px){
		.post-container{
			width:100%!important;
			min-width:0!important;
		}

}	@media screen and (max-width: 568px){
		.legal-info{
			padding-left:15px!important;
			padding-right:15px!important;
			padding-bottom:30px!important;
		}

}	@media screen and (max-width: 568px){
		.body-content img{
			max-width:100% !important;
			height:auto !important;
		}

}</style><!--[if !mso]><!--><link href="https://fonts.googleapis.com/css?family=Merriweather:400,400i,700,700i" rel="stylesheet"><!--<![endif]-->     



        <body style="padding: 0;margin: 0;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;background-color: rgba(255,255,255,1);">

  <!--[if (gte mso 9)|(IE)]><table border="0" cellpadding="0" cellspacing="0" width="910" align="center" style="table-layout: fixed;" align="center"><tr><td align="center"><![endif] -->
  <table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;"><tr><td align="center" bgcolor="#ffffff" style="background-color: #ffffff;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">

    <!-- Email Wrapper -->
    <table border="0" cellpadding="0" cellspacing="0" width="100%" class="wrap" style="min-width: 700px;max-width: 1200px;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;" align="center">
      <tr>
        <td align="center" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
          <!-- Header -->
          <table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
            <tr>
              <td valign="bottom" align="center" id="header-background" class="primary-color" style="background:url('https://gallery.mailchimp.com/cc11276e0af3cd3f833d3e2d1/images/3ee18552-0a4d-4855-9e79-a13d6289f612.jpg') center/cover;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;background-color: #cccccc;background-image: url(https://gallery.mailchimp.com/cc11276e0af3cd3f833d3e2d1/images/3ee18552-0a4d-4855-9e79-a13d6289f612.jpg);padding-top: 375px;background-position: center;background-size: cover;">
                <img class="wrap pixel-graphic" src="https://gallery.mailchimp.com/cc11276e0af3cd3f833d3e2d1/images/7b3e3a60-6491-468d-bfa3-ffa9f4966bd6.png" width="910" border="0" style="min-width:700px;display:block;width:100%;">
              </td>
            </tr>
          </table>
          <!-- End Header -->

          <!-- Content Container -->
          <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 910px;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
            <tr>
              <td align="center" style="padding-top: 40px;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">

                <!-- Mailchimp For Agencies -->
                <table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                  <tr>
                    <td class="left-sidebar-freddie" align="center" valign="middle" width="105" style="padding-bottom: 30px;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                      <a href="http://mailchimp.com/" style="display: inline-block;text-decoration: none;color: #6DC5DC;">
                        <img class="freddie" src="https://gallery.mailchimp.com/cc11276e0af3cd3f833d3e2d1/images/4b5d7679-ee2b-466f-98ca-6a863e4e22dd.png" width="55" style="display:block;width: 55px;border: 0;margin: 0 auto;">
                      </a>
                    </td>
                    <td align="left" valign="middle" width="700" style="padding-bottom: 30px;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                      <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                        <tr>
                          <td class="mc-loves-agencies" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 21px;line-height: 1;font-weight: 600;color: #373737;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                            MailChimp <span style="color:#E85C41;font-family: Helvetica;">♥</span> Agencies
                          </td>
                        </tr>
                        <tr>
                          <td class="header-issue" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 16px;line-height: 1;font-weight: 600;color: #B7B7B7;padding-top: 4px;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">Issue 52</td>
                        </tr>
                      </table>
                    </td>
                    <td class="right-sidebar" align="left" valign="middle" width="105" style="padding-bottom: 30px;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;"></td>
                  </tr>
                </table>
                <!-- End Mailchimp For Agencies -->

                <!-- Content Modules -->

                <!-- Text Area No Pixels -->
                <table mc:repeatable="repeat_1" mc:variant="Text Area No Pixels" border="0" cellpadding="0" cellspacing="0" width="100%" mc:repeatindex="0" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                  <tr>
                    <td class="left-sidebar" align="left" valign="middle" width="105" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                    </td>
                    <td align="left" valign="middle" width="700" class="body-content" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;color: #373737;font-family: 'Merriweather', Georgia, serif;font-size: 21px;line-height: 1.6;letter-spacing: 0.1px;font-weight: 300;text-align: left;"><h1 style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 62px;font-weight: bold;line-height: 1.2;letter-spacing: 0;margin: 0;"><strong>Crafting Better Automated Emails</strong></h1>
<span style="color:#D3D3D3"><span style="font-size:12px">Reading time: six minutes&nbsp;</span></span></td>
                    <td class="right-sidebar" align="left" valign="bottom" width="105" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                    </td>
                  </tr>
                </table><table mc:repeatable="repeat_1" mc:variant="Text Area No Pixels" border="0" cellpadding="0" cellspacing="0" width="100%" mc:repeatindex="1" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                  <tr>
                    <td class="left-sidebar" align="left" valign="middle" width="105" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                    </td>
                    <td align="left" valign="middle" width="700" class="body-content" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;color: #373737;font-family: 'Merriweather', Georgia, serif;font-size: 21px;line-height: 1.6;letter-spacing: 0.1px;font-weight: 300;text-align: left;"><h3 style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 24px;font-weight: bold;line-height: 1.2;letter-spacing: 0;margin: 0;">&nbsp;</h3>
You don&rsquo;t have to work at an agency for very long to figure out that experimentation makes clients nervous. And can you blame them? Who wants to pay money to fool around with untested strategies? You hire an agency for its expertise.<br>
<br>
Of course, this puts agencies in something of a bind. How do you test new tactics or ideas without risking client cash&mdash;or the relationship? For digital marketing agency Vital, the answer is pretty simple.<br>
<br>
&ldquo;We&rsquo;re the guinea pigs,&rdquo; says Doug Ridley, director of consulting. &ldquo;When we take an idea to the client, we know it works because we&rsquo;ve executed it.&rdquo;<br>
<br>
That willingness to experiment on themselves has played a big role in Vital&rsquo;s growth&mdash;and has also led to new ways of thinking about email, automation, and the craft of copywriting.
<div style="text-align: center;"><img data-file-id="3235809" height="401" src="https://gallery.mailchimp.com/cc11276e0af3cd3f833d3e2d1/images/e3fd746d-8fea-4937-8e03-b7a916321dcd.png" style="border: 0px  ; width: 400px; height: 401px; margin: 0px;" width="400"></div>
</td>
                    <td class="right-sidebar" align="left" valign="bottom" width="105" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                    </td>
                  </tr>
                </table><table mc:repeatable="repeat_1" mc:variant="Text Area No Pixels" border="0" cellpadding="0" cellspacing="0" width="100%" mc:repeatindex="2" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                  <tr>
                    <td class="left-sidebar" align="left" valign="middle" width="105" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                    </td>
                    <td align="left" valign="middle" width="700" class="body-content" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;color: #373737;font-family: 'Merriweather', Georgia, serif;font-size: 21px;line-height: 1.6;letter-spacing: 0.1px;font-weight: 300;text-align: left;"><h3 style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 24px;font-weight: bold;line-height: 1.2;letter-spacing: 0;margin: 0;"><br>
Throw away the cookie cutters</h3>
&nbsp;<br>
With hundreds of new subscribers joining Vital&rsquo;s email list each month, it might seem strange that Ridley was unhappy with it. The problem, though, was what happened after people subscribed.<br>
<br>
&ldquo;When a new subscriber would join our list, they&rsquo;d receive a standard welcome email,&rdquo; Ridley says. &ldquo;And ours was no different than everybody else&rsquo;s. It said, &lsquo;Welcome to our list, here&rsquo;s what to expect, here&rsquo;s some links to our blog, here are some resources.&rsquo; You&rsquo;ve seen it a hundred times before.&rdquo;<br>
<br>
Even the subject line was predictable: Thanks and welcome to the newsletter.<br>
<br>
&ldquo;We started looking at our welcome email through a strategic lens and just thought, &lsquo;Damn. We&rsquo;ve got so many people signing up each month. What the heck are we doing? This is a huge missed opportunity,&rsquo;&rdquo; Ridley says.
<div style="text-align: center;"><img data-file-id="3235825" height="401" src="https://gallery.mailchimp.com/cc11276e0af3cd3f833d3e2d1/images/660ab76f-faa3-4091-81a8-374c23f4b29c.png" style="border: 0px  ; width: 401px; height: 401px; margin: 0px;" width="401"></div>
Instead of sending a cookie-cutter message to new subscribers, Ridley and his team decided to see what they could do to turn that first email into a stronger engagement piece. After some initial testing and trial-and-error, they discovered that the best way to get a response was simply to ask the right question.<br>
<br>
&ldquo;With automation, one of the challenges is to make sure you&rsquo;re still ready to engage with your subscribers,&rdquo; Ridley says. &ldquo;You can&rsquo;t just set it and forget it. What we realized was that we could use that first automated email to ask our subscribers about their biggest pain points and explain how we could share useful content that speaks to their problems.&rdquo;<br>
<br>
It was this shift in thinking that led Vital to use automation to speak with people rather than at them. And the results speak for themselves.
<div style="text-align: center;"><img data-file-id="3235817" height="401" src="https://gallery.mailchimp.com/cc11276e0af3cd3f833d3e2d1/images/f23a86fb-40ec-4606-b030-3efdb2e85f87.png" style="border: 0px  ; width: 401px; height: 401px; margin: 0px;" width="401"></div>
&ldquo;Our welcome email has an open rate of 41.4%,&rdquo; Ridley says. &ldquo;People respond by telling us what they need, and we have our team standing by ready to set it up. The strategy worked so well for us that we&rsquo;ve started using it for all of our clients using MailChimp.&rdquo;</td>
                    <td class="right-sidebar" align="left" valign="bottom" width="105" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                    </td>
                  </tr>
                </table><table mc:repeatable="repeat_1" mc:variant="Quote Block" border="0" cellpadding="0" cellspacing="0" width="100%" mc:repeatindex="3" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                <tr>
                  <td lang="quote-wrap" class="quote-wrap" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;padding-top: 60px;padding-bottom: 60px;">
                    <table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                      <tr>
                        <td class="left-sidebar" align="left" valign="middle" width="105" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;"></td>
                        <td class="quote-pad" align="left" valign="middle" width="700" style="padding-left: 30px;padding-right: 30px;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                          <table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                            <tr>
                              <td valign="top" lang="quote" class="quote" style="width: 24px;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;font-family: 'Merriweather', Georgia, serif;font-weight: 500;font-size: 24px;line-height: 1.5;font-style: italic;color: #000000;letter-spacing: 0.1px;" width="24">“</td>
                              <td valign="top" lang="quote" class="quote" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;font-family: 'Merriweather', Georgia, serif;font-weight: 500;font-size: 24px;line-height: 1.5;font-style: italic;color: #000000;letter-spacing: 0.1px;"><span>The goal became to try to get a response... It&rsquo;s changed the way our writers work.</span>&nbsp;”</td>
                            </tr>
                          </table>
                        </td>
                        <td class="right-tweet-sidebar" align="left" valign="middle" width="105" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                          <table class="tweet-block-table" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                            <tr>
                              <td lang="tweet-block" class="tweet-block" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;background-color: #1da1f2;"><a alt="tweet" border="0" class="hide-tweet-block" href="https://twitter.com/intent/tweet?text=%22The%20goal%20became%20to%20try%20to%20get%20a%20response...%20It%E2%80%99s%20changed%20the%20way%20our%20writers%20work.%22%20%40Vital_Design%20%40MailChimp%20http%3A%2F%2Fbit.ly%2F2vrb3Yx" lang="hide-tweet-block" style="display: block;text-decoration: none;border: 0;color: #6DC5DC;background-color: rgba(255,255,255,1);"><img border="0" class="desktop" height="30" src="https://gallery.mailchimp.com/cc11276e0af3cd3f833d3e2d1/images/2f0c0634-af65-4f6b-91f7-dd68a8b48930.png" style="width:35px;height:30px;display: block;border:0;" width="35"> </a></td>
                            </tr>
                          </table>
                        </td>
                      </tr>
                    </table>
                  </td>
                </tr>
              </table><table mc:repeatable="repeat_1" mc:variant="Text Area No Pixels" border="0" cellpadding="0" cellspacing="0" width="100%" mc:repeatindex="4" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                  <tr>
                    <td class="left-sidebar" align="left" valign="middle" width="105" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                    </td>
                    <td align="left" valign="middle" width="700" class="body-content" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;color: #373737;font-family: 'Merriweather', Georgia, serif;font-size: 21px;line-height: 1.6;letter-spacing: 0.1px;font-weight: 300;text-align: left;"><h3 style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 24px;font-weight: bold;line-height: 1.2;letter-spacing: 0;margin: 0;"><br>
Keeping it real</h3>
&nbsp;<br>
One of the keys to the success of the new welcome email, Ridley says, was good copywriting. But it required the writers to start thinking a little differently about the goals of automation.<br>
<br>
&ldquo;The goal became to try to get a response to every email,&rdquo; Ridley says. &ldquo;When someone reads it, they should feel like it was sent by a real person who took the time to sit down and write to them. It&rsquo;s changed the way our writers work.&rdquo;<br>
<br>
With the new goal in mind, copywriters began to include that personal outreach in every email they wrote.<br>
<br>
&ldquo;There&rsquo;s now always that invitation, a line that says, in effect &lsquo;Hey, I&rsquo;m a real person writing this, and if you have a question feel free to reply.&rsquo; That prompt always gets a big response. Just inviting people to reply draws them in,&rdquo; Ridley says.<br>
<br>
For clients, Vital assigns writers to specific accounts in order to create a continuity of voice that reinforces the notion of a &lsquo;real person&rsquo; behind the email.
<div style="text-align: center;"><img data-file-id="3235813" height="401" src="https://gallery.mailchimp.com/cc11276e0af3cd3f833d3e2d1/images/970a33f0-3dae-4805-8b7f-45fceef07645.png" style="border: 0px  ; width: 401px; height: 401px; margin: 0px;" width="401"></div>
&ldquo;Our writers are involved with clients from the very beginning, so they really understand what the client wants and what they&rsquo;re trying to accomplish,&rdquo; Ridley says. &ldquo;The success of our automated campaigns comes from a partnership between the writer and the client.&rdquo;<br>
<br>
The clients are heavily involved in the writing process as well, providing insight not just into goals and benchmarks but also into company quirks and idiosyncrasies.<br>
<br>
&ldquo;We&rsquo;ll go back to our clients with copy and ask, &lsquo;How do we make this sound more like you?&rsquo; We want to know how they use language, how they talk to their customers, what makes them unique,&rdquo; Ridley says. &ldquo;Getting that information to the writer leads to better emails.&rdquo;</td>
                    <td class="right-sidebar" align="left" valign="bottom" width="105" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                    </td>
                  </tr>
                </table><table mc:repeatable="repeat_1" mc:variant="Text Area No Pixels" border="0" cellpadding="0" cellspacing="0" width="100%" mc:repeatindex="5" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                  <tr>
                    <td class="left-sidebar" align="left" valign="middle" width="105" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                    </td>
                    <td align="left" valign="middle" width="700" class="body-content" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;color: #373737;font-family: 'Merriweather', Georgia, serif;font-size: 21px;line-height: 1.6;letter-spacing: 0.1px;font-weight: 300;text-align: left;"><h3 style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 24px;font-weight: bold;line-height: 1.2;letter-spacing: 0;margin: 0;"><br>
Response requested</h3>
&nbsp;<br>
The success of this approach has transformed how Vital treats email as a marketing channel.
<div style="text-align: center;"><img data-file-id="3235821" height="400" src="https://gallery.mailchimp.com/cc11276e0af3cd3f833d3e2d1/images/43983b99-84b8-4cf3-b2da-7148ba28595f.gif" style="border: 0px  ; width: 400px; height: 400px; margin: 0px;" width="400"></div>
&ldquo;As a digital marketing agency, our goal was always to drive traffic to the website to convert in a form,&rdquo; Ridley says. &ldquo;But all of a sudden, we realized we don&rsquo;t have to do that. If we want the conversion, we just have the reader hit reply.&rdquo;<br>
<br>
It&rsquo;s 1 fewer step for customers to take, with no loss of service. They can still request a quote or more information or just touch base&mdash;and now the whole process is a lot more personal.<br>
<br>
&ldquo;It worked so well that our whole email campaign strategy shifted,&rdquo; Ridley says. &ldquo;Instead of sending emails every time there was a blog post or focusing so much on the website, we started sending automated content a couple times a week. And because our writers have done such a good job of crafting those emails, our subscribers want to engage with them.&rdquo;</td>
                    <td class="right-sidebar" align="left" valign="bottom" width="105" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                    </td>
                  </tr>
                </table><table mc:repeatable="repeat_1" mc:variant="Image" border="0" cellpadding="0" cellspacing="0" width="100%" mc:repeatindex="6" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
              <tr>
                <td class="image-wrap" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;padding-top: 60px;padding-bottom: 30px;text-align: center;">
                <table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                  <tr>
                    <td align="center" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                      <img src="https://gallery.mailchimp.com/cc11276e0af3cd3f833d3e2d1/images/e5d074f4-6923-4128-b213-5a0c8033a8f7.jpg" alt="" border="0" style="margin: 0; padding: 0;display:block;width: 100%;max-width: 910px;" width="910">
                    </td>
                  </tr>
                  <tr>
                    <td align="center" style="padding-top: 10px;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                      <span mc:hideable="hideable_repeat_1_1" class="caption" mchideable="hideable_repeat_1_1" style="color: #B7B7B7;font-family: 'Merriweather', Georgia, serif;font-style: italic;font-weight: 300;font-size: 14px;display: block;line-height: 1;text-align: center;">Vital HQ in Portsmouth, New Hampshire.&nbsp;</span>
                    </td>
                  </tr>
                </table>
                </td>
              </tr>
            </table><table mc:repeatable="repeat_1" mc:variant="Text Area No Pixels" border="0" cellpadding="0" cellspacing="0" width="100%" mc:repeatindex="7" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                  <tr>
                    <td class="left-sidebar" align="left" valign="middle" width="105" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                    </td>
                    <td align="left" valign="middle" width="700" class="body-content" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;color: #373737;font-family: 'Merriweather', Georgia, serif;font-size: 21px;line-height: 1.6;letter-spacing: 0.1px;font-weight: 300;text-align: left;"><h3 style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 24px;font-weight: bold;line-height: 1.2;letter-spacing: 0;margin: 0;"><br>
5 quick tips on writing engaging emails</h3>
&nbsp;<br>
Whether you&rsquo;ve got a team of copywriters at your disposal or not, there are a few things everyone can do to write more effective emails. Here are 5 quick tips you can start using today. &nbsp;<br>
&nbsp;
<ol style="margin: 0;padding-left: 35px;">
	<li style="padding-bottom: 25px;padding-left: 20px;"><strong>Match the style to the client.</strong> &ldquo;Our writers follow a style guide that fits the client they&rsquo;re writing for,&rdquo; Ridley says. &ldquo;It helps maintain brand consistency and leads to better engagement.&rdquo; An inappropriate style can lead subscribers to wonder if they&rsquo;ve made a mistake.</li>
	<li style="padding-bottom: 25px;padding-left: 20px;"><strong>Look at what everyone else is doing&mdash;then do the opposite. </strong>&ldquo;When your subject line is the same as what everyone else is using, you get lost in people&rsquo;s inboxes,&rdquo; Ridley says. If you&rsquo;re saying something unique, you&rsquo;re more likely to get noticed.</li>
	<li style="padding-bottom: 25px;padding-left: 20px;"><strong>Be smart about rewrites. </strong>&ldquo;MailChimp is great for testing,&rdquo; Ridley says. &ldquo;And that data absolutely informs our rewrites.&rdquo; If a campaign doesn&rsquo;t seem to be working, test, rewrite, then test again.</li>
	<li style="padding-bottom: 25px;padding-left: 20px;"><strong>Be direct in your writing. Ask for what you want.</strong> &ldquo;It was important to let people know we wanted to hear from them,&rdquo; Ridley says. &ldquo;People aren&rsquo;t used to replying to a welcome email.&rdquo; If you can be clear about what you want from your reader, you&rsquo;ll be more likely to get it.</li>
	<li style="padding-bottom: 25px;padding-left: 20px;"><strong>Write with a goal in mind. </strong>&ldquo;Our writers knew that the goal was to get a response,&rdquo; Ridley says. &ldquo;That informed everything they wrote.&rdquo; If you&rsquo;re having trouble figuring out what to write, a well-defined goal can help to clarify things.</li>
</ol>
</td>
                    <td class="right-sidebar" align="left" valign="bottom" width="105" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                    </td>
                  </tr>
                </table><table mc:repeatable="repeat_1" mc:variant="Text Area No Pixels" border="0" cellpadding="0" cellspacing="0" width="100%" mc:repeatindex="8" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                  <tr>
                    <td class="left-sidebar" align="left" valign="middle" width="105" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                    </td>
                    <td align="left" valign="middle" width="700" class="body-content" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;color: #373737;font-family: 'Merriweather', Georgia, serif;font-size: 21px;line-height: 1.6;letter-spacing: 0.1px;font-weight: 300;text-align: left;"><br>
<em>Illustrations by&nbsp;<a href="https://dribbble.com/joshua_mulvey" target="_blank" style="text-decoration: none;color: #6DC5DC;">Joshua Mulvey</a>, a&nbsp;professional designer and illustrator in the Greater Boston Area.&nbsp;</em></td>
                    <td class="right-sidebar" align="left" valign="bottom" width="105" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                    </td>
                  </tr>
                </table>
                <!-- End Text Area No Pixels -->

                <!-- Text Area Left Primary Pixels -->
                
                <!-- End Text Area Left Primary Pixels -->

                <!-- Text Area Left Secondary Pixels -->
                
                <!-- End Text Area Left Secondary Pixels -->

                <!-- Text Area Right Primary Pixels -->
                
                <!-- End Text Area Right Primary Pixels -->

                <!-- Text Area Right Secondary Pixels -->
                
                <!-- End Text Area Right Secondary Pixels -->

                <!-- HR -->
                
                <!-- End HR -->

                <!-- Primary CTA-->
                
                <!-- End PrimaryCTA -->

                <!-- Secondary CTA-->
                
                <!-- End Secondary CTA -->

              <!-- Quote Block -->
              
              <!-- End Quote Block -->

              <!-- Quote Block No Tweet CTA -->
              
              <!-- End Quote Block No Tweet CTA -->

             <!-- Image -->
             
            <!-- End Image -->

          <!-- End Content Modules -->

          <!-- HR -->
            <table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
              <tr>
                <td align="center" valign="middle" class="hr-container" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;padding-top: 60px;padding-bottom: 60px;">
                  <table border="0" cellpadding="0" cellspacing="0" align="center" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                    <tr>
                      <td align="center" valign="middle" class="hr-tag" style="font-size: 6px;line-height: 6px;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;background-color: #373737;">
                        <img src="https://gallery.mailchimp.com/cc11276e0af3cd3f833d3e2d1/images/5c692465-9a69-4bc4-8445-5a5908548766.png" width="54" height="6" style="width: 54px;display:block;">
                      </td>
                    </tr>
                  </table>
                </td>
              </tr>
            </table>
            <!-- End HR -->

        </td>
      </tr>
    </table>
    <!-- End Content -->

    <!-- Footer -->
    <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 910px;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
      <tr>
        <td align="center" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
          <table class="full-width" mc:hideable="hideable_1" border="0" cellpadding="0" cellspacing="0" width="700" mchideable="hideable_1" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
            <tr>
              <td class="follow-up-text" style="padding-left: 30px;padding-right: 30px;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight: 500;font-size: 24px;line-height: 1.5;color: #000000;letter-spacing: 0.1px;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;font-style: normal!important;">
                Have any questions about the topics we've discussed this week? Just reply to this email and we'll be in touch.
              </td>
            </tr>
          </table>
        </td>
      </tr>
      <tr>
        <td align="center" style="padding-top: 60px;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
          <!-- Up Next -->
          <table mc:hideable="hideable_2" class="full-width" border="0" cellpadding="0" cellspacing="0" width="720" align="center" style="background-color: #F7F7F7;max-width: 720px;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;" mchideable="hideable_2">
            <tr>
              <td class="up-next-container" style="padding: 35px;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                <!--[if (gte mso 9)|(IE)]><table border="0" cellpadding="0" cellspacing="0" width="700" align="center" style="table-layout: fixed;" align="center"><tr><td align="center"><![endif] -->
                <table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                  <tr>
                    <td align="left" class="mc-loves-agencies" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 21px;line-height: 1;font-weight: 600;color: #373737;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                     Up Next
                   </td>
                 </tr>
                 <tr>
                  <td align="left" class="header-issue" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 16px;line-height: 1;font-weight: 600;color: #B7B7B7;padding-top: 4px;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">Issue 53</td>
                </tr>
              </table>
              <table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                <tr>
                  <td align="left" class="up-next-content serif" style="padding-top: 35px;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;color: #373737;font-family: 'Merriweather', Georgia, serif;font-size: 21px;line-height: 1.6;letter-spacing: 0.1px;font-weight: 300;text-align: left;">Next week, our series with <a href="https://vtldesign.com/" target="_blank" style="text-decoration: none;color: #6DC5DC;">Vital</a> comes to a close with a case study on customer retention through automation. See you Tuesday morning!</td>
                </tr>
              </table>
              <!--[if (gte mso 9)|(IE)]></td></tr></table><![endif] -->
            </td>
          </tr>
        </table>
        <!-- End Up Next -->
      </td>
    </tr>
    <tr>
      <td align="center" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
        <!-- Posts -->
        <table mc:hideable="hideable_3" class="full-width" border="0" cellpadding="0" cellspacing="0" width="700" align="center" mchideable="hideable_3" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
          <tr>
            <td class="posts-container" style="padding-top: 60px;padding-bottom: 60px;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
              <table class="post-container" border="0" cellpadding="0" cellspacing="0" width="240" align="left" style="min-width: 300px;width: 49%;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                <tr>
                  <td valign="middle" class="blog-post" style="padding: 10px;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                    <table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                      <tr>
                        <td align="left" style="color: #777777;font-size: 12px;font-weight: bold;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;letter-spacing: 1px;text-transform: uppercase;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">Keep Designing</td>
                      </tr>
                      <tr>
                        <td align="left" style="padding-top: 10px;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                          <table class="read-more" lang="read-more" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                            <tr>
                              <td align="left" class="keep-reading-text-link" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;"><a href="https://www.google.com/url?hl=en&amp;q=https://vtldesign.com/brand-development/graphic-design/what-moves-us-web-design-inspiration-vol-3/&amp;source=gmail&amp;ust=1502484446812000&amp;usg=AFQjCNE5cJuvKsnDxjqW2Unr4Q_-ExzeJg" target="_blank" style="text-decoration: none;color: #000000;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 24px;line-height: 1.3;font-weight: bold;">What Moves Us: Web Design Inspiration Vol. 3</a></td>
                            </tr>
                            <tr>
                              <td align="left" class="keep-reading-read-more-link" style="padding-top: 15px;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;"><a href="https://www.google.com/url?hl=en&amp;q=https://vtldesign.com/brand-development/graphic-design/what-moves-us-web-design-inspiration-vol-3/&amp;source=gmail&amp;ust=1502484446812000&amp;usg=AFQjCNE5cJuvKsnDxjqW2Unr4Q_-ExzeJg" target="_blank" style="text-decoration: none;color: #31BFEE;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 14px;line-height: 1.3;">Read More<span class="continue-arrow" lang="continue-arrow" style="display:inline-block; text-align:right">&nbsp;&nbsp;&rarr;</span> </a></td>
                            </tr>
                          </table>
                        </td>
                      </tr>
                    </table>
                  </td>
                </tr>
              </table>
              <table class="post-container" border="0" cellpadding="0" cellspacing="0" width="240" align="right" style="min-width: 300px;width: 49%;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                <tr>
                  <td valign="middle" class="blog-post" style="padding: 10px;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                    <table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                      <tr>
                        <td align="left" style="color: #777777;font-size: 12px;font-weight: bold;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;letter-spacing: 1px;text-transform: uppercase;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">Keep Volunteering</td>
                      </tr>
                      <tr>
                        <td align="left" style="padding-top: 10px;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                          <table class="read-more" lang="read-more" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                            <tr>
                              <td align="left" class="keep-reading-text-link" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;"><a href="https://blog.mailchimp.com/how-mailchimp-employees-volunteer-their-time/" target="_blank" style="text-decoration: none;color: #000000;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 24px;line-height: 1.3;font-weight: bold;">How MailChimp Employees Volunteer Their Time</a></td>
                            </tr>
                            <tr>
                              <td align="left" class="keep-reading-read-more-link" style="padding-top: 15px;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;"><a href="https://blog.mailchimp.com/how-mailchimp-employees-volunteer-their-time/" target="_blank" style="text-decoration: none;color: #31BFEE;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 14px;line-height: 1.3;">Read More<span class="continue-arrow" lang="continue-arrow" style="display: inline-block;text-align: right;">&nbsp;&nbsp;&rarr;</span> </a></td>
                            </tr>
                          </table>
                        </td>
                      </tr>
                    </table>
                  </td>
                </tr>
              </table>
            </td>
          </tr>
        </table>
      </td>
    </tr>
  </table>
  <!-- Footer Graphic -->
  <table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
    <tr>
      <td id="footer-background" valign="top" align="center" class="secondary-color" style="padding-bottom: 30px;box-sizing: border-box;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;background-color: #ffa356;">
        <img class="wrap pixel-graphic" src="https://gallery.mailchimp.com/cc11276e0af3cd3f833d3e2d1/images/852f8e9b-9fd2-447f-9a97-42c349e6a7b6.png" width="910" border="0" style="min-width:700px;width:100%;display: block;">
      </td>
    </tr>
    <tr>
      <td class="legal-info secondary-color" lang="legal-info" align="center" style="padding: 30px;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;background-color: #ffa356;">
        <!-- Legal -->
        <table class="full-width" border="0" cellpadding="0" cellspacing="0" width="700" align="center" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
          <tr>
            <td align="left" class="footer-color" style="font-size: 14px;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;text-decoration: none;line-height: 1;font-weight: 400;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;color: #373737;">&copy; 2001-2017 MailChimp&reg;, All Rights Reserved.<br>
<br>
675 Ponce De Leon Ave NE, Suite 5000 Atlanta, GA 30308 USA</td>
          </tr>
          <tr>
            <td align="left" style="padding-top: 30px;line-height: 2;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
              <span style="padding-right:20px;"><a class="footer-color" href="#" style="font-size: 14px;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;text-decoration: none;line-height: 1;font-weight: bold;display: inline-block;color: #373737;">View In Browser</a></span><span style="padding-right:20px;"><a class="footer-color" href="http://mailchimp.com/contact/" style="font-size: 14px;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;text-decoration: none;line-height: 1;font-weight: bold;display: inline-block;color: #373737;">Contact Us</a></span><span style="padding-right:20px;"><a class="footer-color" href="http://mailchimp.com/legal/terms/" style="font-size: 14px;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;text-decoration: none;line-height: 1;font-weight: bold;display: inline-block;color: #373737;">Terms of Use</a></span><span style="padding-right:20px;"><a class="footer-color" href="http://mailchimp.com/legal/privacy/" style="font-size: 14px;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;text-decoration: none;line-height: 1;font-weight: bold;display: inline-block;color: #373737;">Privacy Policy</a></span><span style="padding-right:20px;"><a class="footer-color" href="#" style="font-size: 14px;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;text-decoration: none;line-height: 1;font-weight: bold;display: inline-block;color: #373737;">Unsubscribe</a></span>
            </td>
          </tr>
        </table>
        <!-- End Legal -->
      </td>
    </tr>
  </table>
  <!-- End Footer Graphic -->
  <!-- End Footer -->
</td>
</tr>
</table>

<!--[if (gte mso 9)|(IE)]></td></tr></table><![endif] -->

</td></tr></table>
</body>    </body> </html>

            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.

Console