Checkout ExtensionsDocs
Upsells/Upsells & Cross-sells

Upsells & Cross-sells

Starter

Display up to 6 hand-picked product recommendations inside the checkout flow. Two layouts — card (one product at a time with full image) or list (compact rows) — let you match the style to your brand. Display conditions let you target by cart total, customer type, and more.

Planstarter
Available onCheckout
Conditions reference

Settings reference

SettingTypeDescription
ProductsProduct listUp to 6 products to recommend at checkout.
LayoutSelectCard (one product at a time, full image) or list (compact rows).
Discount codeTextOptional discount code applied when a customer adds an upsell product.
Discount badgeTextVisual badge shown on the card, e.g. "20% OFF".
Display conditionsConditionsShow the block only when cart total, customer type, or other criteria are met.

How it works

  • Displays up to 6 hand-picked product recommendations inside the checkout flow.
  • Two layouts: card (one product at a time, full image) or list (compact rows) — choose the style that fits your brand.
  • Each product card shows a thumbnail, title, price, and an "Add to Order" button.
  • A Quick View panel lets customers inspect variants and images without leaving checkout.
  • An optional discount code is applied automatically on the first upsell add.
  • Display conditions let you show the block only when cart total, customer type, or other criteria are met.
  • Already-in-cart products are automatically filtered out to avoid duplicates.

Translations

This block supports translations for every language published in your Shopify store. Open the block editor in the app, click Translations, select a language, and enter your translated text. The correct language is shown to customers automatically based on their storefront language.

Translatable fields
  • Section title
  • Description
  • Button text

Quick setup

  1. 1In the app, go to Upsells & Cross-sells → click New and select up to 6 products, choose a layout, and set any display conditions
  2. 2Copy the block key shown at the top of the editor
  3. 3Open Shopify Admin → Themes → Customize → switch preview to Checkout
  4. 4Click Add block → find "Upsells & Cross-sells" → paste the block key into the Block key field
  5. 5Click Save and preview your checkout