Checkout Timer
Add urgency with a countdown timer in your checkout
Create urgency with a countdown timer that encourages customers to complete their purchase.
Why Use This
Increase Conversions
Urgency reduces cart abandonment
Cart Reservation
Show customers their cart is reserved
Limited-Time Offers
Perfect for flash sales and promotions
Fully Customizable
Match your brand with custom text and colors
What Customers See
A banner appears in checkout with your message and a countdown:
Limited Time Offer
Your cart is reserved for 09:59
Interactive demo - countdown timer
When the timer reaches zero, it stops. You can configure what happens next in settings.
Setup
Add to Checkout
In Shopify admin, go to Settings → Checkout → Customize.
Add the Checkout Timer block where you want it to appear.
Configure the Timer
Click on the timer block to open settings:
| Setting | Description |
|---|---|
| Banner Title | Header text (e.g., "Complete your order!") |
| Banner Description | Text before timer (the countdown is appended at the end) |
| Time | Duration in seconds (300 = 5 minutes, 600 = 10 minutes) |
| Attribute | Optional cart attribute - timer only shows if attribute exists (leave blank to always show) |
| Banner Type | Style: info, success, warning, or critical (default: critical) |
Save and Test
Save your changes and test the checkout to see the timer in action.
Timer Styles
Blue banner - neutral, informational tone.
Best for: General cart reservation messages
Yellow banner - draws attention without alarm.
Best for: Limited stock or time-sensitive offers
Red banner - creates strong urgency.
Best for: Flash sales, last-chance offers
Green banner - positive, encouraging tone.
Best for: Free shipping countdown, rewards unlock
Conditional Display
Only show the timer for specific carts:
Set a cart attribute in the timer settings. The timer will only appear when that attribute exists on the cart.
Example use cases:
- Show timer only for sale items
- Show timer only for membership products
- Show timer only during promotions
Leave the attribute field empty to always show the timer.
Troubleshooting
Was this page helpful?