Back to overview

Back to overview

How to add upsells and cross-sells to your Shopify cart drawer

How to add upsells and cross-sells to your Shopify cart drawer

CRO

Try Instant free today

Grow your Shopify store with Instant

No credit card required.

CRO

cart upsells blog

Adding upsells and cross-sells to your Shopify cart drawer is one of the simplest ways to increase average order value (AOV) without changing your ad spend. The cart drawer is the last step before checkout, which makes it the perfect place to remind customers of related products or limited-time offers. Whether you want to showcase product bundles, accessories, or add-on discounts, your cart drawer can do much more than just summarize a purchase.

In this guide, we’ll cover what upsells and cross-sells mean, why they’re effective inside the cart drawer, and how to add them to your Shopify store using Instant Page Builder.

What are upsells and cross-sells in Shopify?

Upsells are product suggestions that encourage customers to upgrade or add more value to what they’re already buying. For example, if someone adds a moisturizer to their cart, an upsell might be a larger size or a premium version of that same product.

Cross-sells, on the other hand, promote complementary items that go well with what’s already in the cart. If the shopper adds a moisturizer, the cross-sell might be a cleanser or serum from the same line. Both tactics work because they feel natural and relevant to the customer’s purchase intent.

Why use your cart drawer for upsells?

Your Shopify cart drawer is one of the most strategic spots to promote related products. It appears when a customer is ready to check out, but before they finalize their purchase. That’s a high-intent moment; they’ve already decided to buy, so small nudges can have a big impact.

Unlike pop-ups or post-purchase offers, the cart drawer doesn’t interrupt the experience. It keeps customers focused and in control. They can review their order, adjust quantities, and add suggested products in a single view. That simplicity often leads to higher conversion rates and a noticeable lift in AOV.

That's why you need a Shopify Cart Drawer app like Instant to create a custom, on-brand slide cart for your own store.

How to add upsells and cross-sells to your Shopify cart drawer using Instant

With Instant Page Builder, you can add upsells and cross-sells directly to your Shopify cart drawer without using multiple apps or writing code. If you haven’t set up your cart drawer yet, follow our Shopify cart drawer setup guide before continuing.

Here’s a quick walkthrough:

  1. Create your cart drawer in Instant: Build a design from scratch, or customize a pre-built cart layout from the template library.

  2. Add a product recommendation block: Add a product or collection block to feature recommended products. You can connect it to a “Frequently Bought Together” collection or a manually curated upsell list in Shopify.

  3. Customize your design: Adjust spacing, text, and button styles to fit your brand. Make sure the section feels visually consistent with your store’s product pages and checkout flow.

  4. Add conversion nudges: Short phrases like “Add this and save 10%” or “Almost sold out” can help drive action without being intrusive.

  5. Preview and publish: Always test your drawer on both desktop and mobile. Once you’re happy with how it looks, publish it directly from Instant to your Shopify theme editor.

Because Instant integrates natively with Shopify, every change updates instantly, and you can tweak offers or test variations anytime.

Best practices for cart drawer upsells

When adding upsells or cross-sells, focus on products that make sense for your customer’s purchase. Relevance builds trust and increases the chance of conversion.

Keep your cart drawer clean and easy to scan. Limit the number of recommended products to avoid visual clutter. Two to three upsell options are usually enough.

Also, don’t forget to measure performance. Use Shopify Analytics or your preferred dashboard to track AOV and engagement rates. Even small design changes, like button size or product order, can affect results.

Make sure the section feels visually consistent with your store’s product pages and checkout flow, you can see examples of well-designed drawers in this Shopify cart drawer design ideas roundup.

Examples of effective Shopify cart drawer upsells

Here are a few examples you can use for inspiration:

  • Complementary add-ons: A jewelry brand can suggest cleaning kits or storage boxes.

  • Bundles and kits: A skincare brand can promote a “Complete Routine Set” when a single product is added.

  • Limited-time offers: A coffee store might show “Add a mug for 20% off” before checkout.

  • Free shipping nudges: Display a progress bar with “You’re $8 away from free shipping” and link to small add-ons.

cart drawer example template

Measure and optimize your results

Once your upsells and cross-sells are live, track their impact. Monitor how often customers add suggested products and how much your AOV increases over time.

You can easily track the impact of your Cart Drawer in Instant with our Cart Analytics feature:

How to build your own custom cart drawer

Adding upsells and cross-sells to your Shopify cart drawer is one of the easiest ways to increase revenue from your existing customers. It improves the shopping experience, boosts AOV, and takes just a few minutes to set up with Instant.

If you’re ready to build a high-converting, branded Shopify cart drawer, start customizing yours with Instant Page Builder today.

Try Instant free today

Grow your Shopify store with Instant

No credit card required.

FAQ

How do I add upsells to my Shopify cart drawer without coding?

You can use Instant Page Builder to add upsells visually inside the cart drawer. Simply drag in a product block, connect it to a relevant collection, and customize it directly within Shopify’s theme editor.

What’s the difference between upselling and cross-selling?

Upselling encourages shoppers to buy a more premium or larger version of what they’re already purchasing. Cross-selling suggests related or complementary items, like accessories or bundle add-ons.

Are upsells effective in the Shopify cart drawer?

Yes. Cart drawers appear right before checkout, when customers are already in buying mode. Adding relevant suggestions there can increase AOV by 15–30%, depending on product type and store design.

Can I show dynamic product recommendations in the cart drawer?

Absolutely. You can connect your cart drawer product block to a dynamic Shopify collection or use Instant to manually select specific upsell items that match your bestsellers or frequently bought-together products.

How many upsells should I show in the cart drawer?

Keep it simple. Two or three product suggestions are usually enough to catch attention without cluttering the drawer. Too many options can overwhelm shoppers and hurt conversions.

How do I add upsells to my Shopify cart drawer without coding?

You can use Instant Page Builder to add upsells visually inside the cart drawer. Simply drag in a product block, connect it to a relevant collection, and customize it directly within Shopify’s theme editor.

What’s the difference between upselling and cross-selling?

Upselling encourages shoppers to buy a more premium or larger version of what they’re already purchasing. Cross-selling suggests related or complementary items, like accessories or bundle add-ons.

Are upsells effective in the Shopify cart drawer?

Yes. Cart drawers appear right before checkout, when customers are already in buying mode. Adding relevant suggestions there can increase AOV by 15–30%, depending on product type and store design.

Can I show dynamic product recommendations in the cart drawer?

Absolutely. You can connect your cart drawer product block to a dynamic Shopify collection or use Instant to manually select specific upsell items that match your bestsellers or frequently bought-together products.

How many upsells should I show in the cart drawer?

Keep it simple. Two or three product suggestions are usually enough to catch attention without cluttering the drawer. Too many options can overwhelm shoppers and hurt conversions.

Try Instant free today

Grow your Shopify store with Instant

No credit card required.

Already have an account?