> For the complete documentation index, see [llms.txt](https://banner-docs.tech-arms.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://banner-docs.tech-arms.io/getting-started/how-to-create-a-banner/countdown-timer-banner.md).
# Countdown Timer banner
**What is a Countdown Timer Banner?**
A **Countdown Timer Banner** is a banner that combines a message with a real-time countdown clock β helping you create urgency and encourage customers to act fast.
To get started:\
**Go to** `Create Banner` β **Select** `Countdown timer`.
***
> π **First time creating a banner?**\
> Follow this quick [step-by-step guide](/getting-started/how-to-create-a-banner.md) to learn how to create and publish your first banner.
## **1. Set up your content**
In the **Content** section, write the main message for your campaign β for example: **βFlash Sale ends soon!β** or **βGet 20% OFF for the next 2 hours!β**
You can also **tick the Coupon option** if you want to show a promo code directly in the banner.
***
## **2. Configure the Countdown**
Go to the **Countdown** section to choose how your timer should behave. There are 4 countdown types:
### **2.1. In specific date/time**
Use this option if you want the countdown to run during a fixed time period only.
π **How to set it up:**
* **Start time**: When the countdown should begin
* **End time**: When it should stop
π **Example**:
* Start: **July 31, 2025 β 02:23 PM**
* End: **August 1, 2025 β 02:23 AM**
β **Best for**:
* Limited-time promotions
* Holiday campaigns
***
### **2.2. Run daily at specific time**
This option makes the countdown appear at the same time every day.
π **How to set it up:**
* **From time**: When the countdown starts each day
* **To time**: When it stops daily
π **Example**:
* From: **12:00 AM**
* To: **11:59 PM**
β **Best for**:
* Daily deals
* Flash sales
* "Today only" campaigns
* Time-limited daily events
***
### **2.3. Run in certain interval**
Use this for repeating countdown cycles with a pause in between.
π **How to set it up:**
* **Start time**: When the first countdown starts
* **Countdown length**: How long each countdown runs
* **Break length**: How long the countdown hides before restarting
π **Example**:
* Start: **July 31, 2025 β 02:23 PM**
* Countdown runs for **31 days**
* Breaks for **31 days**
βΆοΈ **What happens**:\
The countdown will run for 31 days, then pause for 31 days, and repeat this cycle automatically.
β **Best for**:
* Monthly recurring campaigns
* Automating sales cycles
### **2.4. Evergreen countdown**
This countdown is unique to each visitor β it starts counting down individually from the moment they first see the banner.
π **How to set it up:**
* **Countdown length:** Choose how long the countdown should run for each visitor (in days, hours, and minutes).\
Example: 0 day 0 hour 15 minutes\
β The countdown will start when a visitor first sees the banner and run for 15 minutes.
π **How it works:**
* The timer runs specifically for each visitor and keeps counting down as long as they use the same browser and device.
* If the visitor switches devices, browsers, or clears their cache, the countdown will restart from the beginning.
β **Best for:**
* Personalized urgency campaigns
* Limited-time offers per visitor
* βHurry up!β deals that reset for each new visitor
π‘ **Tips:**\
Combine this countdown with the **βitem added to cartβ** trigger to create stronger urgency.\
For example, show a 15-minute countdown banner right after a customer adds an item to their cart β offering a discount during that time to encourage them to complete checkout quickly.
***
#### π¨ **Customize your Countdown Display**
After choosing a countdown type, you can customize its look and feel:
* Time format: Choose your **time format**\ dd:hh:mm:ss\
\
.png?alt=media) hh:mm\
\
.png?alt=media) dd:hh:mm\
\
.png?alt=media) hh:flag\_mm:ss\
\
.png?alt=media) mm:ss
* **Action after timer ends:** Select what happens when the countdown ends:
* Show **00:00:00**
* Or **hide the entire banner**
* Adjust **font size**, **color**
* **Adjust label names**
***
#### π§ **Tips & Best Practices**
* Use **Schedule conditions** to refine when your banner shows.\
For example: If you select "Run daily at specific time" but want it to appear only on **Mondays and Tuesdays**, combine it with **"Display in fixed time range"** in the **Schedule** settings.\
.png?alt=media)
* Confused about the difference between **Countdown type** and **Schedule**?\
[Click here to read the comparison guide](/faq-and-support/frequently-asked/whats-the-difference-between-countdown-timer-and-schedule-time.md)
***
## **3. Set a Call-to-Action**
Want to drive clicks?\
In the **Call to Action** section, you can add a button like:
* **"Shop Now"**
* **"Grab the Deal"**
* **"Use Code"**
You can also customize the buttonβs style, text, and destination link.
***
π¬ If you have any related questions, please contact us via **Live chat** or [**support@tech-arms.io**](mailto:support@tech-arms.io) for further assistance.
.png?alt=media)
.png?alt=media)
.png?alt=media)
.png?alt=media)
.png?alt=media)
.png?alt=media)
.png?alt=media)
dd:hh:mm:ss\
\
.png?alt=media) hh:mm\
\
.png?alt=media) dd:hh:mm\
\
.png?alt=media) hh:flag\_mm:ss\
\
.png?alt=media) mm:ss
* **Action after timer ends:** Select what happens when the countdown ends:
* Show **00:00:00**
* Or **hide the entire banner**
* Adjust **font size**, **color**
* **Adjust label names**
***
#### π§ **Tips & Best Practices**
* Use **Schedule conditions** to refine when your banner shows.\
For example: If you select "Run daily at specific time" but want it to appear only on **Mondays and Tuesdays**, combine it with **"Display in fixed time range"** in the **Schedule** settings.\
.png?alt=media)
* Confused about the difference between **Countdown type** and **Schedule**?\
[Click here to read the comparison guide](/faq-and-support/frequently-asked/whats-the-difference-between-countdown-timer-and-schedule-time.md)
***
## **3. Set a Call-to-Action**
.png?alt=media)