BLACK FRIDAY: 50% OFF all Pro plans
Pro from $18 a year or $60 lifetime, no code needed
Ends Cyber Monday, 30 Nov. Lock in the price today
Get 50% Off
Pro widget

Countdown Pro Widget for Elementor Pro

Fixed date, evergreen or recurring countdown timers

Overview

What Countdown Pro does

Countdown Pro counts down to a fixed date, gives each visitor their own evergreen timer, or repeats every day or week at a set time. It comes in six looks and can show a message, hide itself or send visitors to another page when it ends. Use it for sales, launches and daily order cut-off times.

Live demo

See it in action

00 Days
00 Hours
00 Minutes
00 Seconds
Features

What it can do

  • Three timer types: Fixed Date, Evergreen (per visitor) and Recurring (daily or weekly)

  • Six looks: Boxes, Progress Rings, Flip Cards, Split Digits, Minimal and Inline Text

  • Show or hide days, hours, minutes and seconds, each with its own label

  • Four end actions: keep zeros, show a message, hide the timer or go to another page

  • Optional progress bar with a line of text above it

  • Urgent color and a soft pulse in the last minutes you choose

  • Can hide other page elements by CSS selector when the timer ends

  • Separators between units: colon, dot or line

Use cases

When to use it

Sale deadline

Count down to the end of a sale and hide the offer section when it is over.

Evergreen offer

Give each new visitor a 24 hour timer that starts on their first visit.

Daily shipping cut-off

Use the recurring type to count down to 18:00 on working days for same day dispatch.

Product launch

Show a large flip card timer before launch and a message once it reaches zero.

Setup

How to set it up

A few steps from adding the widget to a finished result.

  1. Add the Countdown Pro widget to your page.

  2. In Timer, pick the Type. Set Ends On for a fixed date, Hours and Minutes for an evergreen timer, or Ends Every Day At and On These Days for a recurring one.

  3. In Display, choose the Style and switch the units you need on or off with Show Days, Show Hours, Show Minutes and Show Seconds.

  4. Set Labels, Separator and Leading Zeros (05), and turn on Progress Bar if you want one.

  5. In When the Timer Ends, pick the Action and fill in the Message or Page Link.

  6. Adjust alignment, colors and sizes in the Style tab.

FAQ

Questions and answers

Which time zone does the timer use?

Fixed and recurring timers use your site time zone from Settings, General, so every visitor counts down to the same moment.

What happens if I hide the days unit?

The first unit shown holds all the remaining time, so hours can go above 24.

Can I hide the offer section when the timer ends?

Yes. Give the section a CSS ID in the Advanced tab and enter it in Also Hide These Elements, for example #offer-section.

Does changing the evergreen length restart timers?

Yes. The saved start time is tied to the timer length, so a new length starts a new timer for every visitor.

Bright Addons Pro

Get Countdown Pro with Bright Addons Pro

Bright Addons Pro has 80 Pro widgets plus all 51 free widgets, 10 extensions, a Theme Builder and 32 dynamic tags. From $18 a year, with a 14-day money-back guarantee.