Open on Add to Cart

Control whether the cart drawer opens automatically when a customer adds an item to their cart.

Overview

The Open on Add to Cart setting controls whether the Upcart drawer opens automatically every time a customer clicks “Add to Cart” on your store.

Where to find it

Go to: Cart Editor > Settings > Cart Settings Look for the toggle labeled “Open cart drawer on add to cart.”

Default behavior

This setting is enabled by default. When enabled, the cart drawer slides open immediately whenever a customer adds a product to their cart.

Enabled (Default)

• The cart drawer opens automatically on every “Add to Cart” action.
• Customers immediately see what’s in their cart, including any upsells or rewards.
• Recommended for most stores.

Disabled

• The cart drawer does not open automatically when items are added.
• Customers must manually click the cart icon to open the drawer.
• Use this if your theme already shows an add-to-cart confirmation and you don’t want the drawer competing with it.

Opening the cart programmatically

If you disable this setting but still want the cart to open under specific conditions, you can trigger it when an item is added using the public API:

<script>
  window.upcartSubscribeAddedToCart(function(event) {
    window.upcartOpenCart();
  });
</script>

Place this in Cart Editor > Settings > Custom HTML > Scripts (Before Load). This example opens the cart when an item is added. You can swap upcartSubscribeAddedToCart for any other subscribe event depending on when you want the cart to open.

Best practice

Keep this setting enabled for most stores. The cart drawer opening on add to cart is one of the most effective ways to surface upsells, rewards progress, and the checkout button at the moment of highest purchase intent.