How to use the product upsell widget | Shopify

The product upsell widget allows you to add one or more recommended products to your store using the ReConvert editor.

To learn how to use this widget, watch the following video:

Introduction

The product upsell widget in ReConvert allows you to add upsell products to any page in your store. This guide will walk you through the setup and customization of the product upsell widget using the ReConvert Flow Builder and Editor.

Getting started

Accessing the Product Upsell widget

1. Open the ReConvert Editor

2. In the navigation menu, locate the product upsell widget

3. Expand or collapse the widget to view its contents

Components of the product upsell widget

By default, the product upsell widget contains three blocks:

• Divider block - a simple line that allows for more clarity
• Text block - a simple text box with styling that you can use to add explanation, title to the widget
• Product block - the main part of the product upsell widget will be explored in this article

Configuring the Product widget

Selecting products to display

1. Select the product widget

2. In the Actions menu, choose the product display options:

• Shopify Recommendations: This is the default. It is a dynamic product recommendation that uses Shopify's recommendation engine to recommend products that the customer is already interested in. You have the option within this setting of the following:-

The other widget blocks of image, product details and description will be covered later.

• Specific product(s): Manually select specific product(s) from your store to show your customers

• Product collection - This includes the ability to show a random product from a collection

• Most expensive product in cart: Displays the priciest item in the cart - (we have found that this can work the best for customers at certain points of the sales flow, but we would not recommend using this at pre-purchase in the checkout, but it could work well for post-purchase upsells). Exclusion tags can be set

• Cheapest product in cart: Displays the least expensive item in the cart. Exclusion tags can be set

• Third-party integrations: Use apps like Personalized Recommendations and Recomatic

Customizing product display blocks

Image block

1. Select the image block

2. Choose to contain or cover the image

3. Decide whether to display the main product image or a specific variant image by selecting or deselecting the checkbox at the bottom of this block

Product details

1. Set the product title (default is the product name)

2. Choose a subtitle (variant name, vendor, type, custom text, or none)

3. Save changes frequently to avoid losing progress

Product description

1. Decide whether to display the product description

2. Choose between showing the default or an alternative description

3. Make the description collapsible if necessary (often descriptions can be lengthy, so it may make sense to collapse the description)

Price and discounts

1. Select the product prices to display (at least one)

• Compare-to-Price - this is the most expensive price of the product listed in the Shopify inventory
• Original Price - this is the price once any non-discount codes have been selected, (i.e. the discounted price that you've manually reduced the compare-to-price to)
• Product Price including Discount - this is the Original Price minus any coupon codes or other discount you've used within ReConvert

2. Select the size of each of the selected prices

3. Set up discounts:

You have three options when it comes to applying the discount. You can:-

• Apply a percentage discount
• Apply a fixed monetary value discount per item
• Apply a fixed monetary value discount per order

You also have the option to limit the application of discounts to only those orders above a certain value

4. Save changes after configuring

Shipping options

These options are available on the Post Purchase pages, Thank You page, and Order Status page.

The new shipping options include:

• Free shipping
• Fixed price shipping
• Managed by Shopify (not currently available on Post Purchase page)

Accept button

1. Choose button type (primary, secondary, or plain)

2. Customize the button text if needed

3. Save changes before proceeding

Variant picker

1. Decide whether to display the variant picker

2. Customize the variant picker text

3. Save changes

Quantity selector

1. Choose to display or hide the quantity selector

2. If displaying the quantity selector, you can change quantity selector label text

3. Set default, minimum, and maximum quantities

4. Save changes

Success and error banner

Success banner

1. Customize the success message and banner type

2. Choose whether the banner is dismissible

3. Choose to display or hide the undo button to allow customers to remove the upsold item from their order

Error banner

1. Customize the error message and banner type

2. Dynamic Error Banner Text, if selected, will display the actual error in this this space for the customer (in English). Alternatively, you can type in your own catch-all error text here or in a language other than English if your store's language is not in English

3. Choose whether the banner is dismissible

Other customizations

You are able to drag and drop product upsell widgets as well as hide / display / delete them

Conclusion

The product upsell widget in ReConvert is a powerful tool to enhance your store's functionality and increase sales. By following the steps outlined in this guide, you can customize and optimize the widget to suit your needs. For further assistance, feel free to reach out to our support team. Happy upselling!

Well, that’s a wrap!

If this article did not solve your issue, our support team is available for you 24/7, just click the live chat button at the bottom-right corner of this page.

Updated on: 15/07/2025