The Countdown block is optional, and only one Countdown can be added per page. It looks like a Callout with a ticking clock inside the text.
It can count down to one of two things:
-
A number of minutes — each shopper gets their own timer, starting when they open the popup. Good for “your offer is reserved for 10 minutes”.
-
The link’s end time — everyone counts down to the same moment, the end of the link’s Schedule. Good for a sale with a real deadline.
Settings
Count down to
-
Count down to — Choose A number of minutes or The link’s end time. A new Countdown block starts with minutes.
-
Minutes — How long the timer runs, from 1 to 1,440 (one day). Defaults to 10. Only shown when you count down a number of minutes.
With The link’s end time, the settings show when the link ends, in your store’s timezone. If the link has no end time, the settings tell you, and the countdown is not shown to shoppers until you set one under Schedule in the link editor.
Text
-
Text — A rich text editor for your message. Supports formatting like bold, italic, links, and lists.
-
{{ timer }} — Shows the time remaining, like
9:59. From a day up it reads like17d 6h 00m 06s. Type it yourself or pick Time remaining from the variable picker in the editor’s toolbar. You can use customer variables like{{ first_name }}in the same text.
A new Countdown block starts with “This offer ends in {{ timer }}”.
Style
Choose a color scheme from seven presets:
-
Default — Subtle, neutral grey
-
Red — Urgency or warnings
-
Orange — Attention-grabbing announcements. A new Countdown block starts with this one.
-
Purple — Premium or special offers
-
Green — Success messages or eco-friendly promotions
-
Blue — Informational messages
-
Custom — Pick your own background, text, and border colors using color pickers
Border
-
Border — Toggle the border on or off. On by default.
-
Dotted border — Switch from a solid border to a dotted one. Only appears when the border is turned on.
How it behaves
Counting down a number of minutes
-
The timer starts when the shopper opens the popup.
-
Reloading the page does not reset it. The clock carries on from where it was.
-
When the timer reaches zero, the popup closes and the shopper is sent to your store’s home page.
-
Opening the link again after the timer has run out starts a fresh countdown.
-
The countdown only closes the popup. It does not switch off the link or its discounts.
Counting down to the link’s end time
-
Every shopper sees the same time left, wherever they are and whenever they opened the link. Timezones don’t matter: the timer shows how long is left, not a time of day.
-
Reloading, or opening the link again later, shows the same clock.
-
When the timer reaches zero, the popup closes and the shopper is sent to your store’s home page. The link stops working at that same moment, because its schedule has ended.
-
If you change the link’s end time, the countdown follows.
Both
-
The timer still runs if you leave
{{ timer }}out of the text. Shoppers just won’t see the clock, so keep it in. -
The preview in the editor shows the time left when it was drawn and does not tick.
-
To translate the letters in a long timer (
d h m s), open Translations in the popup editor and fill in Countdown units, for exampleT Std Min Sek.
Tips
-
Place the Countdown near the top of the page so shoppers see the deadline before they start browsing.
-
Give shoppers enough time to choose. Ten to fifteen minutes suits most offers; a popup with many upsells needs more.
-
For a sale with a fixed end, count down to the link’s end time. The deadline is then real, and the same for everyone.
-
Keep the message short — “Your offer is reserved for {{ timer }}” works better than a paragraph.