Upselling with metafields

Broadcast includes a 'Goes with' feature to help upsell products on individual product pages using metafields

Feature added in Broadcast 3.4. For earlier versions click here

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.

Broadcast includes an easy variant chooser for your products which have multiple variants:

New Variant Chooser Drawer demonstration:

Cart promotions

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:

Broadcast now uses Shopify's Metafields feature to pair products with other products. A new Variant Chooser makes it easy for customers to select the right option.

How to setup

There are three main steps when using Broadcast's upsell feature:

  1. Create a product metafield with a unique namespace and key called: theme.upsell

  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:

Metafield configuration

The first step is to define a product metafield with the namespace and key of theme.upsell. The type should be a 'Single product'. You can find it under 'Reference'.

Start by defining a new metafield in your Shopify Admin under Settings:

Click on Add definition:

The important part

Name your metafield 'Upsell' and make sure you change the default namespace from custom to theme. The namespace and key should be theme.upsell.

The Content type should be set to Product -> One product

Creating metafield demonstration:

Upsell products can be set in your Shopify admin settings. They are set for each product individually:

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:

Choosing a product demonstration:

Save your changes.

Final step, add the Upsell block in the Theme Editor

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):

Add an the appropriate block to the 'Product pages' section:

Add the upsell block:

Save your changes.

Adding the Upsell block demonstration:

Last updated