Broadcast includes a 'Goes with' feature to help upsell products on individual product pages
This article is for Broadcast v3.0 to v3.3.1 only. Tags are not supported as of v3.4
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.
One - Broadcast can suggest a product to pair with. The customer can choose the upsell product from the Cart after adding the primary product.
Two - Customer can add the upsell product to the Cart directly from the main product page and also add the primary product to Cart.
There are two steps involved with setting up upselling:
Add the Upsell theme block to the default product template
Tag your product with a custom upsell tag to pair/link with another product
Use drag-and-drop to position the upsell theme block on your product page:
To pair a product with another, you simply add a tag to the main product with a custom tag. The tag links to the upsell product or links directly to a variant of the upsell product.
Here's an example of a primary product called Carnation. We'll add the custom upsell tag here. This tells Broadcast that when a customer is viewing the Carnation product, to suggest an upsell product as well. The upsell product is the custom tag (Radiance):
We simply add a tag called '_upsell_radiance' to Carnation which implies that Radiance is the product we want to promote on the Carnation page.
There are three parts to creating your custom upsell tags:
The first part of the tag must start with _upsell_
The second part of the tag must match the product handle of the upsell item
The last part is the variant ID. This is only required for products with variants.
Example of a completed tag without variants: _upsell_radiance
Broadcast can suggest more than just an upsell product, Broadcast can suggest an exact variant of a product to upsell. This can be helpful if you're trying to upsell a certain color or size of the product.
Example of a completed tag for a product that has variants: _upsell_amaranth_39284826538048
All Shopify products have a unique product handle. You can easily find the product handle in the main Shopify Admin under Products. Choose any product in your Shopify Admin for Products, then simply use the 'Edit website SEO' link to view details about that product including the handle:
All Shopify products with variants have a unique ID number associated with the product.
To find the variant ID, browse the product in your Shopify Product Admin, choose the Edit button next to the desired variant, and find the variant ID at the end of your browser URL address:
In this example, we'll upsell a different product called, Amaranth. This product has variants. To make our correct custom upsell tag, we'll need:
The upsell tag prefix: _upsell_
The product handle
The variant ID for the variant we will be upselling
First, we'll get the product handle:
The product handle is 'amaranth'
Great, now let's get the variant ID:
The variant ID is: 39284826538048
Perfect, we now have everything we need to create our upsell tag:
_upsell_amaranth_39284826538048
Finally, let's add this to our primary product, called Carnation, so we can upsell the Amaranth two-pack variant:
We can now view the product page for Carnation and see the upsell promotion:
Demo of adding both products to the cart:
Remember, only products with one or more variants require the variant ID in the upsell tag. If your product has no variants (like our Radiance example) you only need the prefix and handle.
Cart upsell promotions are only supported when Cart Drawer is enabled in the Theme Settings.
In the Cart, Broadcast can stack upsell promotions. If the upsell product itself has an upsell tag to another product, Broadcast will promote both in the cart if the buyer adds the first upsell item.
Example: The primary product is Carnation. Carnation has an upsell product called Amaranth. Amaranth also has an upsell product called Radiance.
The main heading for this block uses a translatable string:
To change this heading you can go into your Online Store -> Themes and click on Actions -> Edit default theme content:
In the Products tab edit the 'Upsell title' field:
Save the changes and check your Product pages:
Promote products on product pages and the cart with custom metafields for precise product matching
Broadcast makes it easy to customize upsell products with two custom metafield types:
Single product: Pair a unique product as an upsell.
List of products: Suggest multiple product promotions for any product.
These can be custom-chosen products for each of your products without having to use multiple product templates.
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:
To use the metafield feature in Broadcast, you'll need first to create a custom metafield. Once the metafield has been created, you can easily customize any of your products to use unique pairings.
Create the custom metafield. There are two options: a single product or product list. We'll use the product list version in our examples. The product list version is flexible, you can use one or up to three products as upsell promotions.
Wath this video to learn how to correctly create the custom required metafield and set up your products:
Create the custom metafield that's designed for Broadcast:
Create a product metafield with a unique namespace and key called: theme.upsell_list
Be sure to change the default namespace of "custom" to "theme
" and the key must be "upsell_list
"
Once you've created the metafield, the next step is to choose the metafield in the Theme Customizer's block settings:
Use the Shopify Product Admin to pair your products with those of others. Repeat for other products in your store.
Each product will automatically generate an upsell promotion on product pages and the cart. Choose one product for a single pairing or up to three products for a list of product recommendations.
Watch the video above for full details on correctly completing all the steps.
If you're using an older version of Broadcast that only supports single product upsell promotions, the metafield you will need to create is:
theme.upsell
This metafield allows you to choose one product pairing. Newer versions of Broadcast can use both metafields, a single product, and a product list.