--- title: "How to Create an Evergreen Countdown Timer in Elementor? (Loop Cookie based Timer Per User)" url: https://theplusaddons.com/docs/evergreen-countdown-timer-in-elementor/ date: 2024-01-16 modified: 2026-08-27 lang: en author: "Aditya Sharma" description: "Are you looking to add an evergreen countdown timer in Elementor? A single fixed deadline for every visitor stops working once your traffic is spread across different days and times...." image: https://theplusaddons.com/wp-content/uploads/2024/01/How-to-Create-an-Evergreen-Countdown-Timer-in-Elementor_-Loop-Cookie-based-Timer-Per-User-1024x536.jpg word_count: 1309 --- # How to Create an Evergreen Countdown Timer in Elementor? (Loop Cookie based Timer Per User) ## - The Plus Addons for Elementor Countdown widget adds Scarcity Countdown (Evergreen) in a few fields, and the widget must be installed and activated first. - Scarcity Countdown (Evergreen) gives each visitor a personal deadline based on Reset Time in minutes, instead of one shared end time for everyone. - Track User Data set to Yes (Local Storage Based) remembers the deadline in the visitor's browser, so the countdown survives reloads and return visits until it expires. - Enable Loop restarts a fresh countdown after expiry, and Delay Minute adds a pause in minutes before the next countdown begins. Are you looking to add an evergreen countdown timer in Elementor? A single fixed deadline for every visitor stops working once your traffic is spread across different days and times. An evergreen countdown solves that by giving each visitor their own personal deadline, reset around when they actually showed up, so the urgency stays real no matter when someone lands on the page. With the Countdown widget from The Plus Addons for Elementor, you can add this Scarcity Countdown (Evergreen) setup to your Elementor website in a few fields. *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/).* > **Requirement:** This widget is a part of The Plus Addons for Elementor. Make sure it is installed and 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) Table Of Contents ## What It Does Scarcity Countdown (Evergreen) gives every visitor their own countdown window, a set number of minutes from when they first see the widget, instead of one shared deadline for everyone. Optionally, that personal deadline is remembered in the visitor's browser, so it keeps counting toward the same end time if they come back, rather than resetting on every visit. You can also have it loop automatically once it expires, with a short pause before the next countdown begins. ## Why It Matters A Normal Countdown works well for a single, real event with one fixed end time. It works badly as an always-on urgency tool, because a visitor who lands after the deadline just sees an expired timer, and a visitor who lands right before it sees only a few seconds of pressure. The evergreen setup fixes both problems. Every visitor gets a fresh, full-length window from the moment they land, so a promotion built around it never looks broken or "already over" no matter when someone arrives. ## What You Get - A **Scarcity Countdown (Evergreen)** option under **Countdown Setup**.- A **Reset Time** field, in minutes, for how long each visitor's window lasts.- A **Track User Data** option to remember the deadline per visitor.- An **Enable Loop** toggle and a **Delay Minute** field for restarting the countdown after it expires.- The same **After Expiry Action** and **Class Based Section Visibility** options available on Normal Countdown. ## Benefits - **Always feels current:** no visitor ever lands on an already-expired or barely-started timer.- **Personalized:** the deadline is set relative to each visitor, not one shared clock.- **Can run indefinitely:** with Enable Loop on, the same promotion cycle repeats without you resetting anything.- **Same styling and actions as Normal Countdown:** nothing about the layout or after-expiry behavior changes, only how the deadline is calculated. ## Capabilities - **Reset Time:** sets, in minutes, how long each visitor's personal countdown runs for.- **Track User Data (Local Storage Based):** when enabled, the deadline is saved in the visitor's browser so it survives a page reload or a return visit within the window, instead of restarting the full Reset Time every time.- **Enable Loop:** once a visitor's countdown expires, this restarts a fresh one for them automatically.- **Delay Minute:** only appears when Track User Data is Local Storage Based and Enable Loop is on, it adds a pause, in minutes, between the countdown ending and the next one starting, so the reset does not feel instant.- **After Expiry Action and Class Based Section Visibility:** both work exactly as they do on Normal Countdown, letting you show a message, a template, a redirect, or swap sections when each visitor's window ends. ## How It Works With Track User Data set to No, the widget calculates the deadline as the current time plus Reset Time, in minutes, on every single page load. There is no memory involved, so the countdown always restarts at the full Reset Time, for every visit and every reload. With Track User Data set to Yes (Local Storage Based), the widget checks the visitor's browser storage first. If no deadline is stored yet, it calculates one, current time plus Reset Time, and saves it. If a deadline is already stored, it reuses that exact same deadline instead of calculating a new one, so the countdown keeps counting toward the same end time across reloads and repeat visits, until it actually expires. When the stored countdown expires and Enable Loop is on, the widget waits Delay Minute minutes past that expiry, then starts a brand new window of Reset Time minutes for that visitor. With Enable Loop off, the countdown simply stays expired and whatever After Expiry Action you configured takes over. ## How to Use It Watch the setup below, or follow the written steps underneath. https://www.youtube.com/watch?v=RdPTAGc3PMY&t=223s Countdown widget walkthrough, including the Scarcity Countdown (Evergreen) setup. Add the Countdown widget to the page and follow the steps: - Select **Scarcity Countdown (Evergreen)** from the **Countdown Setup** dropdown. Selecting Scarcity Countdown (Evergreen) from the Countdown Setup dropdown. - Choose the appropriate style from the **Countdown Style** section, and make any adjustments in the **Content Source** tab.- Open the **Extra Option** tab and set the **Reset Time** field to how many minutes each visitor's countdown should run for. > *Note: the Reset Time number is set in minutes.* - Set **Track User Data** to **Yes (Local Storage Based)** so each visitor's deadline is remembered instead of resetting on every reload.- Optional: leave **Enable Loop** on, it is on by default, so the countdown restarts automatically once it expires. In the **Delay Minute** field that appears, set a pause, in minutes, before that next countdown starts, so the reset does not feel instant. Want the page itself to change once each visitor's window ends? See how to [change website content when the countdown timer ends](https://theplusaddons.com/docs/change-website-content-when-countdown-timer-ends/). That is all it takes to create an evergreen countdown timer. The evergreen countdown running on the front end. Also read, [how to add an Elementor countdown timer in the Hello top bar](https://theplusaddons.com/docs/elementor-countdown-timer-in-hello-top-bar/). ## Use Cases - **Always-on flash sale:** a "sale ends in" timer that stays meaningful no matter when a visitor arrives.- **First-visit offer:** a limited-time welcome discount that starts counting the moment a new visitor lands.- **Recurring promotions:** a self-resetting countdown for a deal you run continuously, without manually updating an end date. ## Limitations - With Track User Data set to No, the countdown recalculates from scratch on every single page load. It cannot be used to give a visitor one persistent deadline unless Track User Data is set to Yes (Local Storage Based).- Local storage is specific to one browser on one device. The same visitor on a different browser or device gets a brand new deadline, not the one already in progress elsewhere.- Delay Minute only appears, and only applies, when Track User Data is Local Storage Based and Enable Loop is on. It has no effect in any other combination.- Because each visitor's deadline is calculated independently, an evergreen countdown does not correspond to a single real-world end time the way a Normal Countdown does, it is not suited to an event with one fixed date and time. ## Troubleshooting **The countdown resets every time the page reloads.** This is expected when Track User Data is set to No. Set it to Yes (Local Storage Based) under the Extra Option tab so the deadline is remembered instead of recalculated on every load. **The countdown does not restart after it ends.** Check that Enable Loop is turned on. With it off, the countdown is designed to stay expired, and whatever After Expiry Action you configured takes over instead. **I cannot find the Delay Minute field.** It only shows up when Track User Data is set to Yes (Local Storage Based) and Enable Loop is on. If either of those is off, the field stays hidden. **Different visitors seem to share the same countdown.** They should not, each browser stores its own deadline once Track User Data is on. If two people are seeing the exact same remaining time, they are most likely viewing the page in the same shared browser profile, or the widget was recently changed, which starts a fresh deadline for every visitor.