Skip to main content
Product page upsells display offers to customers on individual product pages. The widget can show as a product card slider or stacked product cards. You can configure specific products to be shown based on which product page the customer is viewing. Discounts can be applied when customers add both the main product and the upsell product to their cart.

​
Theme installation

1

Open the theme customizer

Navigate to Online Store > Themes > Customize.
2

Enable the app embed

Ensure the Bonde app embed is enabled in App Embeds.
3

Navigate to product template

Go to the product page template where you want the upsell widget.
4

Add the app block

Add the Bonde: Product Page Upsell app block where you’d like it to appear (typically beneath the add to cart button).
5

Save

Save your updates.

​
Widget configuration

Navigate to Upsells > Settings > Product Page Widget to configure:
  • Section title: The heading above upsell offers
  • Layout type: Slider or stacked cards
  • Maximum products: Limit how many upsells show at once
  • Colors and styling: Match your theme

​
Creating a product page upsell

1

Create the upsell

In the Bonde app, go to Upsells and click Create Upsell.
2

Select type

Select Product Page as the upsell type.
3

Configure triggers

Configure trigger conditions to control when the upsell appears, or leave blank to show on all product pages.
4

Select product

Select the product offer—this is the product displayed to customers in the upsell area.
5

Add discount (optional)

Optionally configure a discount for when customers add the upsell product.