Wait! If you haven't completed steps 1-3 on our getting started guide, do that first!
A Product Upsell Widget is a great way to display offers to customers on add to cart, which asks if they would like to switch to a higher value alternative.
An upsell is NOT a cross-sell (adding additional items) but replaces an item the customer has added with a more expensive alternative(a bundle, switching to a subscription, etc). For more insight on upselling vs cross-selling, check out this article.
Creating our Widget
From the Rebuy admin, navigate to the Widgets tab, and select "Product Page".
If you haven't already created some product page widgets, you'll see a menu with some prebuilt configurations, select "Create New" on the "Add to Cart Upsell (Pop-up)" card. Otherwise, select "New Widget" on the top right-hand side of your screen to see the list of pre-configured options.
Styling and Language, and Presentation!
This quick start to the product upsell widget is automatically set to be a popup, and be triggered when the customer clicks add to cart(you're obviously more than welcome to change this). From here you'll just need to determine what you want the language of the widget to say, when the widget is triggered, how many options you want to give the customer (we generally do one), and what the offers(s) will be. To learn more about creating product page rules for your new widget, check out this article. If you want a deep dive into widget settings, check out this here.
Pro Tip: If you don't have any pre-configured bundles to offer as in upsell, check out our Dynamic Bundles widget!
Tips and Tricks!
If you aren't seeing the popup when you click add to cart, consider changing the popup trigger.
Some themes are a bit tricky to work with and the popup may not work as expected. We've found that adding the following code snippet before the closing body tag in the theme.liquid file may help! Be sure to replace the "XXXXX" with the correct widget ID, and remove the initial Rebuy div from the product.liquid file. Click save!
{% if product %}
<div data-rebuy-id="XXXXX" data-rebuy-shopify-product-ids="{{ product.id }}"></div>
{% endif %}
NOTE: This widget is designed to work out-of-the-box with Rebuy's Smart Cart.
If you wish to run this widget alongside a Native Cart, we recommend referencing the guide below for ensuring compatibility with your Native Cart.
Now that you've created your widget and set up your rules in the Data Source, go test it out! There is a "Live Mode" toggle in the widget settings, just make sure it's off, then you're ready to install and test, if it's working as expected, enable Live Mode and you're set!
Check out this Case Study to see how Roma Designer Jewelry boosted AOV by over 21% with an upsell widget (and a couple of others).