Articles on: Design & Display

How to Set Up a Countdown Timer on a Coupon

A coupon timer, or timed offer, creates a sense of urgency for customers, encouraging them to make a purchase before the deal expires. Follow the steps below to set up and customize a countdown timer for your coupons.

1. Create or Edit a Coupon

To add a countdown timer, either create a new coupon or click on the name of an existing coupon that you want to modify.

2. Navigate to the Coupon Design Section

In the coupon setup or edit page, scroll down to the Coupon Design section.
Look for the Countdown Timer option within this section.

Coupon Design section with the Countdown Timer option

3. Enable the Countdown Timer

Toggle on the setting labeled Show countdown on product page. This will enable the countdown timer on your coupon, making it visible to customers on the product page.

Countdown timer setting enabled for the coupon

4. Customize the Countdown Timer

You can customize the appearance and functionality of the countdown timer to match your store’s design and marketing strategy:

Timer Text: Modify the text that appears next to the timer. For example, you can use phrases like “Hurry, offer ends in” or “Limited time only.”
Font Size and Style: Adjust the font size, color, and style to align with your store’s branding.
Position: Decide where you want the timer to appear on the coupon. Common placements include above or below the coupon label text.

Countdown timer settings with the Customization options for layout, card, time units, digits and unit text

5. Set the Timer Duration

In the Timer Duration section, you can specify the exact length of time for the countdown using days, hours, minutes, and seconds. This flexibility allows you to create precise timed offers, such as “Offer ends in 2 hours and 30 minutes.”

Countdown duration fields for the timer

6. Choose When the Timer Starts

Under Start countdown when, choose when the countdown timer begins:

Customer first visits product page: The timer will start counting down as soon as a customer visits the product page for the first time. This setting is ideal for creating urgency as soon as the customer shows interest.
After customer clips coupon: The timer will only start when the customer clips the coupon. This is useful for situations where you want the countdown to begin only after the customer has engaged with the coupon.

Options for when the countdown timer starts

7. Select Timer Behavior for Multiple Products

If your coupon applies to multiple products, you can choose how the timer behaves:

Start Timer for All Products on First Visit: The timer will begin for all products associated with the coupon as soon as a customer visits any one of those products. This setting is useful for site-wide or collection-specific promotions.
Start Timer Individually for Each Product: The timer will only start for the specific product being viewed by the customer. This setting allows for more flexibility and control over individual product promotions.

Options for how the countdown applies to multiple products

8. Set a Specific Date Range (Optional)

If you’d like the countdown timer to follow your coupon’s start and end dates, first set the start and end dates in the coupon's Schedule (Coupon info step).
Then, go to Coupon design → Countdown timer → Date range

The timer will automatically adjust to match your coupon’s date range.

You can read more about it in this article: How to Set a Countdown Timer for a Specific Date Range

Countdown timer set to follow the coupon's date range

9. Set as Daily Recurring (Optional)

If you’d like to set the countdown timer to run on a daily recurring schedule, follow these steps:

Go to Coupon Design → Countdown Timer → Daily Recurring.
Once configured, the timer will automatically activate at the time you choose each day.

You can read more about it in this article: How to Set a Daily Recurring Countdown Timer

Daily recurring countdown timer settings

10. Customize Your Coupon

Test the different timer designs we offer and choose one that suits your branding.

Countdown timer design options for the coupon

Coupon preview with the countdown timer design applied

11. Preview and Save Your Changes

After customizing the timer, check the Preview section in the sidebar to see how it will look on the product page.
Once you’re satisfied with the setup, click Save to apply the changes to your coupon.

12. Test the Coupon Timer

Visit your store’s product page where the coupon is displayed and ensure the countdown timer is visible and functioning as expected.
Check that the timer accurately reflects the time remaining until the coupon expires.

Product page showing the coupon with its countdown timer

Additional Tips

Create urgency: Use phrases like “Offer expires soon!” to encourage quicker purchases.

Match your branding: Adjust timer colors, fonts, and styles for a consistent look.