Overview

A product add-on widget is a great way for customers to select multiple products to be added along with the main product from the product page. Typically merchants find the most success by offering items that are applicable to the main product like below and are of lesser value so that they are easy for customers to understand without having to further investigate what the product is.

To get started please navigate to Widgets in your Rebuy Admin dashboard.

From here you will see all the most popular locations to add a widget to your online store and enhance customer experience. Below that is where you will see a list of all your other widgets you have.

To create the add-on widget please 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 "Product Add-Ons" card. Otherwise, select "New Widget" on the top right-hand side of your screen to see the list of pre-configured options.

This quick start to this widget will start with 2 items to show and will be installed at the bottom of the product page.

If you are on a Shopify 2.0 theme you will need to install this with an App Block. You can find instructions on how to do that here. Otherwise you can manually install the widget following the instructions outlined in our manual widget installation guide.

The Data Source is set to return AI recommendations by default. There are many more ways you can set up your Data Source to be custom tailored to you. For getting started with making your own custom Data Source we recommend getting started with our Data Sources 101 .

Now you are ready to start customizing your widget. From here you'll just need to determine what you want the language of the widget to say, where the widget is placed, and what the offers(s) will be if you don't want to use the AI. To learn more about creating recommendation rules for your new widget, check out this article. If you need help placing it after creation, use some dynamic placement! More on widget settings.

If you would like to add more styling to the widget that is not available in the widget editor we have a helpful guide for that as well!

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!

​