Upsell on Thank You page
With Ultimate Upsell, you can upsell customers on the Thank You page, also known as the Order status page. You can upsell directly inside the store theme, in a popup or via a notification.
Before going any further, do this
To have all the functionality on the thank you page you first need to:
- Go in Settings → Checkout → Additional Scripts. Learn how.
- Paste this script in the Additional scripts box:
<script>window.orderItems = {{ order.line_items | json }};</script>
Create your upsell (À la carte or Bundle)
1. 👉 Install the Ultimate Upsell app.
2. Create an upsell, most probably an À la carte one (easier to sell À la carte than a bundle after payment).
3. Choose to upsell products individually in the Upsell type (A la Carte).
4. What → Select the products to upsell. Now it's the biker cap.
5. Where → Select the location of the upsell: in theme, notification or popup. Click the SETUP link.
You can preview different locations. Once you're satisfied, click Save and close the window.
6. You can add a title to the upsell offer like "Only 1 cap left!". Then Select "Published" in the dropdown menu and click the Checkmark icon to Save the Upsell.
7. Sit back, relax and check your numbers grow!
Upsell in your theme
Automatically insert upsells in the Thank you page (Order status)
You can automatically insert the products to upsell in your store theme with our Selector toolbar. Here are a few locations you can upsell products in your Thank You page.
Below the logo or store name
Inside the order confirmation box
Below the customer information box
Below the shipping address or the payment method
At the bottom of the Thank You page
At right below the order summary and total cost
Since the Selector toolbar can't be perfect, you can always go with the manual way, described below.
Manually insert upsells in the Product page
Since the Selector toolbar has its limit, we also provide a snippet of code you can insert. Each snippet has a class called tabarnapp_upsell, which mean you can style it with CSS in your style.scss file. You'll then be able to change the size, color, font and more!
To insert the upsell in the Thank You page manually, you'll have to upgrade to Shopify Plus. That's the only way to have access and edit the file called checkout.liquid. Here's the documentation related to the checkout.liquid template.
So, if you are a Shopify Plus use, you can add the upsell code manually in the Thank You page. Simply paste in checkout.liquid your snippet of code that you can find inside the main admin page of the Ultimate Upsell app. That looks like this:
<div class="tabarnapp_upsell" data-id="bYjtPo2LFfrBx8qPE"></div>
(note: the data-id changes for each store, but not the class).
Upsell in a popup
Still on the Thank You page, you can upsell customers with products showing up in a popup (modal window). You can choose from 4 different types of popup animations.
Upsell in a notification
You can also suggest upsells via notification. It's similar to a popup, yet less intrusive. You can choose from 5 different styles of notification.
