Upselling with metafields
Broadcast includes a Goes with feature to help upsell products on individual product pages using metafields
With Broadcast, you can suggest a pairing product on any of your Product pages. This allows the customer to purchase two separate products within one product page.
Easily promote add-on products
Broadcast includes an easy variant chooser for your products which have multiple variants:
The Broadcast Variant Chooser Drawer
Variant chooser drawer and works together with the cart drawer using layers
A second chance is available to the customer in the Cart drawer. If the customer doesn't use the Product page upsell promotion, they will have another opportunity in the Cart drawer:
Appears when original promotion is skipped
There are three main steps involved for using Broadcast's upsell feature:
- 1.Create a product metafield with a unique namespace and key called:
- 2.Link products together in the Product setup
- 3.Add the Upsell block to the Product form in the Theme Editor.
Let's begin with creating a new custom metafield:
The first step is to define a product metafield with the namespace and key of
theme.upselland type Reference to Product, Single product:
Start by defining a new metafield in your Shopify Admin under Settings:
Choose Metafields under Settings
Click on Add definition:
Name your metafield "Upsell" and make sure you change the default namespace from
theme. The namespace and key should be exactly:
The Content type, should be Product, One product.
Change custom to theme in the Namespace and key = theme.upsell
To pair products, use the Product setup in your Shopify Admin:
Choose a product, then scroll to the bottom where you'll find your newly created Upsell option under metafields. Here you can easily choose a product to pair with:
Save your changes.
This is a quick step and is done in the Theme Editor. Navigate to a product in the Theme Editor or use the Default product template (or any product template):
Choose Add block under Product pages:
Add the Upsell block. Add block -> Upsell:
Save your Theme Editor changes.