Getting started
Getting started with the Upsell Popup app
To start using the UpSell Popup app to generate more sales for your store, you will need to complete the following steps.FeaturedCreate your first popup to increase average order value
Create your first pop-up to show a targeted upsell, cross-sell, or discount offer on your store. This helps you increase average order value, guide customers to relevant products, and make your offers more visible at the right moment.Few readers
Creating offers
How to set up a cross-sell offer
The Extra Product offer is ideal for merchants looking to cross-sell to customers and increase their Average Order Value (AOV) by encouraging them to add additional items to their cart. You could recommend related or complementary products based on the items already in their cart. For example, other items by the same brand, batteries for a toy, or a case for a phone. How to create a cross-sell offer To create an cross-sell/Extra Product offer: Click "Offers" "Create offer" (https:Some readersHow to set up a discount offer
Increasing average order value with discount offers Discount based upsell offers are a powerful way to increase average order value by encouraging customers to add more items to their cart. Common use cases include: Offering a discount when customers add two or more products Promoting products with high stock levels Moving discontinued or end of line items Important note about discounts Discounts can only be applied during offer setup. Once an offer has been saved, a discountFew readersHow to duplicate an offer
Duplicate an offer To duplicate an existing offer: Go to Offers Locate the offer you wish to duplicate Click the three dots on the right-hand side Click "Duplicate" By default the new offer Status will be Off. (https://storage.crisp.chat/users/helpdesk/website/-/f/6/b/a/f6baef90a856a800/screenshot-2025-11-27-at-11809ao9ewn.png =640x169)Few readersHow to set up an upsell offer
The Upgrade Product offer is ideal for merchants looking to upsell to customers and increase their Average Order Value (AOV) by encouraging them to make a higher-priced purchase than the one they had originally considered. Examples of effective upsell offers include upgrading to a premium version, adding personalisation to the item in the cart, choosing a larger size or bundle, or selecting a model with extended features. How to create a upsell offer To create an Upsell / Upgrade Product offeFew readersCreate upsell offers for collections
Increasing average order value using collections One effective way to increase average order value is by creating an upsell offer using Shopify collections. When a customer adds an item to their cart, the upsell popup can promote additional products from a selected collection. Depending on how your collection is set up, this can encourage customers to add complementary items such as matching colours, sizes, or other branded products. You can also create a best sellers collection in ShFew readers
Targeting and rules
How to control the number of products displayed in your popup
Controlling the number of products shown in the popup You can control how many products appear in your upsell popup by adjusting the Max products to offer setting. This allows you to balance visibility with a smooth customer experience. How to change the maximum number of products Open Upsell Popup from your Shopify admin. Navigate to Offers in the left hand menu. Open the offer you want to edit. Scroll down to the Cross sell products section. Enter your prefSome readersHow to use the CSS/XPATH Selector configuration
CSS/XPath Selector Trigger Use the CSS/XPath Selector trigger when you want an offer popup to open after a customer clicks a specific element on your storefront. This trigger is useful when the standard Add to cart or Checkout triggers do not match your theme layout or custom functionality. Example uses: A custom checkout button A payment button in a cart drawer A "Buy noFew readersHow to add minimal cart value to your offer
Require a minimum cart value before showing a discount offer Set a minimum cart value so your discount or upsell only appears when the customer’s cart reaches a specific amount. This helps protect your margins and encourages higher average order value. Before you start You must already have an offer created. This is an optional setting inside the offer trigger configuration. The value is based on the customer’s current cart total. Steps Go to your offer in the Upsell Popup by JuFew readersHow to exclude unlisted products
Exclude unlisted products from the upsell popup Control which products appear in your upsell offers by excluding unlisted products. This helps you avoid showing draft or hidden items to customers and keeps your offers clean and relevant, improving trust and conversion rates. Before you start You have created or are editing an Upsell Popup offer Your store may contain unlisted (hidden or draft) products You are using the All products option under Cross-sell products Steps GFew readersWhere upsell pop-ups appear
Where upsell pop-ups appear Learn where your upsell pop-ups show on your storefront and how they are triggered. Understanding this helps you control when customers see your offers and improve conversion rates. Before you start You need an active upsell offer set up in the app Your theme must include an Add to Cart or Checkout action, or a custom clickable element How upsell pop-ups are triggered Upsell pop-ups appear when a customer takes a key action on your store. By defaulFew readers
Design and customisation
How to add Custom CSS to style a popup
Custom CSS Guide for Push Cart Popup This guide explains which CSS selectors control which parts of the popup, and how you can safely customise the popup appearance using the Custom CSS field. Use the instructions below, and code samples to see what you can do to customise the popup. Popup Structure OverviewSome readersConfigure your popup design
Customising your popup design Your popup should feel like a natural extension of your store. With the built-in design controls, you can easily match the popup to your brand colours, typography and overall style without needing any code. This guide walks through each section so you can confidently customise the look and feel of your popup. Where to find Popup design Access the Popup design in the left-hand menu. (https://storage.crisp.chat/users/helpdesk/website/-/f/6/b/a/f6baef90a856aSome readers
Troubleshooting
This section contains no articles.