Upsells/Upsells & Cross-sells
Upsells & Cross-sells
StarterDisplay 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.
Settings reference
| Setting | Type | Description |
|---|---|---|
| Products | Product list | Up to 6 products to recommend at checkout. |
| Layout | Select | Card (one product at a time, full image) or list (compact rows). |
| Discount code | Text | Optional discount code applied when a customer adds an upsell product. |
| Discount badge | Text | Visual badge shown on the card, e.g. "20% OFF". |
| Display conditions | Conditions | Show 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
- 1In the app, go to Upsells & Cross-sells → click New and select up to 6 products, choose a layout, and set any display conditions
- 2Copy the block key shown at the top of the editor
- 3Open Shopify Admin → Themes → Customize → switch preview to Checkout
- 4Click Add block → find "Upsells & Cross-sells" → paste the block key into the Block key field
- 5Click Save and preview your checkout