{"id":10,"date":"2026-10-04T06:32:22","date_gmt":"2026-10-04T06:32:22","guid":{"rendered":"https:\/\/demo.camerce.com\/popup-campaigns\/countdown-offer\/"},"modified":"2026-10-04T11:13:19","modified_gmt":"2026-10-04T11:13:19","slug":"countdown-offer","status":"publish","type":"page","link":"https:\/\/demo.camerce.com\/popup-campaigns\/countdown-offer\/","title":{"rendered":"Countdown offer (Pro)"},"content":{"rendered":"

Pro · Countdown element, announcement bar<\/p>\n

Countdown offer<\/h1>\n

A live countdown inside a bar, ticking down to a fixed date \u2014 and with an answer for what should happen once it reaches zero.<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/section>\n

What to watch for.<\/strong> Look at the bar at the top of the window. The seconds are moving. It is counting to a real date three days out, in the visitor’s own clock.<\/p>\n

A countdown is an element, not a format<\/h2>\n

That distinction is worth making, because it means the clock can go anywhere any other element can: in this bar, in a modal, in a slide-in, in a mat, or inside an inline block halfway down an article. The countdown here happens to sit in an announcement bar because that is where a sale deadline belongs.<\/p>\n

It renders server-side with the date already in it, then a very small script takes over and keeps the numbers moving. If that script never runs \u2014 an old browser, a blocked file, a failed deploy \u2014 the visitor still sees a sensible, correct time remaining rather than an empty box.<\/p>\n

Two kinds of clock<\/h2>\n

A fixed countdown runs to a date you set, and every visitor sees the same remaining time. That is this one, and it is the honest kind: the sale really does end on Friday.<\/p>\n

An evergreen countdown starts when a particular visitor first sees it and runs for a fixed duration from there. It has its uses \u2014 a genuine trial window, an onboarding sequence \u2014 and it is also the one that gets abused, with a “sale” that resets forever. The plugin will build either; which one you deserve is up to you.<\/p>\n

What happens at zero<\/h2>\n

You choose. The campaign can hide itself, swap the clock for a message, or leave the expired state on screen. This one shows a message, because a bar that silently vanishes leaves people wondering whether they imagined it.<\/p>\n

The timer is computed from the visitor’s own clock against a fixed UTC moment, so it is right in every time zone without the server being asked a single question \u2014 which is the only way a countdown can survive a full-page cache.<\/p>\n<\/div><\/div><\/div><\/div>

How this one is set up<\/p>\n