How to test upsells on a development or draft theme

How to test upsells on a development or draft theme

Jaap Vergote
October 28, 2022

Test checkout upsells on your store without needing to use a dev store, by using a copy of your live theme and previewing it.

Shopify Plus store

1/ Install UpsellPlus and create an upsell offer. 

2/ Copy your live theme by going to Online Store > Themes > Actions > Duplicate.

duplicate shopify theme

3/ Go to your live theme > Actions > Edit code > navigate to the checkout.liquid file. There, search (CTRL + F) ‘upsellplus’. 

edit code shopify theme

You’ll find two code snippets you can remove for now to avoid showing the upsells on the live them once you enable them.

The code snippets start and end with a comment: 'Upsellplus 1 of 2' and 'UpsellPlus 2 of 2'. They are shown below.

4/ Select the new duplicated theme > Actions > Edit code. Go to the checkout.liquid file. Add the code snippet you just removed from the live theme:

Snippet 1: Add the snippet between breadcrumb and alternative_payment_methods

Snippet 2: scroll down until you see </body> and add the code below right above it

5/ Now enable your upsells in the UpsellPlus app. You’ll see them appear in the preview checkout of your dev theme and they won’t show on your live theme.

To add the upsells to your live store, you can

  • Publish the dev theme as your live theme
  • Go to the UpsellPlus app > Settings tab > Checkout.liquid offer position > Choose a position. This will add the code automatically to the live theme.

Boost your sales by over 20%

Book a demo to learn how UpsellPlus can help you grow sales.
Start your free trial

Ready to automate your upsells and increase AOV?

7-day free trial
Launch in 90 seconds
Live chat with our team