We Build Shopify Apps

Montreal-based Shopify experts cooking some Shopify apps.

Upsell on the Cart page

With Ultimate Upsell, you can upsell customers on the Cart page: directly inside the store theme, in a popup or via a notification.

Create your upsell (À la carte or Bundle)

1. 👉 Install the Ultimate Upsell app.

2. Create an upsell

create new upsell

3. Choose to upsell products individually in the Upsell type (A la Carte).
A la carte upsell shopify

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 Cart page

You can automatically insert the products to upsell in your store theme with our Selector toolbar. Here are 3 locations you can upsell products in your Cart page.

Next to the product added to cart or below the product image

Ultimate Upsell Cart page Shopify app

### Below the Update & Checkout buttons ![Ultimate Upsell Cart page Shopify app](/content/images/2017/01/8270f4770ba3e4a38cf5d75f0b835ea0.gif)
### At the bottom of the Cart page ![Ultimate Upsell Cart page Shopify app](/content/images/2017/01/upsell-cart-bottom-page.gif)
### At top of the page ![Ultimate Upsell Cart page Shopify app](/content/images/2017/01/34a7c7325196ecb544b36b7b61c4d410.gif)

Since it ain't perfect, you can always go with the manual way, described below.

Manually insert upsells in the Cart 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 Cart page manually, you'll have to edit the file called cart.liquid. Here's the documentation related to the cart.liquid template.

To add the upsells in the cart page, simply paste in cart.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).

Upsell in a popup

Still on the Cart page, you can upsell customers with products showing up in a popup (modal window). You can choose from 4 different types of popup animations.
Ultimate Upsell Cart page Shopify app

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.
Ultimate Upsell Cart page Shopify app

Get In Touch

Tabarnapp's mission is to help you get the most of each visit on your Shopify store.

E: support@tabarnapp.com