The cart drawer is the last moment a shopper considers adding something before they commit. Most stores waste it. The drawer slides out, shows the cart total, and the shopper clicks checkout. No suggestion, no nudge, no reason to stay.
Here are five design tweaks that turn your cart drawer into a quiet upsell surface without feeling pushy.
1. Show a Free Shipping Progress Bar Inside the Drawer
If you offer free shipping over a threshold, show a progress bar inside the cart drawer that says “Add $12 more for free shipping.” This is the single most effective cart drawer tweak because it gives the shopper a reason to browse again. They are not adding items because you suggested them. They are adding items because they want free shipping.
Keep the bar visual and the language specific. “You are $12 away” works better than “Add more items to qualify.” The number matters more than the sentence around it.
2. Add a Single Product Recommendation Below the Cart Items
Not a carousel. Not a grid. One product, shown below the cart items with a small “Frequently bought with” label. The product should be low-priced relative to the cart total, ideally under 30% of the current order value. A $8 pair of socks in a $60 cart. A $12 candle in an $80 cart.
The recommendation should have an add button that does not redirect or reload. The item slides into the cart list above. No page change. No friction. The shopper stays in the drawer and keeps moving toward checkout.
3. Show the Savings Total, Not Just the Cart Total
If the cart includes sale items or bundle discounts, show two numbers: the cart total and the savings total. “You are saving $24 on this order.” This does two things: it makes the shopper feel smart about their choices, and it reduces checkout hesitation because the value is already framed.
Show the savings in a smaller, secondary colour below the main total. Not in red. Not with an exclamation mark. Just a quiet line that says: “Subtotal: $84. You saved $24.”
4. Add a Note Field Inside the Drawer
A small “Add a note to your order” field inside the cart drawer gives shoppers a place to put gift messages, delivery instructions, or preferences. This sounds minor, but it reduces checkout abandonment from people who suddenly remember they need to add a gift note and leave to find where to put it.
Keep the field collapsed by default with a “Add order note” toggle. When expanded, it should be a simple text area with no required fields. The note gets attached to the order automatically.
5. Show Trust Signals at the Bottom of the Drawer
Below the checkout button, add a thin row of trust signals: shipping time estimate, return policy summary, and payment icons. Not paragraphs. One line each. “Ships in 1-2 business days. 30-day returns. Secure checkout.”
This is the last thing the shopper reads before they click checkout. It is the equivalent of a flight attendant saying “we will be landing shortly” right before touchdown. It reassures without interrupting.
Want more like this? Join MOKU Club for free. Weekly resources, early access to new guides, and occasional templates you can actually use. Join below.
