Skip to content

Evergreen Countdown

The Evergreen Countdown module adds a Divi countdown timer to any page, in one of two modes: a fixed date that every visitor counts down to together, or an evergreen timer that starts fresh for each individual visitor. Use it for product launches, event deadlines, limited-time offers, and enrolment windows. It is a Divi Torque Pro module and works in both Divi 4 and Divi 5.

Divi countdown timer showing separate boxes for days, hours, minutes and seconds with labels beneath each number

See the Evergreen Countdown demo

How to add the Evergreen Countdown module

  1. Open a page with the Divi Builder and add a section and row.
  2. Click the + icon, search for Evergreen Countdown, and insert it.
  3. Choose a Countdown Type, then set either the due date or the evergreen duration.

Content

Timer

Countdown Type is the first decision, and it changes which of the remaining fields apply.

  • Fixed Date — every visitor sees the same ending time. Set Due Date in the format 2026-12-31 23:59:59. Use this for a real event: a webinar, a launch, a sale that genuinely ends.
  • Evergreen — each visitor gets their own countdown, starting from the moment they first land on the page. Set the duration with Evergreen Hours (24 by default) and Evergreen Minutes. Use this for an always-on offer.

A fixed date is resolved against your site's timezone, set under Settings → General in WordPress — not the visitor's local time. Check that setting before you publish a launch timer.

An evergreen countdown is stored in the visitor's own browser (in localStorage), which is what lets each person see their own deadline. Two consequences worth knowing: the timer restarts automatically once it reaches zero, and a visitor who clears their browser data or opens the page in a private window starts over from the beginning.

Units and Labels

  • Show Days, Show Hours, Show Minutes, and Show Seconds — each unit has its own toggle, all on by default. Hide days on a timer that never exceeds 24 hours.
  • Show Labels — display the word under each number.
  • Custom Labels — turn this on to replace the defaults, then set Days, Hours, Minutes, and Seconds individually. This is how you translate the labels or shorten them to "d / h / m / s".

When Expired

When Expired decides what happens the moment the timer reaches zero.

  • Do Nothing — the countdown stays on the page showing zeroes. This is the default.
  • Show Message — swap the timer for the text you set in Expiry Message, for example "This offer has closed."
  • Redirect — send the visitor to the URL you set in Redirect URL.

Design

Boxes

  • Box Background — fill colour behind each unit, with alpha support for a translucent box over an image.
  • Spacing Between Boxes — gap between the units, 0 to 100px. Defaults to 16px.
  • Box Padding — padding inside each box, entered as top|right|bottom|left, for example 16px|16px|16px|16px.

The standard Divi Border and Box Shadow groups also apply to the boxes, so you can round the corners or lift each unit off the background.

Numbers and Labels

The numbers and the labels get separate, complete typography groups — font family, weight, style, colour, size, letter spacing, line height, and text shadow. Keeping them independent is what lets you set large bold numbers above small uppercase labels.

Tip

Use a fixed date when the deadline is real, and evergreen when it isn't. A visible countdown that visibly resets when someone reloads the page does more damage to trust than no countdown at all — so if you use evergreen, pick a duration long enough that a returning visitor is unlikely to catch it restarting.

Frequently asked questions

What is the difference between a fixed-date and an evergreen countdown?

A fixed-date countdown points at one moment in time, so every visitor sees the same remaining time and it hits zero once. An evergreen countdown gives each visitor their own timer starting when they first arrive, so two people opening the page a week apart both see a full countdown.

Which timezone does the countdown use?

Fixed dates resolve against your WordPress site timezone, configured under Settings → General. The date you enter is interpreted in that timezone, not in each visitor's local time, so a timer set to end at 23:59:59 ends at that moment site-wide.

What happens when the timer reaches zero?

That depends on When Expired: the countdown can sit at zero, be replaced by a message you write, or redirect the visitor to another URL. Evergreen timers also restart automatically for that visitor once they expire.

Is the Divi countdown timer free?

No. Evergreen Countdown is part of Divi Torque Pro. The free Divi Torque Lite plugin does not include a countdown module.

Does the countdown work in Divi 5?

Yes. A native Divi 5 version shipped in Divi Torque Pro 1.9.0, and the module still runs in Divi 4. Two Divi 4 options have no Divi 5 equivalent — the View block/inline switch and the separate number-and-label spacing control — because Divi 5 handles both through the standard layout and typography settings.