Cart Countdown

Note: Cart Countdown only works with themes which have AJAX cart (stay on current page after adding to cart). This app does not work if theme automatically redirects to cart page after adding products to cart.

1. Countdown settings

Countdown Time

To adjust countdown time, type the time in the 'Set countdown time' box (time in minutes)
You can choose to reset countdown time whenever customers add a new product to cart. Note that this feature does not work if customers are directed to cart page after adding to cart.

Expiration Action

After countdown time runs out, you can choose what to do after cart expires:
  1. Clear cart: Clear all products in cart and leave cart empty
  2. Reset time: Reset the countdown timer. Products stay remain in cart.
  3. Do nothing: Countdown stops at 00:00. Products stay remain in cart.

2. Notification Bar

Turn on 'Enable Notification Bar on Cart page' to display notification bar. Note that it is only visible on Cart page.

Bar message
To edit countdown message and expiration message, type in the boxes below.


To change bar background and message color, choose from the color palette or insert color code.

Show on mobile

To show notification bar on mobile, turn on 'Enable notification bar on mobile'.

3. Alert Box

Turn on 'Enable Alert Box'' to show alert box on all pages of your store.

Reminder time

This section allows to set when to remind customers of their cart expiration.
When countdown timer reaches this time, the alert box will expand to announce the time left until their cart is abandoned.

Edit message

You can edit countdown message, reminder message and expiration message in the section below 'Reminder time'.

Add and customize button

You can add button to alert box by enabling 'Show call-to-action button' and direct customers to Checkout page or Cart page by choosing from 'Button Action', and customize button text.

Customize box position and color

You can customize alert box position, message text color and box color to grab customer attention and motivate them to check out.

    • Related Articles

    • Sticky Cart Button

      Enable on desktop: allow your sticky button to appear on desktop version.  Enable on mobile: allow your sticky button to appear on mobile version. "Enable on mobile"  works on screen width that is below 992 pixels SETTINGS  Button action Set the ...
    • Integrate with theme's Cart using CSS selector

      Usually, "Add to cart" button on Quick View is separate with your theme's cart. To integrate with your cart, you need to find the CSS selector of your cart and paste to Quick View > Customize > Extras. Then it'll be possible to update the cart count ...
    • How to uninstall Sticky Cart completely

      When installing, Sticky Cart adds a script directly to your published theme to make it load faster. When uninstalling on Apps page, that script still remains in your theme. Follow these steps to uninstall Sticky Cart completely: Step 1. Uninstall in ...
    • How to optimize impressions?

      Sale Kit's pricing plan is based on the number of impressions you have, so it's necessary to learn about this number. What is an Impression? An impression is a single time an app is triggered (or is viewed) for more than one second on a page. For ...
    • Extra Features

      CSS Selector of your cart A CSS selector is the part of the code that identifies what part of the web page should be styled. In Quickview, it is used to integrate with your theme cart. Follow this instruction to know how to find the css selector of ...