Product recommendations (Upselling)
Overview
Product Recommendations (Upselling) is a free feature that displays a curated list of recommended products on the product page, encouraging customers to add more items to their cart. The widget appears with a custom title, subtitle, and optional badge — and can be tied to a discount to incentivize the upsell.
How It Works
- The merchant configures which products trigger the offer and which products to recommend.
- On the storefront, the widget displays below (or alongside) the main product with a list of recommended items, each showing image, name, price, variant selector, quantity control, and an Add button.
- Customers can add recommended products directly from the widget without navigating away.
- An optional discount is applied automatically when the customer adds a recommended product.
Offer Configuration
1 - Customer Buys (Trigger)
Defines which products cause the upsell widget to appear:
Option | Description |
|---|---|
All products | Widget appears on every product page in the store |
Collections | Widget appears only on products belonging to selected collections |
Product Tags | Widget appears only on products with specified tags |
Specific products | Widget appears only on individually selected products |
Exclude products | (Optional checkbox) Blacklist specific products from triggering when using All products or Collections trigger |
2 - Recommended Products
Defines which products are shown in the upsell widget:
Option | Description |
|---|---|
Manual specific products | Merchant hand-picks the products to recommend. Click Browse to select. Shows current count (e.g. "0 product selected") |
Automated recommendations | Products are suggested automatically based on Shopify's recommendation algorithm |
When using Automated recommendations:
- Choose the recommendation type from the dropdown: Related products or Complementary products
- Recommendations are powered by Shopify Search & Discovery — must be configured there for best results
3 - Display Settings
Controls the text and visual appearance of the upsell widget on the storefront:
Field | Description |
|---|---|
Title | Main heading of the widget (e.g. |
Sub-title | Supporting text shown below the title (e.g. |
Badge label | Short label displayed as a badge next to the title (e.g. |
Background color | Background color of the badge (hex value, e.g. |
Text color | Text color of the badge (hex value, e.g. |
4 - Discount Settings
An optional discount can be attached to the upsell offer to incentivize customers:
Apply discount — Check to enable. A discount code will be generated automatically.
- Discount value
Option | Description |
|---|---|
Percentage | Discount as a percentage off (e.g. |
Fixed amount | Discount as a flat dollar amount off |
- Combinations
Controls whether this discount can stack with other active discounts on the same order:
Option | Description |
|---|---|
Product discounts | Allow combining with other product-level discounts |
Order discounts | Allow combining with order-level discounts |
Shipping discounts | Allow combining with shipping discounts |
- Max discount uses
Option | Description |
|---|---|
Limit number of times this discount can be used in total | When checked, set a cap on total redemptions across all customers |
- Customer eligibility
Option | Description |
|---|---|
All customers | Discount applies to every customer |
Specific customer segments | Restrict to customers in defined segments |
Specific customers | Restrict to individually selected customer accounts |
5 - Advanced Settings
Option | Description |
|---|---|
Allow editing quantity of items | When enabled, customers can adjust the quantity of a recommended product before adding it to cart |
Show offer based on rules | When enabled, the widget only appears if specific conditions are met (e.g. cart value, customer tag). Configure the rules after enabling |
6 - Schedule
Control when the offer is active:
Field | Description |
|---|---|
Start date | The date the offer goes live (format: |
Start time | The time the offer goes live, shown in the store's configured timezone offset (e.g. |
Set end date | Optional. When checked, allows setting a specific date and time for the offer to automatically deactivate |
Countdown timer
Enable a live countdown to create urgency. The timer counts down to the campaign end date/time
ℹ️ The countdown timer only works when an end date is set.
Updated on: 14/05/2026
Thank you!