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. Navigate to Online Store > Themes > Customize
2. Ensure the GOAT app embed is enabled in App Embeds
3. Navigate to the product page template where you want the upsell widget
4. Add the GOAT: Product Page Upsell app block where you'd like it to appear (typically beneath the add to cart button)
5. Save your updates
Widget Configuration
Navigate to Upsells > Settings > Product Page Widget to configure:
Section title
Layout type (slider or stacked)
Maximum number of products to display
Colors and styling to match your theme
Upsell Setup
1. In the GOAT app, go to Upsells and click "Create Upsell"
2. Select "Product Page" as the upsell type
3. Configure trigger conditions to control when the upsell appears, or leave blank to show on all product pages
4. Select the product offer - this is the product displayed to customers in the upsell area
5. Optionally configure a discount for when customers add the upsell product
If you need help, reach out via our Intercom chat widget or email us at [email protected].