Shopify cart drawer upsells are one of the fastest ways to increase average order value without sending shoppers away from the page they are on. If you show the right add-on, bundle, or threshold incentive at the moment someone reviews their basket, you can often lift revenue from existing traffic with very little friction.
In my experience building Shopify apps and working with merchants on upsell flows, the cart drawer is a high-intent placement because the customer has already taken action. They are not browsing casually any more. They are checking what they are about to buy, which makes it the ideal moment to suggest a relevant extra product, a free shipping threshold, or a simple one-click add-on.
Recent data backs that up. Across 312 Shopify Plus brands, cart drawer upsells contributed to an average 17% AOV increase, and app review case studies often claim 25% to 40% lifts when offers are relevant and easy to accept. Those numbers are not guaranteed, of course, but they match what I have seen in practice when merchants keep the experience simple.
In this guide, I will show you how to create Shopify cart drawer upsells that boost AOV, when to use apps versus custom code, what to include in the drawer, and how to avoid the UX mistakes that quietly hurt conversion.
What are Shopify cart drawer upsells?
Shopify cart drawer upsells are product recommendations, add-ons, or incentives shown inside a slide-out cart rather than on a separate cart page. They help increase basket value while keeping shoppers in the current browsing flow.
A cart drawer usually appears from the side of the screen after a shopper adds an item to cart or taps the basket icon. Instead of redirecting to a new page, the store opens a compact panel showing the cart contents, subtotal, and checkout button. That space is perfect for cross-sells, frequently bought together suggestions, free gift thresholds, and shipping protection or gift wrap add-ons.
On mobile, this matters even more. A well-built drawer reduces extra page loads and keeps the path to checkout short. In my own testing, merchants often get better engagement from drawer-based upsells than full cart page promos simply because the offer appears sooner and feels more integrated.
Why do cart drawer upsells work so well?
Cart drawer upsells work well because they appear at a high-intent moment when the customer is already committed enough to review their basket. They can raise AOV without adding the friction of a separate upsell page.
The psychology is straightforward. The shopper has already decided to buy something, so the next small decision feels easier than the first one. If you offer a compatible accessory, a useful upgrade, or a clear reward such as "Spend £10 more for free shipping", the value feels immediate.
They also preserve momentum. One of the biggest mistakes I see on Shopify stores is interrupting the path to checkout with too many redirects, popups, or aggressive offers. A drawer upsell can be subtle, contextual, and one-click, which is why it tends to convert better than clunky mid-funnel promotions.
If you want a broader look at upsell strategy beyond the cart drawer, I have covered that in How to upsell on Shopify in 2026 and How to Upsell on Your Shopify Store: 6 Methods.
What types of offers should you show in a Shopify cart drawer?
The best cart drawer offers are simple, relevant, and low-friction. Accessories, bundles, threshold incentives, and small service add-ons usually perform better than expensive or complex products.
In my experience, the drawer is not the place for a hard sell. It is better suited to quick yes-or-no decisions. A customer adding a camera might accept an SD card or case. A customer buying skincare might add a travel-size cleanser. A customer buying a gift may tick gift wrap or priority processing.
Best-performing cart drawer upsell types
The strongest performers are usually complementary products and threshold incentives. They are easy to understand in seconds and do not disrupt checkout intent.
- Frequently bought together bundles
- Complementary accessories matched to the item in cart
- Free shipping progress bars with a clear spend target
- Free gift thresholds such as spend £50, get a free sample
- Gift wrap, shipping protection, monogramming, or other add-ons
- Volume discounts for replenishable products
- Low-cost impulse items near the checkout button
For stores that sell configurable extras, you may also find this useful: How to Display Customizable Add-Ons & Upsells on Shopify.
What is the best way to create cart drawer upsells in Shopify?
The best way depends on your store size, technical confidence, and how much control you need. Most merchants should start with an app for speed, while developers or larger brands may prefer custom theme work for tighter control.
As a rule, I recommend apps when you want to launch quickly, test multiple ideas, and track performance without touching Liquid. I recommend custom code when your theme is heavily customised, your upsell logic is unique, or you want to avoid another app dependency.
| Method | Best for | Pros | Cons |
|---|---|---|---|
| App-based setup | Most Shopify merchants | Fast setup, analytics, AI recommendations, no code | Monthly cost, possible app bloat, less granular control |
| Custom theme code | Developers and advanced stores | Full control, no extra app fee, tailored UX | Takes longer, harder to maintain, fewer built-in reports |
| Hybrid approach | Growing brands | Use app speed with some theme customisation | Can become messy if not documented well |
How do I add cart drawer upsells with a Shopify app?
Using an app is the quickest way to add cart drawer upsells in Shopify. Most apps support Online Store 2.0 themes, one-click add to cart, progress bars, and recommendation rules without custom development.
This is the route I would suggest for most merchants because it gets you live quickly and gives you room to test. The best apps also handle mobile responsiveness, styling controls, analytics, and compatibility issues that would otherwise eat up development time.
Step 1: Choose an app that supports cart drawer upsells
Pick an app based on the exact features you need, not just star rating. A fashion store may need matching accessories, while a supplement store may care more about quantity breaks and subscription-friendly add-ons.
| App | Best for | Key features | Pricing note |
|---|---|---|---|
| SellUp | Simple upsell flows | Product upsells by category, lightweight setup | Easy starting point for straightforward offers |
| iCart | Feature-rich cart upsells | AI upsells, bundles, progress bars, drawer widgets | Free plan available |
| Kaching | Urgency and incentive-led drawers | Timers, free gift bars, payment icons, sliders | Useful for promotional stores |
| UpCart | Highly branded slide cart design | Custom templates, rewards modules, AI recommendations | 4.6/5 from 700+ reviews in research data |
If you want a wider shortlist, I have a separate roundup here: 12 Best Upsell Apps for Your Shopify Store in 2026.
Step 2: Enable the cart drawer or slide cart
Most apps need to be enabled in the theme customiser or app embeds area. This is usually a quick toggle, but it is worth checking on both desktop and mobile before going live.
- Install the app from the Shopify App Store.
- Open Online Store > Themes > Customise.
- Turn on the app embed or app block required for the drawer.
- Confirm the app is loading in your active theme, not an unpublished one.
- Test add-to-cart behaviour on product pages and collection pages.
Some apps replace the native theme drawer entirely, while others insert blocks inside it. In my experience, this is where theme conflicts show up first, especially on heavily customised Dawn-based themes or older themes with custom JavaScript.
Step 3: Add your first upsell offer
Start with one high-relevance offer, not five. A single well-matched recommendation almost always beats a cluttered drawer full of random products.
Good first tests include a matching accessory, a protection add-on, or a free shipping threshold. For example, if someone adds a teapot, offer a tea tray or infuser. If someone adds trainers, offer cleaning spray or spare laces. In one of the examples from the research set, a simple product-type trigger increased AOV by $1.30 per order.
- Set triggers by product, collection, cart value, or product type
- Show only offers that are in stock
- Use one-click add where possible
- Keep copy short, such as "Add matching case" or "Spend £8 more for free shipping"
Step 4: Customise the design to match your theme
Your upsell drawer should look native to the store. If it feels bolted on, trust drops and click-through usually drops with it.
I always recommend matching typography, button styles, spacing, and badge colours to the theme. Keep the card compact. Shoppers should still be able to review their cart and reach checkout easily. The upsell should support the journey, not dominate it.
Step 5: Track performance and iterate
You should track views, accept rate, revenue per session, and checkout conversion after enabling drawer upsells. AOV alone is not enough if the drawer hurts your conversion rate.
In my experience, the best optimisation loop is simple: launch one offer, measure for 7 to 14 days, replace weak performers, and keep the highest-converting logic. If an upsell gets impressions but no clicks, it is usually a relevance or pricing problem, not a design problem.
How do I create Shopify cart drawer upsells without an app?
You can create cart drawer upsells without an app by editing your theme code. This gives you full control, but it takes more work and you will need to handle logic, styling, and testing yourself.
I usually only recommend this approach if you are comfortable with Liquid, theme architecture, and JavaScript events in Shopify themes. It is perfectly viable, especially for stores that want a leaner stack, but you need to plan for maintenance whenever the theme changes.
Where should you add the code?
Most themes store the drawer in a snippet or section such as cart-drawer.liquid. Dawn and many Online Store 2.0 themes use a section-based structure, but naming varies.
- Duplicate your live theme first.
- Go to Online Store > Themes > Edit code.
- Find the cart drawer file, often
sections/cart-drawer.liquidorsnippets/cart-drawer.liquid. - Locate the area above the footer or checkout button.
- Insert your upsell block there so it appears after cart items but before checkout.
Basic Liquid example for a single-product cart drawer upsell
A simple Liquid conditional can show one upsell product if it is not already in the cart. This is the easiest custom implementation and still works well for many stores.
{% assign cart_contains_upsell = false %}
{% for item in cart.items %}
{% if item.product.handle == settings.upsell_product_handle %}
{% assign cart_contains_upsell = true %}
{% endif %}
{% endfor %}
{% unless cart_contains_upsell %}
{% assign upsell_product = all_products[settings.upsell_product_handle] %}
{% if upsell_product and upsell_product.available %}
<div class="drawer-upsell">
<h3>{{ settings.upsell_title }}</h3>
<a href="{{ upsell_product.url }}">{{ upsell_product.title }}</a>
<p>{{ upsell_product.price | money }}</p>
<form method="post" action="/cart/add">
<input type="hidden" name="id" value="{{ upsell_product.selected_or_first_available_variant.id }}">
<button type="submit">Add to cart</button>
</form>
</div>
{% endif %}
{% endunless %}This is still a basic example. In production, I would normally add better variant handling, AJAX add-to-cart support, responsive styling, and event hooks so the drawer updates without a full page reload.
Can you use Shopify product recommendations in the cart drawer?
Yes, but it usually requires a bit more custom work. Shopify product recommendations are useful if you want dynamic suggestions rather than a single fixed upsell product.
You can use Shopify's recommendation logic or app proxy endpoints to fetch related products and render them in the drawer. That approach is more scalable than a hard-coded item, especially for larger catalogues, but it needs more front-end work and careful loading so you do not slow down the drawer.
If you are already experimenting with AI-led recommendations, these may help: AI-powered upsells: the future of ecommerce conversion and How to upsell on Shopify leveraging AI.
What are the best practices for cart drawer upsells that actually boost AOV?
The best cart drawer upsells are relevant, limited in number, and easy to accept or decline. Good UX matters as much as the actual product being offered.
When I audit underperforming Shopify upsell setups, the problem is rarely that the merchant chose the wrong app. It is usually that the offer is too generic, too aggressive, or too visually noisy. The cart drawer should feel like a helpful suggestion, not a last-minute obstacle.
- Show one or two offers maximum in most cases
- Match the offer to cart context by product, collection, tag, or price band
- Keep copy benefit-led, such as saving time, protecting the item, or unlocking free shipping
- Use one-click add instead of forcing the customer to visit another page
- Make decline easy with a clear no-thanks path
- Do not bury the checkout button below oversized widgets
- Optimise for mobile first because many drawer interactions happen on smaller screens
- Track conversion rate alongside AOV so you do not optimise the wrong metric
What common mistakes should you avoid?
The biggest mistakes are irrelevance, clutter, and slowing down checkout. A cart drawer upsell should increase confidence and basket value, not create hesitation.
I have seen stores add countdown timers, trust badges, free gift bars, and three product sliders all at once. That can look impressive in a demo, but it often hurts real shoppers. If the drawer becomes a mini landing page, it stops doing its main job.
| Mistake | Why it hurts | Better approach |
|---|---|---|
| Too many offers | Creates decision fatigue | Start with one focused offer |
| Unrelated products | Feels spammy and lowers trust | Use contextual recommendations |
| Large widgets above checkout | Makes checkout harder to reach | Keep the drawer compact and scannable |
| No mobile testing | Breaks layout and hurts conversion | Test on iPhone and Android before launch |
| Measuring only AOV | Can hide conversion drops | Track AOV, CVR, and revenue per visitor |
How should you measure cart drawer upsell performance?
The most useful metrics are upsell view rate, acceptance rate, AOV, checkout conversion, and revenue per visitor. Looking at only one metric can lead you to the wrong conclusion.
For example, if AOV rises but checkout conversion falls, the drawer may be too distracting. If view rate is high but take-up is low, the offer probably lacks relevance. If acceptance is good but revenue barely moves, the add-on may be too cheap to matter.
My preferred baseline metrics are:
- Upsell impressions
- Upsell add-to-cart rate
- Average order value
- Checkout conversion rate
- Revenue per session
- Mobile versus desktop performance
Run tests for at least one to two weeks if traffic allows, and avoid changing multiple variables at the same time. That is the simplest way to learn what actually moved the result.
Which stores benefit most from cart drawer upsells?
Cart drawer upsells work best for stores with natural add-ons, repeat purchase products, or clear basket-building opportunities. They are especially effective for DTC brands with strong accessory logic.
Some of the best fits include beauty, fashion, electronics, homeware, pet products, gifts, and food brands. Jewellery stores can also do very well with matching chains, cleaning kits, gift packaging, or care plans. If that is your niche, I covered more ideas in How Best to Upsell Jewelry on Your Shopify Store: 4 Methods for 2026.
They are less effective when the main product is highly considered, very expensive, or needs a lot of explanation. In those cases, product page upsells or post-purchase offers may be a better fit than the cart drawer.
Should you use a cart drawer upsell, cart page upsell, or post-purchase upsell?
The best placement depends on how complex the offer is. Cart drawer upsells are best for simple add-ons, cart page upsells suit more visible promotions, and post-purchase upsells work well for one-click follow-up offers.
| Placement | Best for | Main advantage |
|---|---|---|
| Cart drawer | Accessories, free shipping thresholds, quick add-ons | Low friction and appears early |
| Cart page | Larger bundles, more visual promotions | More space for explanation |
| Post-purchase | One-click follow-up offers after payment | No risk of blocking checkout |
If you want to compare these more closely, see How to Create Cart Upsells in Shopify: 2 Methods That Actually Work in 2026 and Boost Your Shopify Store's Revenue with One Check Upsells in 2026.
My recommended setup for most Shopify stores
If you want the simplest path to results, start with one app-powered drawer upsell, one threshold incentive, and clear analytics. That setup is usually enough to learn quickly without overcomplicating the cart.
If I were setting this up for a typical Shopify merchant today, I would do the following:
- Enable a slide cart or native cart drawer.
- Add one complementary product recommendation tied to the main item or collection.
- Add a free shipping or free gift progress bar.
- Keep the design aligned with the theme.
- Measure results for 14 days.
- Replace weak offers and keep the strongest one.
That is not the flashiest setup, but in my experience building Shopify apps, it is the one most likely to improve AOV without creating support headaches or hurting conversion.
Is creating Shopify cart drawer upsells worth it?
Yes, for most Shopify stores, cart drawer upsells are worth implementing because they are relatively easy to launch and can produce meaningful AOV gains from existing traffic. They are one of the few conversion tactics that can be both low-friction and high-impact when done properly.
The key is restraint. Keep offers relevant, make them easy to accept, and never let the drawer get in the way of checkout. Whether you use an app like SellUp or build the logic yourself, the principle is the same: show the right extra product at the right moment.
If you get that part right, the cart drawer can become one of the most profitable areas of your Shopify store.
