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

MailChimp + MotionMail

Adding a MotionMail timer to your MailChimp e-mail campaigns is straightforward. Its as easy as drag and driblet. All you have to practice is follow a few simple steps.

Step 1: Create a MotionMail timer

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

Employ the MotionMail timer architect to create a new timer that fits nicely into the design of your e-mail. If you're non already a MotionMail user, click here to register and become started!

Step 2: Create Your MailChimp E-mail 

              Note: [Feb 3, 2021] MailChimp has introduced a new email builder, called the 'New Builder'.   If given the selection between the Archetype Builder and the New Builder, you lot must apply the Archetype Builder.  The New Builder does non take the 'Lawmaking' content block, which is necessary to enter your MotionMail timer                              .                                            To prepare the Classic Builder equally your default, please run into this MailChimp Help Commodity - https://mailchimp.com/assistance/ready-business relationship-details/            

                              Note: [February 3, 2021] MailChimp has introduced a new electronic mail architect, called the 'New Builder'.   If given the selection between the Classic Builder and the New Architect, you lot must use the Archetype Builder.  The New Builder does not have the 'Code' content block, which is necessary to enter your MotionMail timer. To set the Classic Builder every bit your default, please see this MailChimp Help Article - https://mailchimp.com/help/set up-business relationship-details/

Select the option that works all-time for you lot: Layout, Theme, Saved Template, Campaign, Lawmaking your Ain.   We will utilise the Monthly Contest theme in this case.

Stride three: Add together Your Timer Into The MailChimp Email

On the right side of the screen in the Blocks section you will see the Code Content Cake.  Select that block and drag information technology onto your template

Afterward dropping the Code block on the screen a new area called 'Code' volition open upwardly on the right.    Paste your timer embed code into the code area similar this.   (See the image beneath to run across how it volition look with a timer)

<div course="mcnImage"> <img src="ENTER_YOUR_CODE_HERE"       alt="motionmailapp.com"       style="width:100%; height:automobile;" /> </div>

If you would like to center your timer, yous can include <middle> tags every bit seen in this example.

<div form="mcnImage"> <center> <img src="ENTER_YOUR_CODE_HERE"       alt="motionmailapp.com"       style="width:100%; peak:motorcar;" /> </center> </div>

We have likewise included code to make the paradigm responsive  (Tip:  Use the embed lawmaking of your timer, not the 1 below!):

Click Save Shut in the lower right to salve your HTML lawmaking.   You will see a sample of your timer in the email:

Insert your MotionMail timer into the MailChimp Template

The inaugural timer should at present show in the template preview and once you've put the finishing touches on your design, the email is ready to exist sent off.

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

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