In this post, we will demonstrate how easy it is to integrate MotionMail countdown timers with MailChimp. If youre reading this post you are likely to have some experience using MailChimp. If not, take a minute to check out their extensive knowledge base on how to get started on creating email campaigns.

MailChimp + MotionMail

Adding a MotionMail timer to your MailChimp email campaigns is straightforward. Its as easy as drag and drop. All you have to do is follow a few simple steps.

Step 1: Create a MotionMail timer

Create a MotionMail countdown timer that fits in your email design.

Use the MotionMail timer builder to create a new timer that fits nicely into the design of your email. If you're not already a MotionMail user, click here to register and get started!

Step 2: Add your timer into the email template  (Our example uses a Themed Template)

Select the theme you would like to use for your template.  We will use the Monthly Contest theme in this example.  

On the right side of the screen in the Content section you will see the Code Content Block.  Select that block and drag it onto your template

After dropping the Code block on the screen a new area called 'Code' will open up on the right.    Paste your timer embed code into the code area like this.   (See the image below to see how it will look with a timer)

<div class="mcnImage">
     style="width:100%; height:auto;" />

We have also included code to make the image responsive  (Tip:  Use the embed code of your timer, not the one below!):

Click Save Close in the lower right to save your HTML code.   You will see a sample of your timer in the email:

Insert your MotionMail timer into the MailChimp Template

The countdown timer should now show in the template preview and once you've put the finishing touches on your design, the email is ready to be sent off.

Here is what the timer looks like in the Template Preview Mode:

Have fun creating great looking MailChimp email templates enhanced with your customized MotionMail countdown timers!