Congratulations! You’ve just downloaded your set of responsive HTML email templates and are ready to start sending professional looking emails from your ESP (Email Service Provider). Now you need to put them into Mailchimp so you can use them.
Mailchimp is a great solution for an ESP and includes features for sending marketing campaigns, 3rd party integrations, marketing automation and a powerful developer API.
With Mailchimp you can either set your template as a reusable template, or if you just need to send a one off campaign you can easily copy the templates across.
Mailchimp supports importing templates via a zip file, which is very convenient for including the CSS and image assets. Unfortunately they only support importing one at a time.
Before we start, lets zip up the template(s) you want to use.
That should be you good to go with your email template in one zip file.
When asked to select a template:
Code your own>
Import from zip
Now you can replace the content with your content. Remember to do the following:
Turn the inline CSS setting on so that your styles are automatically inlined before sending.
Include Mailchimp’s unsubscribe tag in your template. The tag is
*|UNSUB|*. So your unsubscribe line in the footer should look something like:
Don't like these emails? <a href="*|UNSUB|*">Unsubscribe</a>.
Mailchimp also requires you to include their address tag. To do this, replace the address in your footer with their tag
Depending on whether you’re paying for Mailchimp’s service or not, you may be required to include their rewards badge in your footer with their tag
Now test it. This step is VERY important.
If all looks good you should be ready to send.
For example, if you want to make the whole of the body section editable, add
mc:edit="body" to the HTML element.
<table border="0" cellpadding="0" cellspacing="0" class="main" mc:edit="body"> This content is then editable by any one when using this template </table>
Or if you want to be more granular about it and only let people edit certain lines of text:
<tr> <td class="wrapper"> <table border="0" cellpadding="0" cellspacing="0"> <tr> <td> <h1 class="align-center" mc:edit="heading-1">Across the Universe</h1> <p><img src="img/photo1.jpeg" alt="Helpful placeholder image text" width="520" class="img-responsive img-block" mc:edit="image-1"></p> <p mc:edit="description-1">Words are flowing out, like endless rain into a paper cup. They slither while they pass, they slip away across the universe.</p> </td> </tr> </table> </td> </tr>
For more information on editable templates read Mailchimp’s Create Editable Content Areas with MailChimp’s Template Language
Receive email design content like this to your inbox.
No spam. Just related email content.