How to Add WooCommerce Product Stock Scarcity Timer in Elementor? (X Item Left)

Updated onApril 9, 2026By

Key Takeaways

  • Countdown widget from The Plus Addons for Elementor allows users to add a stock scarcity timer on WooCommerce product pages.
  • The counter can be set to loop forever by enabling the Enable Loop toggle in the Countdown widget settings.
  • Users can customize the initial and final counter numbers, as well as set a random reduction range for a realistic effect.
Table Of Content

Are you looking to add a stock scarcity timer on your WooCommerce product page? Adding a stock scarcity timer on a product page continuously reduces the product stock availability after an interval, encouraging customers to act quickly before it’s too late.

With the Countdown widget from The Plus Addons for Elementor, you can easily add a fake number counter on your Elementor website.

To check the complete feature overview documentation of The Plus Addons for Elementor Countdown widget, click here.

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

YouTube video

To do this, 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 or you can use Elementor Pro if you are already using it.

1. Select Fake Numbers Counter from the Countdown Setup dropdown.

2. Then go to the Extra Option tab and select the Yes(Local Storage Based) option from the Track User Data dropdown. 

This will save the counter cookie in the user’s browser making the counter specific to the user. If the user visits the page again the countdown will not reset instead it will continue to complete the range.

3. Then enable the Enable Loop toggle, this will make the counter loop forever.

4. In the Initial Number field, you have to set the initial counter number from where the counter will start.

5. Then in the Final Number field, you have to set the final number where the counter will end.

6. In the Number Range field, 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.

7. You can set an interval to the counter from the Change Interval (In Seconds) field.

8. Finally in the Fake Message field, you can write a custom text for showing the stock counter. Make sure to use {visible_counter} tag for displaying the counter number.

Now visitors will see a stock counter on the product pages.

Also read, how to add a countdown timer to a WooCommerce product page in Elementor.

About the Author

Photo of Aditya Sharma CMO of The Plus Addons for Elementor
CMO · The Plus Addons for Elementor · 10 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordPressElementorn8nAIClaudeAutomationServer
LinkedIn X GitHub YouTube Website
Get Instant Answers to all your questions about The Plus Addons for Elementor, trained on 1000+ Docs and Videos

Related Frequently Asked Questions

What should I do if the stock scarcity timer isn't displaying on my product page?

If the stock scarcity timer isn't showing, ensure that the Countdown widget from The Plus Addons for Elementor is installed and activated. Additionally, check that you've correctly added the widget to the single product template and selected 'Fake Numbers Counter' in the Countdown Setup dropdown. If the settings are correct and it still doesn't appear, try refreshing the page or clearing your browser cache.

What is the best way to configure the countdown timer for maximum impact?

To configure the countdown timer effectively, set a realistic Initial Number and Final Number that reflects your stock levels. Use a Number Range that allows for a random decrement, making it appear more dynamic. Additionally, enabling the Loop toggle ensures the counter continues to engage users every time they visit the page. This setup can create a sense of urgency and encourage quicker purchases.

How does the local storage option affect the countdown timer?

Selecting the Yes (Local Storage Based) option for tracking user data allows the countdown timer to remember its state for individual users. This means that if a user revisits the product page, the timer will not reset but continue from where it left off. This feature enhances user experience by providing a personalized interaction with the stock scarcity timer.

What happens if I set the Change Interval too low for the countdown timer?

Setting the Change Interval too low may lead to a rapid decrement of the counter, which could confuse users or make the timer appear unrealistic. It's recommended to choose an interval that balances urgency with clarity, ensuring that customers can easily follow the countdown without feeling overwhelmed.

Does the countdown timer work on mobile devices?

The countdown timer is designed to work on mobile devices as well as desktops. However, it's important to test the appearance and functionality on various screen sizes to ensure that the timer displays correctly and remains effective in creating urgency for mobile users.

Last reviewed: April 9, 2026

Related Docs