---
title: "How to Add a Scarcity Countdown Timer in WooCommerce Checkout, Cart & Product Pages?"
url: https://theplusaddons.com/docs/scarcity-countdown-timer-in-woocommerce-checkout-cart-product-pages/
date: 2024-01-17
modified: 2026-09-26
lang: en
author: "Aditya Sharma"
description: "A cart that has been sitting open for twenty minutes is a decision nobody has made yet. A timer next to the checkout button gives that decision a deadline. The..."
image: https://theplusaddons.com/wp-content/uploads/2024/01/How-to-Add-a-Scarcity-Countdown-Timer-in-WooCommerce-Checkout-Cart-_-Product-Pages_-1024x536.jpg
word_count: 1212
---

# How to Add a Scarcity Countdown Timer in WooCommerce Checkout, Cart & Product Pages?

## 

- The Countdown widget from The Plus Addons for Elementor adds a per-visitor scarcity timer to WooCommerce checkout, cart, and product pages, and it starts individually for each shopper instead of ending at one fixed date.
- WooCommerce Single Connect pulls the timer value from each product’s WooCommerce Countdown panel, so different products can run different countdown lengths across the store.
- Scarcity Countdown (Evergreen) exposes Reset Time, Track User Data set to Yes (Local Storage Based), Enable Loop, Delay Minute, Class Based Section Visibility, and Special Option choices like Message, Template, or Page Redirect.
- ThePlus Settings > Extra Options must enable the Woo countdown option before WooCommerce Single Connect works, and the timer stays in local storage so a visitor who clears browser data or switches device starts fresh.

A cart that has been sitting open for twenty minutes is a decision nobody has made yet. A timer next to the checkout button gives that decision a deadline.

The **Countdown** widget's **Scarcity Countdown (Evergreen)** setup gives each shopper their own clock, so it works on pages every visitor reaches at a different moment.

For the full settings tour of the **Countdown** widget, see [Countdown Widget: Settings Overview](https://theplusaddons.com/docs/countdown-widget-overview-in-elmentor/).

***Requirement - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.***

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

## Before You Start

- **Edition:** the **Countdown** widget itself is in the free plugin, but this page uses a **Pro** setting (see the next line).- **Pro feature:** **Scarcity Countdown (Evergreen), Reset Time, Track User Data and WooCommerce Single Connect** is part of The Plus Addons for Elementor **Pro**. In the free plugin the control is either missing or replaced by an upgrade notice.- **Prerequisite:** [Elementor](https://wordpress.org/plugins/elementor/) (free) installed and active.- **Widget to enable:** go to **The Plus Addons > Widgets**, search for **Countdown** and turn its toggle on.- **Prerequisite:** [WooCommerce](https://wordpress.org/plugins/woocommerce/) installed and active, with at least one product.- **Prerequisite:** a way to edit the cart and checkout layouts. That means a theme builder, or WooCommerce's own cart and checkout blocks with an Elementor section around them.

## Steps

- Open the layout you want the timer on — the product page, the cart page or the checkout page.- Drag in the **Countdown** widget, close to the buy or checkout button.- In **Content > Layout**, set **Countdown Setup** to **Scarcity Countdown (Evergreen)**.- Open **Content > Extra Option** and set **Reset Time** to the number of **minutes** each shopper gets — 15 or 20 is typical for a cart.- Set **Track User Data** to **Yes(Local Storage Based)**, so the timer survives the shopper moving between cart and checkout.- Optionally, in **Content > Special Option**, set **Select Action** to **Message** so the timer is replaced by a sentence rather than a row of zeros.- Publish and check it in a private window.

![Reset Time and Track User Data in the Extra Option section.](https://theplusaddons.com/wp-content/uploads/2026/09/countdown-track-user-data.webp)

Setting up a Scarcity (Evergreen) countdown.

## Settings

| Setting | What it does | Default |
| ------- | ------------ | ------- |
| **Countdown Setup** | **Scarcity Countdown (Evergreen)** starts a separate timer per shopper. | **Normal Countdown** |
| **Reset Time** | Minutes each shopper's timer runs for. | **99** |
| **Track User Data** | **Yes(Local Storage Based)** keeps the deadline as the shopper moves between pages. **No** restarts it on every page load. | **No** |
| **Enable Loop** / **Delay Minute** | Start the timer again after it runs out, optionally after a wait. | On / **0** |
| **WooCommerce Single Connect** | On a product layout, take the minutes from the product's own **Scarcity Countdown (Evergreen) : Minutes** field instead. Needs the **WooCommerce Countdown** extension under **The Plus Addons > Extensions**. | Off |

![The WooCommerce Countdown fields on the product edit screen.](https://theplusaddons.com/wp-content/uploads/2024/01/woo-countdown-settings.png)

## How It Behaves

Measured on a published page with **Reset Time** set to 5:

- A first-time visitor saw **0 DAYS 0 HOURS 4 MINUTES 56 SECONDS** and it counted down every second.- With **Track User Data** on **Yes(Local Storage Based)**, reloading picked up at 4 minutes 31 seconds — the deadline was remembered.- With the default **No**, reloading put it straight back to 4 minutes 56 seconds. On a cart page that means a shopper can reset their own deadline by refreshing.- A different browser profile started at the full five minutes, so each shopper gets their own clock.

![A scarcity countdown as a first-time shopper sees it.](https://theplusaddons.com/wp-content/uploads/2026/09/countdown-result-evergreen.webp)

A scarcity countdown beside the checkout.

If you want the minutes to come from each product instead of from the widget, turn on **WooCommerce Single Connect**:

Turning on WooCommerce Single Connect.

And the **Special Option** section decides what replaces the timer:

Choosing what happens when the scarcity timer runs out.

## Limitations

- **The deadline is not enforced.** Nothing happens to the cart when the timer runs out — no price change, no released stock, no expired coupon. It is a message, not a rule. Do not write copy that promises the basket will be emptied.- **It is per browser, not per shopper.** The deadline lives in the browser's local storage, so a private window, a second device or cleared site data starts it over.- **Leave Track User Data on No and the timer is meaningless** — it restarts on every page load, including every step of the checkout.- **A product with no stored value renders nothing.** With **WooCommerce Single Connect** on, a product that has no value in the **WooCommerce Countdown** box produces no countdown element at all, with no warning.- **With Style 1 nothing happens at the moment the clock hits zero.** This was watched on published pages: with **Style 1** the timer reaches **00 00 00 00** and stays there for as long as the visitor leaves the page open — the message, the template, the page redirect and the class swap all wait for the **next page load**. With **Style 2** and **Style 3** the same settings do act the instant the timer runs out. Since **Style 1** is the default, assume the change happens on reload unless you have deliberately chosen another style, and never write copy promising visitors that the page will change in front of them.- **Style 2 and Style 3 read the deadline in the visitor's timezone; Style 1 reads it in your site's.** This was isolated with a controlled test. One **Launch Date**, nothing else changed: from a browser five and a half hours ahead of the site, **Style 1** showed **02 DAYS 01 HOURS 56 MINUTES** left while **Style 2** and **Style 3** showed **1 Day 20 Hours 25 Minutes** — short by exactly that offset. Repeating it with the browser set to the site's own timezone made all three agree. So on a live site a **Style 2** or **Style 3** sale ends at a different real-world moment for every visitor, and for visitors far enough ahead of your site it can be over before it starts. If the exact end time matters, use **Style 1**.- **Turn Elementor's element cache off for this widget.** Elementor's **Element Cache** is on by default and stores rendered markup for a day, which can serve a stale deadline. Set **Advanced > Layout > Cache Settings** to **Inactive** on the Countdown widget, or disable it site-wide under **Elementor > Settings > Performance**.

## Troubleshooting

### The timer restarts on the checkout page

**Track User Data** is on **No**. Set it to **Yes(Local Storage Based)** on every Countdown widget involved, and use the same **Reset Time** on each, so cart and checkout share one deadline.

### Nothing renders on the product page

If **WooCommerce Single Connect** is on, the product needs a value in its **WooCommerce Countdown** box, and the **WooCommerce Countdown** extension has to be switched on under **The Plus Addons > Extensions**.

### The timer ended and the page still shows zeros

Set **Select Action** to **Message** under **Special Option**, and be aware the swap happens on the next page load, not the moment the clock stops.

## Not verified

So you know exactly what has and has not been checked:

- **The WooCommerce cart and checkout pages themselves.** The evergreen timer's behaviour was measured on published Elementor pages; no cart or checkout layout was built, and no deadline was carried across a real cart-to-checkout journey.- **The product-level Scarcity Countdown (Evergreen) : Minutes field.** Only the product's **Normal Countdown : Date** field was exercised.- **Enable Loop and Delay Minute** running through a full cycle.

## Related Docs

- [How to Create an Evergreen Countdown Timer in Elementor?](https://theplusaddons.com/docs/evergreen-countdown-timer-in-elementor/)- [How to Add a Sales Countdown Timer to a WooCommerce Product Page in Elementor?](https://theplusaddons.com/docs/sales-countdown-timer-to-a-woocommerce-product-page-in-elementor/)- [How to Add WooCommerce Product Stock Scarcity Timer in Elementor? (X Item Left)](https://theplusaddons.com/docs/woocommerce-product-stock-scarcity-timer-in-elementor/)- [Countdown Widget: Settings Overview](https://theplusaddons.com/docs/countdown-widget-overview-in-elmentor/)