All Collections
E-mails
Newsletters
How do I add a countdown timer?
How do I add a countdown timer?
I this article I will explain you how the countdown timer works
Carola avatar
Written by Carola
Updated over a week ago

Do you want to create an extra sense of urgency in your newsletter, trigger, landing page or pop-up? Then make easy use of the countdown timer. In this example, I put a countdown in a campaign.

Step 1. Create a campaign.

Create a campaign as you always do. In the content area, in the block on the right, you will see the option for “countdown timers”:

Drag the countdown into your newsletter, which looks like this:

Step 2. Configure your count-down timer.

Now click on the button 'create an animated countdown timer'. A new screen will appear where you can configure your own count-down timer:

I will go through all the options.

2.1 Choose timer type

End on date: use this option if you want to put a countdown in your email with a specific end date. You fill in the timezone here (by default it is set to UTC+2) and an end date/end time.

👉 For example, sale through June 10. You then set the end time to June 10. From the time of creation, the timer will start running.

Start on open: You use this option if you want to put a countdown in your email that starts running when the email is opened. With this option, you use the number of days/hours/minutes and seconds.

👉 For example, your customer has 24 hours after opening the mail to proceed to purchase.

Start on send: You use this option if you want to put a countdown in your email that starts running as soon as you send the email. With this option, you use the number of days/hours/minutes and seconds.

👉 For example, your sale starts at 8:00 pm, and you send your email at 6:00 pm. I then put 2 hours with this option.

2.2 Timer style

You can choose how you want the timer to look. Is that:

Default:

Arcs:

Or blocks:

2.3 Size

With this option, you set the size of your countdown. Be aware that the countdown will automatically scale in the mobile version.

2.4 Language

With this option you set the language for the display of the 'days', 'hours', 'minutes' and 'seconds'.

2.5 Digit font

With this option, you set the font for the numbers themselves.

2.6 Label font

With this option, you set the font for the letters below the digits.

2.7 Background image

With this option, you set a background image for your timer.

2.8 Expiration image

With this option, you can set a specific image when the timer has expired. Nothing is set in this option? Then the counter will remain at 00:00:00.

2.9 Colors

Here you set your own colors for the numbers, letters and background.

And this is how you set your own countdown timer! Do you want to save your countdown timer? You can! Select the row with your countdown timer and press the diskette-icon:

Then give your timer a name and save it. You will find it back under your 'rows'.

👉 Note: In order to save the timer, create a new empty row and drag the timer into it. That' s the only way you can save the timer.

Do you still have questions? You may find your answers below:

1. How far in advance can a timer be created?

Our generator creates real-time, animated GIF countdown timers. Timers can be created for any date/time within the next 99 days.

2. Do your timers work on iOS 15?

In most cases, yes! In the event that loading timers may not be compatible with a specific mail app, the timer will “fall back” so to speak and be hidden. Don't see a timer in your email? Then your email client does not support it.

3. What is the support of email clients to countdown timers?

Our countdown timers are animated GIF images, which are supported by almost every email client. The exception is Desktop Outlook 2007+, which only displays a static image of the timer. However, this image is accurate at the time the user opens the email.

Did this answer your question?