General
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 OverviewPopularHow 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:Few readersMultiple language options
Using translations in the upsell popup
The Upsell Popup app is available in English only in the Shopify App Store. However, you can use the Translations feature to change the language shown in your upsell popup and customise text to suit your store.
(https://storage.crisp.chat/users/helpdesk/website/-/f/6/b/a/f6baef90a856a800/screenshot-2026-01-19-at-13236wetlx8.png =640x341)
Accessing translations
To change the language displayed in your popup:
Open Upsell Popup from yFew readersHow to control the number of product to show 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 prefFew 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 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 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 readersUpsell Popup 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 readersGetting started with the Upsell Popup app
Configure your Upsell PopUp app
To start using the UpSell Popup app to generate more sales for your store, you much complete the following steps.
Create an Offer
Configure your Popup design
Enable app embed in your theme
Create an offer
In this section, you can choose to set up a pop up to encourage shoppers to add additional items to their cart with an cross-sell offer or a upsell offer where they upgrade to a more premium version of your product.
For details about creatinPopularConfigure 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/f6baef90a856aPopular