Shopify Cart Drawer: What to Put in a Slide Cart to Raise Order Value

The cart is the one screen every buyer sees, and on most Shopify themes it is the least designed. A cart drawer, also called a slide cart, keeps the shopper on the page they were browsing and turns that moment into the best place on the store to raise order value. This guide covers what belongs in the drawer, what does not, and the rules that apply to it in the United States and Europe.

Cart drawer or cart page?

Use a drawer. A cart page is a detour: the shopper leaves the product, lands on a page with one job, and has to find their way back to keep shopping. A drawer opens over the page the moment a product is added, shows the running total, and closes again. The shopper who wanted to check out still can; the shopper who was still browsing has not been moved.

Keep the cart page working as a fallback. Some shoppers arrive there from saved links and emails.

What should a cart drawer contain?

In order of how much they usually matter:

• A rewards bar. A progress bar that says exactly how much more earns free shipping, a discount or a gift. It works because it gives the shopper a reason of their own to add one more item.
• In-cart upsells. One or two products that go with what is already in the cart, added with a single tap.
• Opt-in add-ons. Gift wrap, package protection, a care kit.
• A discount code field and an order note, where shoppers expect them, so nobody leaves the cart to look for them.
• A clear total and one checkout button. Everything above exists to serve this.

Where should the free-shipping threshold sit?

Above your typical order, within reach of one more item. A common starting point is 10 to 30 percent above your median order value. Set it at or below the median and you give away shipping on orders you would have had anyway; set it far above and the bar reads as a wall, not a nudge.

Tiered rewards work better than a single threshold once you have the volume: free shipping first, then a small discount, then a gift. Each tier restarts the same motivation. Test thresholds rather than guessing, and judge them on profit per order, not order value alone, since the reward has a cost.

Which upsells work in the cart?

Complements, not alternatives. The cart is the wrong place to make someone reconsider the product they just chose. Offer the thing that completes it: the refill, the case, the matching item. Two rules of thumb hold up well:

• Keep the upsell cheaper than the cheapest item already in the cart.
• Offer one or two. A carousel of eight is a second catalogue, and it slows the decision you want them to make.

Add-ons must be opt-in

Never pre-tick a paid extra. In the European Union the Consumer Rights Directive bans pre-ticked boxes for additional payments outright, the United Kingdom has the same rule, and in the United States the FTC treats charges a customer did not knowingly agree to as a deceptive practice. Beyond the law, a pre-checked protection fee is the fastest way to earn a chargeback and a one-star review. Show the price first and let the shopper tick the box.

The price in the drawer must be the price at checkout

This is where cart apps most often fail. If the drawer shows a discounted total that checkout does not honour, the shopper sees the price go up at the last step and leaves.

On Shopify, the reliable way to discount is a Shopify Function: code that runs inside Shopify's own checkout and applies the discount there. Shopify Scripts, the older method, is being retired in favour of Functions. A drawer whose discounts are applied by a Function shows the same number checkout charges, because the same logic produced both.

Marka Cart Drawer works this way: rewards, free gifts, cart-only deals and bundles are applied at checkout by a Shopify discount function, and a built-in Discount Explainer shows why any cart got its total.

Personalised offers need a notice

If an offer changes the price for some shoppers and not others based on data about them, two disclosure rules apply. The EU Omnibus Directive requires telling the shopper that the price was personalised by automated decision-making. New York's Algorithmic Pricing Disclosure Act, in force since 2025, requires a prominent notice next to a price set by an algorithm using personal data. Targeting by cart contents alone is not personalised pricing; targeting by who the customer is can be.

Keep it fast

The drawer loads on every page, so its weight is paid by every visitor. Check that it does not delay the first paint, and that removing the app also removes its code from the theme. An app added through a theme app embed can be switched off cleanly; one that edited theme files often leaves script behind.

A short checklist

1. Replace the cart page detour with a drawer; keep the page as a fallback.
2. Add a rewards bar with a threshold just above your median order.
3. Offer one or two complements, cheaper than what is in the cart.
4. Make every paid add-on opt-in.
5. Confirm on a test order that the drawer total equals the checkout total.
6. Add the required notice if any price is personalised.

Marka Cart Drawer covers each of these and has a free plan. For offers on the product page rather than in the cart, see our guide to Shopify bundles.