Overview
Countdown timers or clocks are a great way to add a sense of urgency to your emails and forms. This works particularly well for flash sales, special promotions, or holiday messaging. 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
This technique applies to both email templates and signup forms. When using these as image blocks, however, the countdown timer will not be exact and will function more similarly to a gif countdown timer. 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 or form. For the image source, select Upload / Import and then click Import from a URL. Paste the URL (not the entire image source) into the box and click Import Image.
Once you import the image, it will be visible in your email template or signup form.
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 in an Email Template
This option is only available in email templates currently. 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.
You can center your 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. Again, this option is only available in email templates. 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.