Skip to main content

Product Upsell Popup

πŸ“‹ Table of Contents​


Overview​

The Product Upsell Popup presents an offer in a modal at the exact moment a customer adds a product to their cart. It captures attention at a high‑intent moment β€” the shopper has already decided to buy β€” making it one of the most effective ways to cross‑sell and raise average order value.

You control what triggers the popup, whether it appears before or after the item is added, and how often it can reappear.

How it works​

A customer clicks Add to Cart on a pair of Sunglasses. Before the item is added, a popup slides in suggesting a Beanie, a Belt, and a Cap, one of them discounted. The shopper can add the extras and continue β€” or dismiss the popup β€” without breaking their flow.

Free vs Pro

The Product Upsell Popup is a Pro feature.


Step-by-Step Setup​

1. Create the campaign​

Open Side Cart & Upsell β†’ Campaigns, then click Add New.

Campaigns list with the Add New button

Choose Product Upsell (Popup) and click Add.

Selecting the Product Upsell Popup layout

2. Configure the General tab​

  1. Enter a Title and, optionally, a Subtitle.
  2. Select a Theme and set the Size (e.g. Medium).
  3. Under Targeting, choose All Products.
  4. Set the Trigger to fire when the customer clicks Add to Cart.
  5. Choose to show the popup before the product is added to the cart.
  6. Set Popup Reappearance β€” e.g. Show After 15 Minutes β€” to avoid nagging repeat visitors.
  7. Enable Add a Link to the Products.

General settings, trigger, and display options for the Popup

3. Add your offers​

  1. Open the Offers tab.
  2. Add Offer 1 (e.g. Beanie), set the Quantity, enable Edit Quantity by User, and set the Minimum and Maximum.
  3. Add Offer 2 (e.g. Belt) with a Quantity of 2 and a Discount of 20%.
  4. Add Offer 3 (e.g. Cap).
  5. Click Save Changes.

Offers tab configuration for the Popup


πŸ§ͺ Example configuration​

SettingValue
LayoutProduct Upsell (Popup)
TitleWait β€” add these too?
SizeMedium
TargetingAll Products
TriggerOn Add to Cart click
DisplayBefore product is added
ReappearanceAfter 15 minutes
Offer 1Beanie β€” edit qty by user, min 1 / max 3
Offer 2Belt β€” qty 2, 20% off
Offer 3Cap β€” qty 1

What customers see​

The popup appears before the product is added to the cart on all product pages, showing your offers with the chosen theme and layout.

Product Upsell Popup on the storefront

Best practices
  • Showing the popup before the add keeps the offer part of the same decision; showing it after confirms the add first β€” test both.
  • Set a sensible reappearance window so returning shoppers aren't interrupted every visit.
  • Keep the copy short and the offer count low so the modal stays fast to scan.

πŸ“š Next Steps​

Now that you've set up product upsell popups, explore other on-page and cart promotions: