---
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-08-26
lang: en
author: "Aditya Sharma"
description: "Do you want to add a scarcity countdown timer to your WooCommerce checkout, cart, and product pages in Elementor? A scarcity countdown creates a sense of urgency for each shopper,..."
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: 1353
---

# 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.

Do you want to add a scarcity countdown timer to your WooCommerce checkout, cart, and product pages in Elementor? A scarcity countdown creates a sense of urgency for each shopper, nudging them to complete the purchase before the timer runs out. Used well, it can lift conversions and recover sales that would otherwise stall at the cart.

With the Countdown widget from The Plus Addons for Elementor, you can set this up on any WooCommerce template using the evergreen (scarcity) mode, either per product or across your store.

***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.***

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

## What It Does

The Countdown widget adds a per-visitor scarcity timer to WooCommerce checkout, cart, and product pages. Instead of ending at one fixed date for everyone, the timer starts individually for each shopper and resets based on the rules you set, so every visitor sees a live countdown on their offer.

## Why It Matters

A fixed sale date loses its urgency the moment it passes. An evergreen scarcity timer keeps the pressure fresh for every shopper, whatever day they land on the page. In the widget itself, this mode is described as best for evergreen offers: it starts individually for each visitor and resets based on your rules, which makes it a fit for funnels, limited-time discounts, and personal offers. On a store, that translates directly into more completed checkouts.

## What You Get

- An evergreen **Scarcity Countdown** mode that runs a separate timer for each visitor.

- A per-product **WooCommerce Countdown** panel, so each product can run its own timer length.

- **WooCommerce Single Connect**, which pulls the timer value straight from the product you set it on.

- After-timer actions: show a message, load an Elementor template, or redirect to another page.

## Benefits

- Every shopper sees a live timer, so the offer never looks expired.

- No need to edit a sale date by hand as campaigns roll over.

- Different products can carry different countdown lengths.

- Works on any WooCommerce template you build with the widget, including product, cart, and checkout layouts.

## Capabilities

Once you pick **Scarcity Countdown (Evergreen)** from the **Countdown Setup** dropdown, the widget exposes these controls:

- **Reset Time** - the number of minutes after which the timer data resets for a visitor (default 99).

- **Track User Data** - set to **Yes (Local Storage Based)** to save each visitor's timer in their browser, so it keeps counting down on their next visit instead of restarting.

- **Enable Loop** - restarts the countdown automatically after it ends.

- **Delay Minute** - a pause, in minutes, before the loop starts again, so the restart feels natural.

- **Class Based Section Visibility** - show or hide sections by CSS class name once the timer ends.

- **Special Option** - choose what happens when the timer ends: None, Message, Template, or Page Redirect.

- **WooCommerce Single Connect** - reads the timer value from the product's own countdown panel.

![Enable Loop and Delay Minute settings on the Countdown widget](https://theplusaddons.com/wp-content/uploads/2025/05/Countdown-loop.png)Enable Loop restarts the timer, and Delay Minute sets a pause before it starts again.

## How It Works

There are two ways to feed a timer length into the widget. You can set the value directly on the widget in scarcity mode, or you can store it per product and let **WooCommerce Single Connect** read it.

The per-product route works like this: each WooCommerce product gets a **WooCommerce Countdown** panel in its editor, where you enter the scarcity duration in minutes. When Single Connect is turned on in the widget, it pulls that per-product value at render time. For this to run, the Woo countdown option must be enabled in **ThePlus Settings → Extra Options**, and the timer is tied to each visitor's browser through local storage, so it counts down consistently for them across visits.

![WooCommerce Countdown panel on a product editor screen](https://theplusaddons.com/wp-content/uploads/2024/01/countdown-woocommerce.png)Each product carries its own WooCommerce Countdown panel where you set the scarcity minutes.

## How to Use It

To add the Countdown widget to a WooCommerce template or page, follow the steps below.

> *Note: To create the single product template, you can use the free *[*Nexter Builder*](https://nexterwp.com/docs/nexter-theme-builder-explained)* or Elementor Pro if you already use it. You can also customize the WooCommerce cart and checkout pages using different widgets from The Plus Addons for Elementor.*

**1. Turn on the Woo countdown option.** Go to **ThePlus Settings → Extra Options** and enable the Woo countdown loop option. This is required before WooCommerce Single Connect will work.

![ThePlus Settings Extra Options screen with the Woo countdown option](https://theplusaddons.com/wp-content/uploads/2024/01/countdown-extra-options.png)Enable the Woo countdown option under ThePlus Settings, Extra Options.

**2. Set the scarcity time on the product.** Open the product in WooCommerce, find the **WooCommerce Countdown** panel, and enter the minutes under **Scarcity Countdown (Evergreen)**.

![Scarcity Countdown Evergreen minutes field on a product](https://theplusaddons.com/wp-content/uploads/2024/01/woo-countdown-settings.png)Enter the scarcity duration in minutes in the product's WooCommerce Countdown panel.

**3. Add the Countdown widget.** Edit your WooCommerce product, cart, or checkout template and drop in the Countdown widget. Then select **Scarcity Countdown (Evergreen)** from the **Countdown Setup** dropdown.

Selecting Scarcity Countdown (Evergreen) from the Countdown Setup dropdown.

**4. Connect it to the product, or set the time on the widget.** To use the per-product value, turn on **WooCommerce Single Connect** in the widget's **WooCommerce** section. To set the time directly instead, pick a style in the **Content Source** tab, then open the **Extra Option** tab and set the **Reset Time** in minutes, set **Track User Data** to **Yes (Local Storage Based)**, and turn on **Enable Loop** with an optional **Delay Minute**.

Turning on WooCommerce Single Connect so the widget reads the product's timer value.

**5. Choose what happens when the timer ends.** In the **Special Options** tab, pick an action: show a message, load a template, or redirect to another page. You can also swap content by CSS class using **Class Based Section Visibility**.

Setting an after-timer action in the Special Options tab.

That is all it takes to run a scarcity countdown across your WooCommerce pages. Here is the finished timer on a checkout page.

A scarcity countdown timer running live on a WooCommerce checkout page.

## Use Cases

- **Evergreen funnels** - give each new visitor the same limited window without touching the sale date.

- **Cart and checkout urgency** - remind shoppers their discount is running out while they decide.

- **Per-product launch offers** - run a longer timer on a hero product and a shorter one elsewhere.

- **Flash sales** - pair the timer with a redirect or message once the offer ends.

## Limitations

- **Reset Time is hidden when Single Connect is on.** If you turn on WooCommerce Single Connect, the widget uses the product's value and the Reset Time field no longer applies.

- **Delay Minute has dependencies.** It only appears when Track User Data is set to Yes (Local Storage Based) and Enable Loop is on.

- **Special Option needs local storage.** In scarcity mode, the after-timer action requires Track User Data set to Yes (Local Storage Based).

- **The timer lives in the browser.** Because the countdown is stored in local storage, a visitor who clears their browser data or switches device starts fresh.

- **Single Connect needs the store setup.** Per-product values only show when the Woo countdown option is enabled in ThePlus Settings, Extra Options, and the product category has the countdown switch turned on.

## Troubleshooting

- **The timer does not show on the product page.** Check that the Woo countdown option is enabled in ThePlus Settings, Extra Options, and that the product category has the countdown switch turned on.

- **The Delay Minute field is missing.** Set Track User Data to Yes (Local Storage Based) and turn on Enable Loop. Delay Minute only appears once both are set.

- **The Reset Time field disappeared.** This is expected when WooCommerce Single Connect is on, because the timer value then comes from the product instead of the widget.

- **The per-product minutes are ignored.** Turn on WooCommerce Single Connect in the widget's WooCommerce section, otherwise the widget uses its own Reset Time instead of the product value.

Detailed guide on [how to add a countdown timer to a WooCommerce product page in Elementor.](https://theplusaddons.com/docs/sales-countdown-timer-to-a-woocommerce-product-page-in-elementor/)

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

*To check the complete feature overview of The Plus Addons for Elementor Countdown widget, [click here.](https://theplusaddons.com/docs/countdown-widget-overview-in-elmentor/)*