Skip to main content

STKY Countdown Timer Urgency Feature

The countdown timer feature adds a top section to your sticky bar, creating a sense of urgency for customers to buy now vs. buying later

Jabir avatar
Written by Jabir
Updated over 2 weeks ago

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

  1. Navigate to the Countdown Timer section on your Sticky Add to Cart Bar configuration page

  1. Check the box labeled Enable Countdown

Step 2: Set the Countdown Duration

  1. Input how long you want the countdown to last:

  1. Days – Optional

  1. Hours – Optional (e.g., 23)

  1. Minutes – Optional (e.g., 13)

  1. Seconds – Optional (e.g., 30)

  1. 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

Did this answer your question?