Product page upsells
Display upsell offers on product detail pages.
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
Open the theme customizer
Navigate to Online Store > Themes > Customize.
Enable the app embed
Ensure the Bonde app embed is enabled in App Embeds.
Navigate to product template
Go to the product page template where you want the upsell widget.
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).
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
Create the upsell
In the Bonde app, go to Upsells and click Create Upsell.
Select type
Select Product Page as the upsell type.
Configure triggers
Configure trigger conditions to control when the upsell appears, or leave blank to show on all product pages.
Select product
Select the product offer—this is the product displayed to customers in the upsell area.
Add discount (optional)
Optionally configure a discount for when customers add the upsell product.