Skip to main content

Product Upsell Popup

🧭 Introduction​

The Product Upsell Popup feature allows you to suggest additional products to customers at the moment they add an item to their cart. By offering complementary products, you can increase average order value, improve cross-selling, and enhance the shopping experience.

For example, if a customer adds a Sunglasses to their cart, you can immediately suggest a beanie, belt and a cap as an upsell, encouraging them to purchase more items that complement their choice.

💡 Scenario​

Imagine a customer is browsing your store and adds a sunglasses to their cart. Before completing the addition, a popup appears showing a beanie, belt and a cap as recommended offers. The customer can quickly add these products, adjust quantities if allowed, and receive a discount if configured. This strategy helps boost sales while keeping the shopping experience seamless and user-friendly.

⚙️ Configuration Steps​

Follow these steps to configure your Product Upsell Popup section:

  • Navigate to Upsells.
  • Click on Add New.

showing where to add a new upsell in the Product Upsell Popup section

  • Click on Add.

showing the Add button for creating a new Product Upsell Popup

  1. Go to the General tab.
  2. Enter a Title for the heading.
  3. Add a Subtitle (optional — you can remove it if not needed).
  4. Select a Theme.
  5. Set the Size to Medium.
  6. Under Targeting, select All Products.
  7. Set the Trigger to activate when the user clicks the “Add to Cart” button.
  8. Choose to display the Popup Before the Product is Added to the Cart.
  9. Set Popup Reappearance to Show After 15 Minutes.
  10. Enable the option to Add a Link to the Products.

showing general settings, trigger, and display options for Product Upsell Popup

  1. Navigate to the Offers tab.
  2. Add Offer 1, then select a product (e.g., beanie).
  3. Set the Quantity.
  4. Enable Edit Quantity by User.
  5. Set the Minimum and Maximum Quantity.
  6. Add Offer 2, then select a product (e.g., belt).
  7. Set the Quantity to 2.
  8. Choose a Discount Type and set the Discount Amount to 20%.
  9. Add Offer 3, then select a product (e.g., cap).
  10. Save your changes.

showing the Offers tab configuration with multiple upsell products

✅ Result: When finished, your Product Upsell Popup will appear before a product is added to the cart on all product pages, displaying the selected offers (belt, beanie, cap) according to your chosen theme, layout, and popup settings.

🖼️ Preview​

Here’s an example of how your Product Upsell Popup might appear to customers:

Example preview of Product Upsell Popup showing belt, beanie, and cap offers