A pre-purchase upsell offer is an offer that is shown before redirecting customers to Shopify Checkout to pay for their order. It’s possible to show the pre-purchase pop-up for a funnel from different locations on your storefront:
​
1. On the Shopping Cart (/cart) after the customer clicks the “Checkout” button from there. It will also show after clicking the “Checkout” button included in AJAX Carts (drawer/slider) for Shopify Themes. It will redirect the customer to the Checkout page after interacting with the pre-purchase popup on the Cart Page.

2. On a Page with Product Buy Box:

...after clicking the “Add to Cart“ button there. Choose this option if you want the pre-purchase pop-up to be triggered earlier on in the purchase cycle. It will redirect the customer to the Cart Page, or show your AJAX cart after interacting with the pre-purchase pop-up. You also have the option of skipping the cart page and directing from the pop-up to the checkout by using our Skip Cart feature detailed in this article here.

To change where you want the pre-purchase pop-up to be shown, simply click the radio switcher next to the desired location:

📝If Page with Product Buy Box is selected, you can choose to show the popup on any/all of the page types by checking the corresponding option boxes. For Home Page and Landing Page options, "Product" or "Product variant" trigger conditions are required to be used for the funnel. The pages must also include a product buy box with an "Add to Cart" button:

To show the Pre-Purchase offer on a Collection page on a free Shopify Theme for example, enable the "Quick add" > Standard option within the published theme by navigating to the Themes > Customize > Collections > Default collection > Product grid > Product card:
​

There are different types of pre-purchase upsell offers you can use:

*An example of a Pre-purchase Add a product to the cart offer shown on Mobile (left) and Desktop (right):

1. Click the "+ Add Upsell Offer" button within the Pre-Purchase Upsell Offer slot within the upsell funnel.

2. Choose the type of pre-purchase offer you'd like to make to your customers.

3. Select the product(s) you'd like to offer in the "Add product" popup.

4. Click the "Add" button.

5. Once the pre-purchase offer has been added to the funnel, the offer popup that your customers will see can be edited by clicking on the product card. More details about working with the pre-purchase offer popup editor can be found here in our help article.

We recommend adding Post-Purchase Upsell 1, Post-Purchase Upsell 2, and the Downsell Offer into each funnel. This will ensure your customers will see 2 post-purchase offers for each qualifying order, regardless of whether they accept or decline Post-Purchase Upsell 1.

*An example of how the one-click post-purchase upsell offer page will be shown on Mobile (left) and Desktop (right):

1. Click the "+ Add Upsell Offer" button below the Post purchase slot within the upsell funnel. Or click the "✨ Generate AI Offer" button to generate an AI offer.

*If you've already added Upsell 1, then choose either Downsell Offer (Optional) or Post-Purchase Upsell Offer #2 (Optional) instead.

2. In the "Create Post-Purchase Offer" popup, choose one of the following:

3. Click the "Save" button.

4. Select the product(s) you'd like to offer in the "Add product" pop-up.

5. Click the "Add" button.

6. Once the post-purchase offer has been added to the funnel, the offer page that your customers will see can be edited by clicking on the product card.
More details about working with the post-purchase offer page editor can be found here in our help article.

Repeat this process for the Post-Purchase Upsell Offer #2 and Downsell Offer slots to include all post-purchase offers within your funnel:

The Thank You Page offer is made directly on the Shopify "Order Confirmation" Page. This offer can be paid for using any payment method you've connected to Shopify Checkout and can also be paid for using a different payment method than the original order.

*An example of how the TY Page Offer will be shown on Desktop (left) and Mobile (right):

To add a TY Page offer to your funnel:

1. Click the "+ Add Upsell Offer" button below the Thank you page slot within the upsell funnel:

2. Choose the TY Page offer you'd like to make to your customers:

3. Select the product you'd like to offer in the "Add product" popup.

4. Click the "Add" button.

5. Once the TY Page offer has been added to the funnel, you can edit the offer that your customers will see by clicking on the product card. More details about working with the TY Page Offer editor can be found here in our help article.

I can't see my product when I try to add it as an offer!

⚠️Your upsell offer product must be active/visible to the Online Store sales channel in your Shopify admin, otherwise, you cannot use it. It also must be in stock. If it’s not, you will see one of the following error messages for the product you’ve added to the funnel:

Navigate to the Products section of your Shopify admin. Find and open the product. Click the "Manage" link under "Sales Channels and Apps" to make the product "Active" to the Online Store sales channel so it can be used as an upsell offer:

If you don't want your offer product to be accessible on the storefront. You can implement the workaround in steps 1-3 below, depending on how well you want the product "hidden".

1. Please refer to this Shopify help guide: https://help.shopify.com/themes/customization/collections/change-catalog-page

The "Create a collection to control your catalog page" section shows how to replace the default "all" collection with the custom one where you can control the content. This gives you the ability to exclude some products from there (i.e. based on tag, product type, title, etc.)

So the product would be "visible" but not seen or accessible on the storefront as long as you don't include it in any collections or link to it from anywhere.

2. It would still be visible in-store search though, but you can use the information in this article to hide it from store search.

3. Going even further, you can prevent this product page from being listed on search engines like Google if desired by following the information in this Shopify help article: https://help.shopify.com/en/manual/promoting-marketing/seo/hide-a-page-from-search-engines

Now that you've added offers to your funnel, you'll want to publish the funnel so customers can start seeing offers on your store!

To do that, click the "Publish Funnel" button in the top-right corner once you're ready to go live:

After publishing your funnel, the next step is to test it and make sure everything is working! We have a help document that covers all the steps for a perfect test order in the link below:

OneClickUpsell: Placing a Live Test Order

You can adjust your funnel by activating and deactivating individual offers, changing the offer order, and more! Click here for additional details.