Why use the urgency timer feature?
A countdown timer on a sticky add-to-cart bar is highly effective at boosting conversions and reducing cart abandonment by creating a sense of urgency and scarcity. This approach nudges customers to "Buy Now" instead of "Buy Later," increasing sales and driving more clicks.
Here's why it's effective:
⏰ Urgency and Scarcity
The ticking timer creates a psychological effect that makes customers feel like they need to act quickly before the opportunity expires
🏆 Improved Conversion Rates:
Studies show that countdown timers can significantly increase sales, especially during promotions and flash sales
🤑 Reduced Cart Abandonment:
Reminding shoppers about the deal's expiration on their cart pages encourages them to complete their purchases before the timer runs out
In summary, the combination of a sticky add-to-cart bar and a countdown timer creates a powerful call-to-action that drives sales and minimizes cart abandonment by making the purchase process easier and more appealing to customers!
Here's how to set up and use the countdown timer feature on your sticky add to cart bar:
Step 1: Enable the Countdown
Navigate to the Countdown Timer section on your Sticky Add to Cart Bar configuration page
Check the box labeled Enable Countdown
Step 2: Set the Countdown Duration
Input how long you want the countdown to last:
Days – Optional
Hours – Optional (e.g., 23)
Minutes – Optional (e.g., 13)
Seconds – Optional (e.g., 30)
Click the respective buttons (e.g., Days, Hours) to confirm values
Step 3: Add Custom Countdown Text
In the Countdown Text field, type the message you want users to see
Example: Buy now - sale ends soon!
Step 4: Customize Time Abbreviations
Customize how time units appear:
Days: d
Hours: h
Minutes: m
Seconds: s
Leave these as-is if you're fine with standard abbreviations, or change them any way you see fit! (ie, use the words “days”, “hours”, “minutes”, “seconds” if you prefer – just remember that this lengthens the entire urgency message)
Step 5: Style Your Countdown
You can set colors using both RGBA and Hex formats, as shown in the UI.
Example settings:
Background Color:
rgba(121, 70, 121, 0.96) or #794679
Text Color:
rgba(255, 255, 255, 1) or #FFFFFF
Timer Color (Digits):
rgba(252, 5, 5, 1) or #FC0505
Step 6: Adjust Font Sizes
Use the sliders to fine-tune how large the countdown looks:
Countdown Text Size – Adjust the message text size
Countdown Duration Size – Adjust the number (timer) size
Step 7: Preview
Click Desktop Preview or Mobile Preview to see how it looks on different devices
Adjust settings as needed to perfect the look
Step 8: Save & Launch
After confirming the design and setup, ensure all changes are saved
Your countdown timer is now live and will appear on the product page