---
title: "Countdown Widget: Settings Overview"
url: https://theplusaddons.com/docs/countdown-widget-overview-in-elmentor/
date: 2024-01-16
modified: 2026-04-09
author: "Aditya Sharma"
description: "A countdown timer can be an effective marketing tool, whether it's for a sale, event, or limited-time offer, it can create a sense of urgency and drive conversions.  With the..."
image: https://theplusaddons.com/wp-content/uploads/2024/01/Countdown-Widget_-Settings-Overview-1024x536.jpg
word_count: 1003
---

# Countdown Widget: Settings Overview

## Key Takeaways

- Countdown widget from The Plus Addons for Elementor offers three types: Normal Countdown, Scarcity Countdown (Pro), and Fake Number Countdown (Pro).
- Users can show a message after the countdown ends with the Show Message feature, available in the PRO version.
- The countdown timer can redirect to a new page after it ends using the Page Redirect feature, which is part of the PRO version.
- The Plus Addons for Elementor requires both the Elementor FREE Plugin and The Plus Addons for Elementor plugin to be installed and activated.

A countdown timer can be an effective marketing tool, whether it's for a sale, event, or limited-time offer, it can create a sense of urgency and drive conversions. 

With the Countdown widget from The Plus Addons for Elementor, you can easily add different types of countdown timers to your Elementor website.

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-countdown-timer/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

## Required Setup

- [Elementor FREE Plugin](http://wordpress.org/plugins/elementor/) installed & activated.

- You need to have [The Plus Addons for Elementor](http://wordpress.org/plugins/the-plus-addons-for-elementor-page-builder/) plugin installed and activated.

- Make sure the Countdown widget is activated. To verify this, visit The Plus Addons → Widgets → and search for Countdown and activate.

- This is a Freemium widget; to unlock the extra features, you need the PRO version of [The Plus Addons for Elementor](https://theplusaddons.com/pricing//?utm_source=tpae&utm_medium=docs&utm_campaign=text).

## Learn via Video Tutorial:

https://www.youtube.com/watch?v=RdPTAGc3PMY

## How to Activate the Countdown Widget?

Go to 

- **The Plus Addons **→** Widgets **

- **Search **the widget name** **and** turn on the toggle.**

![](https://theplusaddons.com/wp-content/uploads/2024/01/countdown-1024x359.png)

## Key Features

- **Multiple Countdown Types **- You can choose from three countdown types: Normal Countdown, Scarcity Countdown (Pro,[)](https://theplusaddons.com/docs//scarcity-countdown-timer-in-woocommerce-checkout-cart-product-pages/) and [Fake Number Countdown (Pro).](https://theplusaddons.com/docs//woocommerce-product-stock-scarcity-timer-in-elementor/)

- **Multiple Countdown Styles** - You can [choose from multiple countdown styles.](https://theplusaddons.com/docs//style-elementor-countdown-timer-in-block-or-inline-style/)

- **Show Message** (Pro) - You can [show a message after the countdown timer ends.](https://theplusaddons.com/docs//show-custom-text-message-after-countdown-timer-ends/)

- **Show Elementor Template** (Pro) - You can [show content using the Elementor template after the countdown timer ends.](https://theplusaddons.com/docs//show-an-elementor-template-section-after-countdown-ends/)

- **Page Redirect** (Pro) - You can easily [redirect to a new page after the countdown timer ends.](https://theplusaddons.com/docs//redirect-to-different-page-after-elementor-countdown-ends/)

- **Change Content** (Pro) - You can easily [change content after the countdown timer ends. ](https://theplusaddons.com/docs//change-website-content-when-countdown-timer-ends/)

## How to Add a Countdown Timer in Elementor?

Add the Countdown widget to the page. 

> *Note: By clicking on the **Import Presets** button, you can import a ready-made design and customize it as per your requirements.*

### Layout

From the **Countdown Setup **dropdown, you have to select the countdown type. Here you’ll find three options - 

- **Normal Countdown** - To create a normal countdown.

- **Scarcity Countdown (Evergreen)** - To create a scarcity or [evergreen countdown timer.](https://theplusaddons.com/docs//evergreen-countdown-timer-in-elementor/)

- **Fake Numbers Counter** - To create a fake number counter, [like a stock scarcity counter.](https://theplusaddons.com/docs//woocommerce-product-stock-scarcity-timer-in-elementor/)

Select the option as per your requirements. Let’s select Normal Countdown here.

You can select a countdown style from the **Countdown Style** dropdown.

Then in the **Launch Date** field, you have to set the countdown end date and time.

> *Note: The time will be set based on your time zone.*

You’ll see an **Inline Style** toggle option for Style 1 only. From here, you can make the countdown timer layout inline.

Also read, [how to style Elementor countdown timer in block or Inline Style.](https://theplusaddons.com/docs//style-elementor-countdown-timer-in-block-or-inline-style/)

### Content Source

From the Content Source tab, you can edit the timer content.

> *Note: The Content Source tab is not available for the Fake Numbers Counter option.*

**Days** - From this toggle, you can show or hide the Days counter from the countdown timer.

**Hours** - From this toggle, you can show or hide the Hours counter from the countdown timer.

**Minutes** - From this toggle, you can show or hide the Minute counter from the countdown timer.

**Seconds** - From this toggle, you can show or hide the Seconds counter from the countdown timer.

**Show Labels** - From this toggle, you can show or hide the labels from the countdown timer. When enabled, you’ll see individual label options - 

- **Tag** - From here, you can set the HTML tag of the counter labels. 

- **Days Section Text** - From here, you can manage the Days label.

- **Hours Section Text** - From here, you can manage the Hours label.

- **Minutes Section Text** - From here, you can manage the Minutes label.

- **Seconds Section Text** - From here, you can manage the Seconds label.

Also, read [the 5 best WordPress countdown timer plugins](https://theplusaddons.com/blog/best-wordpress-countdown-timer-plugins/).

### Special Option

From the Special Option tab, you can add some extra features to the countdown timer.

**After Expiry Action** - From this toggle, you can set different actions after the countdown ends. When enabled, you’ll see the **Select Action** dropdown, here you’ll find four options - 

- **None** - This is the default option; it does nothing after the countdown ends.

- **Message** - With this option, you can [show a message after the countdown ends.](https://theplusaddons.com/docs//show-custom-text-message-after-countdown-timer-ends/)

- **Template** - With this option, you can [show any content using an Elementor template after the countdown ends.](https://theplusaddons.com/docs//show-an-elementor-template-section-after-countdown-ends/)

- **Page Redirect** - With this option, you can [redirect to another page after the countdown ends.](https://theplusaddons.com/docs//redirect-to-different-page-after-elementor-countdown-ends/)

> *Note: After Expiry Action option is not available with the Fake Numbers Counter option.*

### Extra Option

**Class Based Section Visibility** - With this option, you can [change content after the countdown ends based on CSS class names.](https://theplusaddons.com/docs//change-website-content-when-countdown-timer-ends/)

![](https://theplusaddons.com/wp-content/uploads/2024/01/countdown-extra-options.png)

> *Note: Class Based Section Visibility is not available with the Fake Numbers Counter option.*

### WooCommerce

By enabling the **WooCommerce Single Connect** toggle, you can connect the [countdown timer to the WooCommerce single product page.](https://theplusaddons.com/docs//sales-countdown-timer-to-a-woocommerce-product-page-in-elementor/)

![](https://theplusaddons.com/wp-content/uploads/2024/01/countdown-woocommerce.png)

Must read: [how to show WooCommerce stock scarcity countdown on the product page in Elementor](https://theplusaddons.com/docs//show-woocommerce-stock-scarcity-countdown-product-page-elementor/).

## How to Style the Countdown Widget?

You can style the Countdown timer from the Style tab.

**Counter** - From here, you can manage the countdown timer typography, color, padding, margin, border, etc. You can also manage the countdown label color, background, and border individually.

![Countdown style](https://theplusaddons.com/wp-content/uploads/2024/01/Countdown-style-329x1024.png)

**Expiry Message** - You’ll see this option when the Message option is selected as the After Expiry Action. From here, you can manage the message style. 

**Fake Message** - You’ll see this option when the Fake Numbers Counter option is enabled. From here, you can manage the message alignment, typography, color, padding, margin, border, etc.

**Fake Number** - You’ll see this option when the Fake Numbers Counter option is enabled. From here, you can manage the counter number style.

**Background** - From here, you can manage the countdown timer container background style.

**On Scroll View Animation** -  This is our global extension available for all our widgets, which adds scrolling animation as the widget comes into the viewport. You can learn more about this from [here.](https://theplusaddons.com/docs//on-scroll-view-animation-in-elementor/)

Advanced options remain common for all our widgets; you can explore all their options from here.

[View Advanced tab tutorial.](https://docs.posimyth.com/tpae/advanced-tab/)

Also, read [how to create a sticky countdown timer in Elementor.](https://theplusaddons.com/docs//create-a-sticky-countdown-timer-in-elementor/)

## Frequently Asked Questions

**Q: What are the different types of countdown timers available in The Plus Addons for Elementor?**
A: The Plus Addons for Elementor offers three types of countdown timers: Normal Countdown, Scarcity Countdown (Pro), and Fake Number Countdown (Pro). Each type serves a different purpose, such as creating urgency for sales or simulating stock scarcity. Choosing the right type depends on your marketing strategy and the urgency you want to convey.

**Q: How can I show a message after the countdown timer ends?**
A: To display a message after the countdown timer ends, you need to enable the 'Show Message' option, which is available in the Pro version of The Plus Addons for Elementor. This feature allows you to engage users with a custom message, enhancing user experience and driving conversions after the countdown concludes.

**Q: What common mistakes do users make when setting up the countdown widget?**
A: A common mistake is not setting the countdown end date and time correctly based on your time zone. If the time zone is not aligned, users may see unexpected countdown behavior. Always double-check the Launch Date field to ensure it reflects the correct timing for your audience.

**Q: What styling options are available for the countdown widget?**
A: The countdown widget allows you to customize typography, colors, padding, margin, and borders for the countdown timer and its labels. You can also manage the background style of the countdown container. Proper styling can significantly impact the visual appeal and effectiveness of your countdown timer.