5 Shopify Upsell Popup Examples [+How to Create]

A contextual and relevant upsell popup on Shopify can boost your average order value by 10–30% with minimal effort.

Below, you’ll see how top Shopify stores use them to drive more ecommerce revenue—and how you can set up your own upsell popup in five simple steps.

In this post:

• What is an upsell popup?

• Examples of Shopify upsell popups

• How to make an upsell popup [steps]

What is an upsell popup?

An upsell popup is a popup campaign designed to increase ecommerce sales by suggesting a more expensive product version, extra features, related items, or subscription options to customers.

This type of popups uses Shopify-native display rules to appear during high-intent buying moments—like when a visitor is viewing a product, adding it to the cart, or heading to checkout. Often, they also allow adding recommended products to the cart in one click.

Upsell popups are easy to implement on any Shopify store using a Shopify popup app that supports product recommendations.

How many Shopify stores use upsell popups?

Upsell popups account for only six percent of all popups on Shopify stores, but they rank as the third most popular use case—trailing only behind discount offers and sales promotions.

This share may be explained by the fact that some shopping cart addition confirmation widgets and windows may already contain related items (which is another great way to upsell).

Still, using popups for upsell on Shopify has many benefits:

• they work on autopilot

• they provide personalized recommendations thanks to AI

• they are more effective at capturing visitors' attention than other channels

How to create a Shopify upsell popup

In this tutorial, we will create an upsell popup with a "frequently bought together" offer. It will appear when a customer adds an item to the cart and show related products.

Follow these steps to create an upsell popup for your Shopify site:

1. Create a new campaign

2. Choose a template

3. Add product recommendations

4. Customize the template design

5. Review display settings

6. Publish and track performance

For the popup app, we'll use Wisepops (rated 5 stars on Shopify).

Our app is built for Shopify and uses product, cart, and customer data for personalized targeting. You'll be able to use product recommendation blocks with one-click add-to-cart functionality, an AI algorithm that delivers personalized suggestions, Shopify-specific display rules, A/B/n testing, and revenue tracking.

Grab a free account to get started (if you prefer, install our app from Shopify app store for real previews of your campaigns):

Step 1: Create a new campaign

In Wisepops, go to Create popup campaign in the Popups main menu:

In the left panel, you’ll see two tabs: Products and Add to cart.

Under Products, you can add or remove items from the campaign and set the total number of items included.

To add products, just enter their IDs separated by commas, like this:

id:4567890, id:4561193

Tip: The easiest way to find product IDs is from the admin URL, e.g., https://mystore.myshopify.com/admin/products/29934559144.

To exclude products, you can use these methods (no quotes needed):

• Product ID: e.g., id:435345555 (make sure to include "id:")

• Exact title: e.g., Blue summer socks

• Partial title: e.g., sweater (this will match items like "Yellow summer sweater" or "Red winter sweater")

• Product tags: e.g., tag:t-shirts (include "tag:")

Next—

In Add to Cart, you have the option to display Add to Cart buttons directly on the campaign, making it easier for users to add items. You can also customize the confirmation message to enhance the user experience.

Need help? Check out our help doc.

Step 4: Customize the design of the template

You have full control over the look and feel of your upsell popup—no coding needed.

Just click on any element to tweak it.

You can customize fonts, colors, layout, images, buttons using the personalization menu on the top of the campaign preview:

If you'd like, add a new image by clicking the default one and choosing Replace in the left-hand menu that appears:

A few best practices to keep in mind when designing upsell popups:

• Use clear product images: Ensure shoppers can quickly identify the recommended items at a glance. Simplify the layout by removing default visuals in the template, if needed

• Highlight special offers: If your upsell includes perks like free shipping, mention in the popup's headline

• Align with your brand’s visual identity: Maintain consistency by using your store’s color palette to make sure the popup feels like a natural part of the website

• Stick to your brand typography: Apply your store’s font for a cohesive experience. If your font isn’t available in the editor, upload it as My custom fonts option in the list of fonts

• Track performance with revenue tracking: Enable revenue tracking to measure the actual impact of your upsell campaigns

Step 4: Review display settings

This Shopify upsell popup needs to be shown exactly when a customer adds an item to the cart. Thankfully, all the settings in our template are ready to go.

Go to Display rules > Advanced to review them.

Wisepops allows you to design campaigns that appear based on customizable display rules, including cart value, browsing history, or the date of a customer’s last order.

The cart value rule is the one that we need in an upsell Shopify campaign.

As you can see below, the cart value property is set to track items with a total cost between $20 and $50. This means that if a customer adds a product worth $25 to their cart, they will automatically see our upsell message:

Step 5: Publish and track performance

Your upsell popup is ready!

You can check it out and see how it will look on your Shopify website (click Preview in the top right corner of your campaign editor screen).

To track performance of upsell popups, check Analytics section in the main menu. There, you'll get useful info like displays, clicks, CTR, and revenue generated.

If you'd like to experiment with some ideas to increase visitor engagement, this guide to Shopify A/B testing will help.

Your dashboard may be initially empty because a little bit of time is required to collect enough data, but once you're up and running, it will hopefully look something like this:

Summary

Tailoring popups to display related products or special offers not only enhances the shopping experience but also boosts average order value. Creating a Shopify upsell popup therefore can improve your sales by encouraging customers to add more items to their cart.

There are other ways to implement upsell popups, but I hope this tutorial gave you a good start.

If you'd like to learn more about popups:

• Ecommerce popups: examples

• Guide: Marketing strategy for Shopify stores

• Discount pricing strategy tips