Cart Countdown

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.

Color

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

    • How to set up Sticky Button & Cart Drawer? (version2)

      STICKY BUTTON SETTINGS 1. Visibility 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 ...
    • Sticky Cart Version 1.0 vs Version 2.0 - What Makes Version 2.0 Different?

      What’s new in Sticky Cart 2.0? New Interface Be designed based on the Shopify Interface that helps to create a consistent user experience for merchants Up to 15 new features Updated more advanced features to help sellers create high converting stores ...
    • 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 find the CSS selector of your theme's cart icon?

      To integrate the cart drawer of Sticky Cart app with your theme's cart icon, you need to add the CSS selector of your theme's cart icon into our app settings. Here are the steps to find the CSS selector of your theme's cart icon. Step 1: Open your ...