--- title: "How to Add a Sales Countdown Timer to a WooCommerce Product Page in Elementor?" url: https://theplusaddons.com/docs/sales-countdown-timer-to-a-woocommerce-product-page-in-elementor/ date: 2024-01-17 modified: 2026-04-09 author: "Aditya Sharma" description: "Do you want to add a sales countdown timer on a WooCommerce product page in Elementor? Adding a countdown timer on product pages, can create a sense of urgency and..." image: https://theplusaddons.com/wp-content/uploads/2024/01/How-to-Add-a-Countdown-Timer-to-a-WooCommerce-Product-Page-in-Elementor_-1024x536.jpg word_count: 693 --- # How to Add a Sales Countdown Timer to a WooCommerce Product Page in Elementor? ## Key Takeaways - The Plus Addons for Elementor Countdown widget allows users to add different countdown timers on individual WooCommerce product pages. - Users can enable the WooCommerce countdown option by navigating to The Plus Addons > Extra Options > Settings in the Dashboard. - The Countdown widget offers various types of countdowns, including Normal Countdown, Scarcity Countdown (Evergreen), and Fake Numbers Counter. - Users can set a countdown date or number in the WooCommerce Countdown section of the product page, ensuring it matches the countdown type selected in the widget. Do you want to add a sales countdown timer on a WooCommerce product page in Elementor? Adding a countdown timer on product pages, can create a sense of urgency and encourage customers to make a purchase before the timer runs out. With the Countdown widget from The Plus Addons for Elementor, you can easily add different countdown timers on individual WooCommerce product pages. *To check the complete feature overview documentation of The Plus Addons for Elementor Countdown widget, [click here](https://theplusaddons.com/docs//countdown-widget-overview-in-elmentor/).* ***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-countdown-timer/?utm_source=tpae&utm_medium=docs&utm_campaign=text) ### Enable WooCommerce Countdown First, you have to enable The Plus Addons for Elementor WooCommerce countdown option. To do this – 1. From the Dashboard, go to **The Plus Addons** > **Extra Options** > **Settings**. 2. Scroll down to the **WooCommerce Countdown** section and enable it. ![](https://theplusaddons.com/wp-content/uploads/2024/01/woo-countdown-settings.png) ### Add Countdown Widget on Product Template Then, add the Countdown widget to the single product template, and follow the steps -  > *Note: To create the single product template, you can use the free *[*Nexter Builder*](https://nexterwp.com/docs/nexter-theme-builder-explained)* or you can use Elementor Pro if you are already using it.* 1. Go to the **WooCommerce** tab and enable the **WooCommerce Single Connect** toggle. 2. Then come back to the **Countdown Date** tab and select the appropriate countdown type from the **Countdown Setup** dropdown. Also read, [6 best WordPress countdown timer plugins.](https://theplusaddons.com/blog/best-wordpress-countdown-timer-plugins/) - **Normal Countdown** - To create a normal countdown. - **Scarcity Countdown (Evergreen)** - To create a scarcity or evergreen countdown timer. - **Fake Numbers Counter** - To create a fake number counter, like a stock scarcity counter. Select the option as per your requirements, let’s select Normal Countdown here. 3. Select the appropriate style from the **Countdown Style** section. You can adjust the countdown timer from the **Content Source** tab. Finally, from the **Special Option** tab, you can add some action after the countdown ends from the **Select Action** dropdown.  - **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. - **Template** - With this option, you can show any content using an Elementor template after the countdown ends. - **Page Redirect** - With this option, you can redirect to another page after the countdown ends. ### Add Countdown Date on The Product Now you have to add the countdown date in the product page. So edit the product on which you want to add the countdown timer. Scroll down to **WooCommerce Countdown** section, here you’ll find three sections -  Did you know? [You can add WooCommerce product stock scarcity timer in Elementor.](https://theplusaddons.com/docs//woocommerce-product-stock-scarcity-timer-in-elementor/) **Normal Countdown** - To create a normal countdown. - **Date** - From here, you can set the countdown end date. **Scarcity Countdown (Evergreen)** - To create a scarcity or evergreen countdown timer. - **Minutes** - From here, you can add the timer reset time (in minutes). **Fake Numbers Counter** - To create a fake number counter, like a stock scarcity counter. - **Initial Number** - Here, you have to set the initial counter number from where the counter will start. - **Final Number** - Here, you have to set the final number where the counter will end. - **Number Range** - Here, you have to set a number, based on this number the counter will reduce randomly between the range of 1 and the set number. For instance, if you set the number to 5 then it will reduce the counter by any number between 1 to 5 randomly making the counter look more realistic. - **Change Interval (In Seconds)** - Here, you can set an interval to the counter. Set the date or number to the countdown type as per the countdown type set in the single product template. In our case, it will be the Normal Countdown. > *Note: Make sure to set the date or number to the same countdown type as set in the Countdown widget, otherwise the countdown timer will not show.* Now you’ll see a countdown timer to that specific product page only.   Also read, [how to add a scarcity countdown timer in WooCommerce checkout, cart & product pages.](https://theplusaddons.com/docs//scarcity-countdown-timer-in-woocommerce-checkout-cart-product-pages/) ## Frequently Asked Questions **Q: What should I do if the countdown timer is not displaying on my product page?** A: If the countdown timer is not showing, check that you've enabled the WooCommerce countdown option in The Plus Addons for Elementor settings. Navigate to The Plus Addons > Extra Options > Settings and ensure the WooCommerce Countdown section is activated. If the countdown type set in the widget does not match the countdown date or number in the product settings, it will not display, so verify those settings as well. **Q: What is the best countdown type to use for creating urgency in sales?** A: For creating urgency in sales, the Normal Countdown type is typically the best choice. It counts down to a specific end date, prompting customers to act quickly. Additionally, consider using the Scarcity Countdown (Evergreen) if you want to create a sense of urgency that resets periodically. This can keep customers engaged over time, as they see the countdown reset after each sale. **Q: Does the countdown timer work with other page builders besides Elementor?** A: The countdown timer from The Plus Addons for Elementor works exclusively with Elementor. It does not function with other page builders like Gutenberg, Beaver Builder, or Divi. Ensure you are using Elementor to take full advantage of the countdown timer features. **Q: What happens if I set the countdown date incorrectly?** A: If you set the countdown date incorrectly, the timer may not display or function as intended. It's crucial to ensure that the countdown date in the product settings matches the countdown type selected in the widget. If they don't align, the countdown timer will not show on the product page, potentially missing out on creating urgency for your customers.