Upsell Popup

Learn how to configure the themes the built-in upsell pop-up feature.
Written by Jonathan Diaz
Updated 7 months ago

Have you ever heard “Would you like fries with that?” next thing you know you’ve spent $7.62 when all you wanted was a burger. That’s an upsell. You’re doing the same thing to your customers with the Upsell Popup.

When a customer buys a product from you, they will get the Billy Mays treatment: “but wait, there’s more!” as a popup appears on screen to show them your deal.

Your upsell can be as simple as slightly discounting another product like BOGO ½ off. It could even be a different product that’s more costly.

18 STEPS


1 The first step is to open the sections area of your Shopify theme config and go into the Upsell Pop-up section.

Step 1 image

2 Next, Enable the Upsell Pop-up.

Step 2 image

3 Next, click Replace/upload to upload a special offer icon.

Step 3 image

4 Now, select an upsell product.

Step 4 image

5 Select a product that you would like to display in an Upsell popup.

Step 5 image

6 Enter a popup heading text.

Ex. "Grab 2 & Get This Free Item".

Step 6 image

7 Enter yes button text.

Ex. "YES! I WANT THIS SPECIAL OFFER".

Step 7 image

8 Enter no Button text.

Ex. "No Thanks, I Just Want One".

Step 8 image

9 Select the qualifying quantity for them to be elegible for the free item.

Step 9 image

10 Next, copy the tag required to show this upsell on a product.

Now, go to admin product page section.

Step 10 image

11 Open any product that you would to add this upsell offer on.

Step 11 image

12 scroll down and go to the tag section and paste the copied tag.

'upsell-enable-1'

Step 12 image

13 Click Save and go to again customize settings.

Step 13 image

14 You can create up to 4 different upsell offers.

Note: use an appropriate tag for applying the different upsell offers to your products.

Tags as follows - 'upsell-enable-1',upsell-enable-2,upsell-enable-3 and upsell-enable-4.

Step 14 image

15 Enter the yes button text.

Ex. "Interested"

Step 15 image

16 Enter no button text.

Ex. "No, thank you"

Step 16 image

17 Now, click save to save your theme config and preview your changes.

Step 17 image

18 Upsell popup.

That's it. You're done.

Step 18 image

Here's an interactive tutorial for the visual learners

https://www.iorad.com/player/1596812/Demostore---Upsell-popup


Upsell Popup Setup

Enable Upsell Popup – Toggles the upsell popup on or off.

Special Offer Icon – You may upload your own icon, but it must be a square image to function properly.

Select Free Product – Select the product you wish to upsell to customers.

Headline Text – Enter your upsell headline here. Ex: “WAIT! Buy 2 More and Get Third item ½ off!”

Yes Button Text – Enter your yes button text. This is the text that will display urging customers to take the deal. Ex: “YES, I WANT A THIRD FOR ½ OFF!”

No Button Text – Enter your no button text. This is the text that denies the offer. Ex: “No, I’m not interested in savings.”

Qualifying Quantity – Specify how many items a customer need to buy to get the upsell deal. 2, 3, 4, etc.

TAGS: UpSell Pop up shopify

Did this answer your question?