This guide will cover integrating Sendtric Dynamic Timers in the Mailchimp platform.  To see our full list of setup guides, click here.

1. Create your Dynamic Timer in Sendtric.  See our tutorial about creating a Dynamic Timer.

2. Add your Dynamic Timer code to your Mailchimp template.  See our tutorial about adding a timer to your Mailchimp template.

3. Modify the code by replacing {UNIX TIMESTAMP} with the Mailchimp date tag “*|DATE:U|*”, followed by the amount of additional time for your Dynamic Timer.  This date tag represents the current time that the email is sent:

<img src=”http://gen.sendtric.com/countdown/vtkfdyi20u?to=*|DATE:U|*+86400” style=”display: block;” />

In this example, 86400 represents the number of additional seconds to count down, which is 24 hours in this case.

4. Enter Preview mode (press 1 on the keyboard, or click “Preview” at the top of the page) to confirm the timer is configured correctly.  Note that the editor preview does not evaluate the date tag in real-time, so entering preview mode is recommended to confirm the end time is correct:

1. Create your timer on Sendtric:

2. Create a Text Block using the Klaviyo drag and drop editor and click on the “Source” button. Paste in your timer code:

You can use the following code to help center your timer:

<table align=”center”>

  <tbody>

    <tr>

      <td>{your timer code goes here}</td>

    </tr>

  </tbody>

</table> 

This guide will cover integrating Sendtric Dynamic Timers in the Iterable platform.  To see our full list of setup guides, click here.

1. Create your Dynamic Timer in Sendtric.  See our tutorial about creating a Dynamic Timer.

2. Add your Dynamic Timer code to your Iterable template.  See our tutorial about adding a timer to your Iterable template.

3. Modify the timer code by replacing {UNIX TIMESTAMP} with the Iterable timestamp variable “{{timestamp}}”, followed by the amount of additional time for your Dynamic Timer.  This timestamp variable represents the current time that the email is sent:

<img src=”http://gen.sendtric.com/countdown/vtkfdyi20u?to={{timestamp}}+86400″ style=”display: block;” />

In this example, 86400 represents the number of additional seconds to count down, which is 24 hours in this case.

1. Create your timer on Sendtric:

2. Open your Iterable template in the template editor and select the HTML option in the Content tab. Drag the box into your template where you would like the countdown timer to appear.

3. Copy the timer code from Sendtric and paste it in the Content Properties section for the HTML block you just added to your template. If you would like your timer to be centered, here is some additional code to help center the timer for all email clients:

<table align=”center”>

  <tbody>

    <tr>

      <td>{your timer code goes here}</td>

    </tr>

  </tbody>

</table> 

1. Create your timer on Sendtric:

2. Open your Mailchimp campaign in the template editor and select the “Code” option in the “Content” tab. Drag the box into your template where you would like the countdown timer to appear.  If you are using a “Code Your Own” template, navigate to the location in the HTML code where you would like the timer to appear.

3. Copy the timer code from Sendtric and paste it in the “Code” section for the Code block you just added to your template (or add to the appropriate location in your “Code Your Own” HTML template).  If you would like your timer to be centered, here is some additional code to help center the timer for all email clients:

<table align=”center”>

  <tbody>

    <tr>

      <td>{your timer code goes here}</td>

    </tr>

  </tbody>

</table> 

1. Create your timer on Sendtric:

2. Open your ActiveCampaign campaign in the template editor and select the “HTML Block” option in the “Insert” tab. Drag the box into your template where you would like the countdown timer to appear. 

3. Copy the timer code from Sendtric and paste it in the “Custom HTML” section for the HTML block you just added to your template.  If you would like your timer to be centered, here is some additional code to help center the timer specifically for the ActiveCampaign platform:

<center>{your timer code goes here}</center>

Enjoy your countdown timer from Sendtric!

With Timer Templates, you can create reusable timer designs to act as templates for new timers that you may create.  You can customize a template to your liking and select the template when creating a new timer.  This helps organize different timer styles that you may use for different campaigns.

To create a Timer Template:

1. Click on the “Templates” tab and click the “Create New” at the top of the page:

2. Customize the template in the editor, and click Save when finished:

3.  To create a new timer with your template, navigate to the “Timers” tab and click “Create New”.  You will see your template in the templates dropdown:

4.  Your newly created timer will contain the same design as your template automatically:

That’s it!  You can now create custom Timer Templates to organize your timer designs!

With expiration images, you can customize what displays when your countdown timer ends.  For example, if you have a timer for a limited time sale, instead of having the timer display all zeroes when finished, you could include a message such as “Time’s up!  Check out these other great deals.”  Or you could upload an expiration image that matches the color of your email template background so that the timer disappears when it is finished.

To add a custom expiration image:

1. Create a new timer, or edit an existing one:

2. Create an expiration image for your timer.  For the best result, please match the dimensions of your image to the dimensions of the timer.  Here are the dimensions for the current size options:

X-Small: 200x40px

Small: 300x60px

Medium: 400x80px

Large: 600x120px

X-Large: 800x160px

3. In the Images section of the editor, click to upload your expiration image:

4. Your expiration preview will now display underneath your timer:

5. To remove an expiration image, click the trash icon in the Expiration Image section:

That’s it!  You now have a custom expiration image for your timer!

We offer a selection of over 900 fonts in the Pro Edition editor.  We source our fonts from Google Fonts, which are open sourced font options available on the web.  If there is a font that you would like to see added to the platform, please contact us and we will do our best to accommodate your request.

How to apply a custom font to your timer:

1. Create a new timer, or edit an existing timer.

2. Choose a custom font from the fonts section of the editor.  You can choose a font for both the labels and the numbers of the timer.  You can search for a font by name by typing into the dropdown box:

That’s it!  You now have customized your timer with custom fonts.  Awesome!

With custom background images, you can fully customize the look and feel of your timer.  This allows complete control over the branding and design so that you can seamlessly integrate the timer into your email campaigns.

To add a custom background image:

1. Create a new timer, or edit an existing one:

2. Create a background image for your timer.  For the best result, please match the dimensions of your image to the dimensions of the timer.  Here are the dimensions for the current size options:

X-Small: 200x40px

Small: 300x60px

Medium: 400x80px

Large: 600x120px

X-Large: 800x160px

3. In the Images section of the editor, click to upload your background image:

4. The timer preview will automatically update after the image has uploaded:

5. To remove a background image, click the trash icon in the upper right of the Background Image section.

That’s it!  Enjoy your customized timer!