Add a Countdown Timer to Your Email Template

read

Overview

Countdown timers or clocks are a great way for marketers to add a sense of urgency to their emails. This works particularly well for sale emails, flash sale emails, or holiday emails. While Klaviyo doesn't have a built-in countdown timer functionality, there are a couple of ways you can add countdown timers to your Klaviyo templates.

Use a Third-Party Countdown Timer Generator

There are several third-party countdown timer generators you can use. These services allow you input the parameters of your timer (how long you'd like it to run for, etc.) and produce a snippet of code that you can add to your Klaviyo template. Two popular options are Sendtric and CountdownMail

Add a Timer to an Image Block

For this example we're going to use a free timer from CountdownMail.

After you create your timer, copy just the URL from the source code. You can see the URL highlighted in the image below.

Add an image block to your template. For the image source, select Upload / Import and then click Import from a URL. Paste the URL you copied into the box and click Upload.

add-timer-to-image-block.gif

You can control the alt text, image link, alignment, and other image styling using the options in the left side panel. 

Add a Timer to a Text Block

For this example we're going to use a free timer from Sendtric.

After you create your timer, copy the code shown on the right. Then, paste it into the Source area of a text block in your email template.

add-timer-to-text-block.gif

You can center you timer by slightly modifying the code snippet that you paste in. Click into the text block where you pasted your timer code. Click the Source button, and add the following snippet to your image element.

style="display: block; margin: 0 auto"

Example of a centered timer from Sendtric:

<img src="http://gen.sendtric.com/countdown/nxzpxc4w44" style="display: block; margin: 0 auto" />

Example of a centered timer from CountdownMail:

<img alt="countdownmail.com" src="http://i.countdownmail.com/369v9.gif" style="display: block; margin: auto 0" />

Custom Code Your Own Timer

If you are technical or have a custom developer at your disposal, you can custom code your own countdown timer to use in your Klaviyo templates. Once you've created the code, you can insert it into the Source area of a text block as shown above. Please note that Klaviyo does not support Javascript or certain CSS elements in email templates.

Use a GIF

 It is possible to create a countdown timer as a GIF file and use it in an image block in your email template. To do this, you will need to create a frame by frame countdown sequence by changing one aspect of the image at a time (i.e. the numbers on the clock). Then, you will need to stitch these images together using a tool like gifmaker.me, or convert a video into a GIF using a tool like Blog GIF

One thing to bear in mind is that GIFs will automatically reset when a recipient leaves the page, and will remain constant no matter when a recipient opens the email – if you send the email at 11:00 PM with a countdown for one hour and a recipient opens the email at 11:30 PM, the clock will still read one hour.

Lastly, earlier versions of Outlook (2007, 2010, and 2013) don’t support GIFs; they will simply display the first frame in the GIF.

Was this article helpful?
29 out of 35 found this helpful