Do you want to add a countdown timer to your coming soon page in Elementor? A countdown is an effective way to build excitement and anticipation for an upcoming launch, and it creates a sense of urgency that encourages visitors to come back or sign up.
With the Countdown widget from The Plus Addons for Elementor, you can add a countdown timer to a coming soon page and choose what happens the moment it ends.
Requirement – This widget is a part of The Plus Addons for Elementor. Make sure it is installed and activated to use all of its options.
What It Does
The Countdown widget adds a live timer to your coming soon page that counts down to your launch date. When the timer reaches zero, it can show a message, load an Elementor template, or redirect visitors to your live site, so the page can switch itself over at launch.
Why It Matters
A coming soon page holds attention while your project is still in progress. A visible countdown turns that wait into anticipation and gives visitors a clear reason to return. Because the timer can trigger an action when it ends, the switch from teaser to live site can happen on its own instead of you editing the page by hand at launch.
What You Get
- A Normal Countdown that runs to a fixed launch date and time.
- After-timer actions: show a message, load a template, or redirect to another page.
- Full control over the countdown style.
- Works on any coming soon page you build in Elementor.
- An evergreen (scarcity) alternative if you do not have a fixed launch date.
Benefits
- Builds anticipation for the launch instead of showing a static holding page.
- The date is read in your site timezone, so the deadline stays consistent.
- The after-timer action can switch the page over at launch with no manual step.
- No custom code is needed.
Capabilities
For a coming soon page, you use the Normal Countdown setup, which exposes these controls:
- Countdown Setup – set to Normal Countdown for a countdown to a fixed launch date.
- Launch Date – a date and time picker that sets when the countdown ends. The date is read according to your site timezone.
- Countdown Style – choose the visual style of the timer.
- Special Option – under Select Action, choose what happens when the timer ends: None, Message, Template, or Page Redirect. Message shows an expiry message, Template loads a chosen Elementor template, and Page Redirect sends the visitor to a URL you set.
How It Works
The widget counts down to the Launch Date you set, using your site timezone so the deadline is the same for every visitor. While the timer runs, it displays on your coming soon page. When it reaches zero, the action you picked under Special Options fires: it shows your expiry message, loads the selected template in place of the timer, or redirects the visitor to the URL you entered.
How to Use It
1. Create a coming soon page. First, set up a coming soon page in Elementor using a template or maintenance mode.
2. Add the Countdown widget. Edit the coming soon template and drop the Countdown widget into the position you want.
3. Select Normal Countdown. Choose Normal Countdown from the Countdown Setup dropdown.
4. Set the style and launch date. Pick a style, then add your launch date and time in the Launch Date section. The date follows your site timezone.
Note: If you do not have an approximate launch date, you can use the evergreen countdown instead.
5. Choose what happens at launch. In the Special Options tab, set Select Action to a message, a template, or a page redirect so the page responds the moment the countdown ends.
That is all it takes. Here is the finished countdown on a coming soon page.
Use Cases
- Product launch teaser – count down to a new product going live.
- New site pre-launch – hold visitors on a branded page and redirect to the site at launch.
- Event registration opening – count down to when sign-ups open, then load the registration template.
Limitations
- Normal Countdown ends at one time for everyone. If you want a separate timer per visitor, use the Scarcity Countdown (Evergreen) mode instead.
- The Launch Date uses your site timezone. It does not adjust to each visitor’s local time.
- The coming soon page itself is set up in Elementor. The widget provides the timer and the after-timer action, but the coming soon page or maintenance mode is an Elementor or theme feature.
- The redirect runs in the browser. The page redirect fires when the timer ends on the visitor’s screen, not as a server-side rule.
Troubleshooting
- The timer shows the wrong time. Check the Launch Date and your site timezone, since the countdown is read in the site timezone.
- Nothing happens when the timer ends. Open the Special Options tab and set Select Action to a message, template, or page redirect. With None selected, the timer just stops.
- The page does not switch to the live site. Set Select Action to Page Redirect with your live URL, or load a template, and turn off Elementor maintenance mode once you launch.
- The timer is already at zero. Normal Countdown counts to one fixed date. Set a future launch date, or switch to Scarcity Countdown (Evergreen) for a per-visitor timer.
Also read, how to create an evergreen countdown timer in Elementor.
To check the complete feature overview of The Plus Addons for Elementor Countdown widget, click here.
