Components / Upsells

Large upsell.

Large upsell in Color Wow's checkout
Large upsell in Lorna Jane's checkout
Large upsell in Supernote's checkout

Give one product more space in Shopify checkout with a large upsell, using a prominent image and product details to explain the recommendation.

For Shopify Plus Checkout

How it works

Configure your component.

01

Pick the featured product

Choose the product that deserves the customer's attention at this point in the order.

02

Explain its relevance

Use the component content to make the relationship to the cart clear.

03

Set the audience

Apply conditions so a specific recommendation does not become the same offer for every customer.

The large upsell focuses on a single recommendation. Its larger image and fuller product presentation suit an offer that needs more explanation than a compact list row or checkbox.

Recorded in the app

Select a manual product, turn on the savings badge and component border, and check the mobile preview.

Connected platform features

The tools behind your components.

Connect content, audience, and presentation controls. Available settings depend on the component and its version.

Write component content in multiple languages. Show the customer's language, with your default wording as a fallback.
Choose which Shopify Markets see each component, then tailor its language and conditions to the local audience.
Show components when cart, customer, shipping, or referral conditions match. Build and test rules before saving.
Adjust layouts, labels, borders, and behaviour in one editor, with starting points and a live preview.
See who changed what and when, roll back to an earlier component version, and view changes alongside checkout analytics.
Connect products, tags, and collections in any combination, with up to 1,000 mappings for checkout recommendations.
Keep unsuitable recommendations out with exclusions for products, tags, types, or vendors.
Offer checkout-exclusive savings on recommended products, with per-product discounts and conditions for offers such as free gifts.
Keep exploring

Good together.

Your stack shouldn't stop at checkout.

Bring supported product recommendations, reviews, and other tools into your checkout components. Choose the integration that fits your setup.

Shopify logo
Nosto logo
Tagalys logo
Algolia logo
Athos logo
Boost logo
Yotpo logo
Judge.me logo
Reviews.io logo
Okendo logo
Loox logo
Reach logo
Tapcart logo
Searchspring, Nosto, and Boost Commerce are self-serve on Pro and above. Algolia and Tagalys are available on request.
A little more detail

Your questions, answered.

When should I use a large upsell instead of a carousel?

Use a large upsell when one product needs a prominent image and more explanation, such as a complementary product or new release. Use a carousel when customers should browse several recommendations.

Can a large upsell offer a free gift?

Yes. Use an upsell discount to reduce the selected product's price, including a fully discounted gift. Configure the eligibility conditions and test the resulting price in checkout. This is a product offer, not an automatic gift-fulfilment workflow.

Can the featured product change with the cart?

Yes. Use display rules for different offers, or Recommendations rules on Growth and above to select products for the cart. For example, a camera body can be matched to a compatible lens kit.

How do I choose the products to recommend?

Choose specific products, a collection, Shopify's related or complementary recommendations, or your own Recommendations rules. Starter supports manual upsells; Growth and above add recommendation options. Supported search and merchandising integrations require Pro or above.

Which recommendation integrations can I use?

Searchspring, Nosto, and Boost Commerce are self-serve integrations on Pro and above. Algolia and Tagalys are available on request: contact us to arrange setup rather than trying to connect them yourself.

Can I show product review stars on an upsell?

Yes. On Pro and above, connect Yotpo, Judge.me, Okendo, Reviews.io, or Loox. Stars appear when the product meets your configured minimum average rating, which defaults to four stars.

Can I offer a discount only on products added through the upsell?

Yes. Set a percentage for products added through the component, or individual discounts for manually selected products. The discount applies to items added through that component. Check your Shopify discount configuration before promising that it combines with another promotion.

Can I show it only on mobile or desktop?

Yes. In the matching Latest block in Shopify's checkout editor, set Show on devices to all, mobile, or desktop. Check the result in the editor's device previews before publishing.

Can I A/B test this checkout component?

Yes, on Pro and above. Create and schedule a checkout A/B test, then compare the recorded results. A test measures your own offer and audience; it does not guarantee an uplift.

Do I need Shopify Plus, and which app plan includes this upsell?

Yes. Checkout Components is built for Shopify Plus stores. Starter includes one manually selected checkout upsell. Growth and above include unlimited upsells and Recommendations rules; Pro and above add supported integrations, review stars, and A/B testing.

Bring the right detail into checkout.