All Collections
Widgets
Product Page
How To Create A Standard Product Page Recommendation Widget
How To Create A Standard Product Page Recommendation Widget

This guide will help you learn to create a cross-sell widget for your Product Description Page for your Shopify online store using Rebuy!

Strauss Van Wagenen avatar
Written by Strauss Van Wagenen
Updated over a week ago

The Product Detail Page is one of the most popular places to offer additional recommendations or give the customer more opportunities for "Product Discovery". This example will show you how to install a carousel of products to the bottom of the PDP, but there are several additional places and opportunities to add more!

Creating our Widget:

From the Rebuy admin, navigate to the Online Store tab. From here you can see the most popular locations you can upgrade your online store as well as a list of all created widgets. 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 "AI Recommendations" card. Otherwise, select "New Widget" on the top right-hand side of your screen to see the list of pre-configured options. You are more than welcome to choose the others as well! You have full control over the recommendations.

This quick start to AI Recommendations widget will start with 8 items to show and install at the bottom of the page, and the Data Source is set to return AI recommendations. 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 product page 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 check out this article.

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!

  • Pro Tip! Add a Recently Viewed widget beneath the Recommendation Carousel.

Did this answer your question?