How to Add Upsells to Your Shopify Cart Drawer (Step by Step)

Quick answer: The fastest way to add upsells to your Shopify cart drawer is with a cart drawer app. Install Oxify Cart Drawer & Post Purchase, open the Cart Editor, click Upsells, and enable it. Pick a recommendation mode (AI, Complementary, or Manual), choose a template, and upsell products appear in your cart drawer instantly. No theme code. Five minutes, start to finish.

You can also do it with theme code or a generic upsell app, but both routes are slower and riskier. I will compare all three methods first, then walk you through the exact setup, screen by screen, from a real store dashboard.

The 3 Ways to Add Cart Drawer Upsells (Compared)

Most guides only show you one method, usually the one that sells their tool. Here is the honest picture:

Method	Setup time	Code needed	Risk	Best for
Theme code (no app)	1 to 3 hours	Yes, Liquid + JSON	Breaks on theme updates	Developers
Generic upsell app	30 to 60 min	Yes, code injection into your theme’s cart file	Theme conflicts	Stores keeping their theme cart
Cart drawer app	5 min	None	None, installs as theme extension	Everyone else

Method 1, theme code: You edit settings_schema.json and cart-drawer.liquid to hard-code one upsell product into the drawer. It works, but you get a single static product, no AI, no analytics, and the whole thing can break when your theme updates. I cover this in more detail below.

Method 2, generic upsell app: Apps built for checkout or product page upsells can sometimes reach the cart drawer, but only by injecting code. The typical process: download a theme backup, open browser dev tools, hunt for the HTML class that controls your drawer, paste code into the theme file, then patch the alignment with custom CSS. If reading that made you tired, that is the point.

Method 3, cart drawer app: The app replaces your theme’s cart drawer with its own, with upsells built in as a toggle. This is the method the rest of this guide covers, because it is the only one that takes minutes instead of hours.

What Is a Cart Drawer Upsell (and Why It Works)

A cart drawer upsell is a product suggestion shown inside the sliding cart panel, right before checkout.

Think of the candy rack at a grocery checkout. The shopper already decided to buy. You show one more small thing that fits.

Why this exact spot beats every other upsell placement:

• Intent is at its peak. The shopper just added something to the cart. They are buying.
• Zero friction. The drawer opens on the same page. No redirect, no popup, no broken flow.
• One tap to add. If the upsell has variants, a small bottom sheet slides up so the shopper picks a size or color without losing their cart.

The money is real. One Oxify merchant generated $16,438 in cart drawer revenue in 30 days from in-cart upsells alone. We published the full breakdown in our guide to in-cart recommendations on Shopify.

What You Need

• A Shopify store, any plan. Basic works.
• A cart drawer app that supports upsells.

Shopify themes do not include cart drawer upsells natively. Even Dawn’s built-in drawer only lists cart items. For upsells, you either write code or install an app.

For this tutorial I am using Oxify Cart Drawer & Post Purchase. It is rated 5.0 stars on the Shopify App Store, carries the Built for Shopify badge (meaning it passed Shopify’s performance and quality standards), and includes AI upsells on every plan. Still comparing apps? Our best Shopify cart drawer apps roundup covers 12 options honestly, including where competitors win.

Step 1: Install the App

Open the Oxify Cart Drawer & Post Purchase listing and click Install. There is a free trial, so you can test everything before paying. Plans scale with your order volume; full details are on the pricing page.

The app installs as a Shopify theme extension, which matters for three reasons:

• No code is injected into your theme files
• Uninstalling leaves zero leftover code
• Store speed stays protected (a Built for Shopify requirement)

The app’s drawer replaces your theme’s default cart. Match it to your brand under the Design tab: colors, fonts, corner radius, all of it.

Step 2: Open the Cart Editor

From the app dashboard, open the Cart Editor.

The left menu lists every block your cart drawer can show: Cart Templates, Design, Cart Items, Volume Discount, Announcements, Rewards, Upsells, Upsells with Discount, Add Ons, Discount Codes, Trust Badges, and more.

Each block has a small eye icon. Open eye means the block is live in your cart. Crossed eye means hidden. One glance tells you exactly what your customers see.

Step 3: Click Upsells and Enable It

Click Upsells in the left menu.

At the top of the panel, check the status bar. When it shows Upsells Active: On with a green badge, you are live. If it is off, one click enables it.

Technically, you are done. Upsells now appear in your cart drawer with default settings. But defaults leave money on the table. The next three steps are where the conversion gains live.

Step 4: Pick Your Recommendation Algorithm

This setting controls which products appear as upsells. Three modes under Upsell Recommendation Settings:

Related (Using A.I.) The AI reads what is in the cart and picks related products from your catalog in real time. This is the default. It updates itself as your catalog changes, so there is nothing to maintain.

Complementary Shows natural partners: a case with a phone, laces with sneakers, a filter with a coffee machine. Best for stores where products have obvious pairings.

Manual You assign exact upsells per product. Use this when you have a deliberate funnel, like always pushing your highest-margin item.

My honest advice: start with AI. Manual picks stay frozen while the AI adapts to every cart in real time. In Oxify’s own merchant benchmark data, in-cart upsells drove a 190 percent revenue lift once enabled, and the stores behind that number run the AI mode. Switch to Manual only after your own sales data proves a specific pairing performs better.

Step 5: Choose a Template

Click View Templates to control how upsells look. The selected template shows right next to the button. My store runs Grid Slider, which displays upsells in a swipeable row.

Quick rules:

• Slider layout for 3 or more upsell products
• Single card for one strong offer
• Always check the mobile preview first. Most Shopify shoppers buy on their phones, where the drawer takes the full screen.

Step 6: Customize the Upsell Text

Scroll to Upsell Text Settings. Five fields control every word the shopper sees:

• Add Upsell Button Text. The button on each card. Default “ADD”. Keep it short.
• Choose Options Button Text. Appears when the upsell has variants. Default “Choose”.
• Bottom Sheet Button Text. The confirm button inside the variant picker sheet. Default “ADD TO CART”.
• Save Text. Shows the discount per card. Type “Save {{amount}}” and the real savings number fills in automatically.
• Upsell Title. The heading above the block. Default “You may also like”. You can bold it or recolor it. “Complete your order” and “Goes great with this” both test well.

Selling in multiple languages? Every field has an Add translations link that works with Shopify Markets. No separate translation app.

Step 7: Preview Your Store

Open your storefront, add a product to the cart, and watch the drawer slide out. Upsells appear under the cart items with one-tap add buttons.

The full path, one more time:

1. Install Oxify Cart Drawer & Post Purchase
2. Open the Cart Editor
3. Click Upsells and enable it
4. Pick your Recommendation Algorithm
5. Choose a template
6. Customize the text
7. Preview

Can You Add Cart Drawer Upsells Without an App?

Yes, if you can write Liquid. The short version:

• Add an “Upsell Settings” block to your theme’s settings_schema.json so you can pick the upsell product from the theme customizer
• Edit snippets/cart-drawer.liquid and insert display code above the drawer footer
• Style it with CSS to match your theme

Before you go this route, know the tradeoffs:

• You get one static product for everyone, no AI, no per-cart relevance
• No analytics, so you will never know what it earns
• A theme update can wipe or break your code
• No discount logic, no variant bottom sheet, no translations

For a developer testing an idea, fine. For a store that wants upsells to actually move AOV, the app route wins on every measure except pride. If you only need the basics and zero budget, that code method exists. Everyone else should spend the five minutes instead of the three hours.

Upsells Not Showing? Fix These 4 Things

This is the part most tutorials skip. If you enabled upsells and see nothing in your drawer, check these in order:

1. Your theme cart is set to Page, not Drawer. Go to your theme customizer, find the cart setting, and switch the cart type to Drawer. If the theme opens a full cart page, the drawer never fires.
2. The Upsells block is hidden. Back in the Cart Editor, check the eye icon next to Upsells. Crossed eye means hidden, even if upsells are technically active.
3. The AI has nothing to recommend. If the cart item has no related products in your catalog yet (common on brand-new stores with few products), switch to Manual mode and assign upsells directly.
4. An old cart app is conflicting. If you previously used another cart or upsell app, uninstall it fully. Two apps fighting over the same drawer is the most common conflict we see in support.

Still stuck? The Oxify support team handles setup over chat and will configure it with you.

4 Tips That Decide How Much Your Upsells Earn

1. Show 2 to 3 products, never more. This is the golden rule from our own merchant data: too many suggestions trigger decision paralysis, and shoppers scroll past all of them. Keep the upsell row tight.

2. Attach a discount. “Add this” is fine. “Add this and save 20%” converts harder. In Oxify this is the Upsells with Discount block, directly under Upsells in the same menu. The Save {{amount}} text displays the exact savings per card.

3. Price upsells below the cart item. A $15 add-on next to a $60 cart feels like an easy yes. A $90 add-on feels like a second decision. Keep upsells around 25 to 50 percent of the cart value.

4. Keep checkout visible. Never let the upsell block push the checkout button below the fold. If a shopper has to scroll past suggestions to find checkout, you risk the whole order, not just the upsell.

For the full playbook beyond the cart, from product page upsells to post-purchase offers that appear after payment, see our cart upsell strategy guide.

How to Know It Is Working

Track two numbers:

• Upsell revenue. Oxify’s analytics show revenue per offer, so you can see which products earn their spot and swap the ones that do not. Review weekly.
• Average order value. Compare AOV in Shopify analytics before and after enabling upsells. This is the number upsells exist to move.

In our cart drawer vs cart page comparison, merchant data showed consistent daily upsell revenue rather than one-time spikes. Set it up once and it earns on autopilot.

FAQ

Start Showing Upsells Today

Cart drawer upsells are the fastest AOV win on a Shopify store. The shopper already decided to buy. You are just showing one more thing that fits.

Install Oxify Cart Drawer & Post Purchase, open the Cart Editor, click Upsells, and enable it. Five minutes from now, your cart will be selling for you.