Skip to main content

Adding Countdown Timers to Create Urgency

Learn how to add countdown timers to your widgets for flash sales and limited-time offers

Tom Nipravsky avatar
Written by Tom Nipravsky
Updated over a month ago

Countdown timers create urgency by showing customers that a deal won't last forever. They're especially effective for flash sales, holiday promotions, and limited-time offers.

Adding a Timer to Your Widget

  1. Open your widget

  2. Go to the Settings tab

  3. Find the Timer section

  4. Toggle Enable Timer to on

Setting the Duration

Set your countdown using individual time units:

Days

  • Range: 0-365 days

  • Only displays if greater than 0

  • Example: A week-long sale = 7 days

Hours

  • Range: 0-23 hours

  • Example: End-of-day sale = set to remaining hours

Minutes

  • Range: 0-59 minutes

  • For fine-tuning countdown end time

Seconds

  • Range: 0-59 seconds

  • Creates live "ticking" effect

Timer Display Format

Timers display in clock format: 02:14:30:45 (days:hours:minutes:seconds)

  • Days only show when greater than 0

  • All units show leading zeros for consistency

  • Timer counts down in real-time

Timer Position

Choose where the timer appears in your widget:

  • Above title - Timer is the first thing customers see

  • Below title - Title introduces the widget, timer follows

Best practice: Put timers above the title for flash sales where urgency is the main message. Put below for standard widgets where the timer is secondary information.

Timer Text

Add a custom message around your timer using the {timer} variable:

Examples:

  • "Flash Sale - {timer} remaining!"

  • "Offer ends in {timer}"

  • "Only {timer} left to save!"

  • "{timer} until prices go back up"

The {timer} variable displays the formatted countdown (e.g., "02:14:30").

Timer Styling

Customize how your timer looks:

Timer Size

  • Small (16px)

  • Medium (24px)

  • Large (32px)

  • Custom (enter any value)

Timer Color

Set the color for the countdown numbers. Use your brand's accent color or a contrasting color like red to draw attention.

Text Color

Set the color for the surrounding text (the message around the timer).

Expiration Actions

Control what happens when the countdown reaches zero:

Do Nothing (Default)

  • Timer displays "00:00:00"

  • Widget remains visible and functional

  • Discounts continue to apply

Use when: You want to keep the widget showing and will manually update or remove it later.

Remove Widget

  • Entire widget disappears from the page

  • Clean removal without broken states

Use when: The offer should completely disappear after expiration.

Remove Discount Only

  • Timer shows expiration

  • Widget stays visible with products

  • Discounts stop applying (prices return to normal)

Use when: You want to keep showing recommendations but end the promotional pricing.

Did this answer your question?