Broadcast v6.2 has been released - Learn more about
What's new
Broadcast Documentation
NewSupport
Latest version
Latest version
  • About Broadcast
    • Broadcast theme documentation
    • Feature requests
  • Updates
    • What's new in Broadcast
      • Release Notes
      • About v6.2 release
      • About v6.1 release
      • About v6.0 release
      • About v5.8 release
      • About v5.7 release
      • About v5.6 release
      • About v5.5 release
      • About v5.4 release
      • About v5.3 release
      • About v5.2 release
      • About v5.1 release
      • About v5.0 release
      • About v4.0 release
  • Sections
    • Broadcast sections
      • Demo store sections
      • Accordion
        • Text column block
        • Image column block
        • Icon column block
        • Custom code block
        • Contact form block
      • Accordion group
        • Heading block
        • Question block
      • Before and After
        • Heading block
        • Subheading block
        • Text block
        • Button block
      • Blog posts
      • Collection list
        • Collection block
      • Collection list hover
        • Collection block
      • Countdown timer
        • Subheading block
        • Heading block
        • Text block
        • Buttons block
      • Contact form
        • Email block
        • Message block
        • Text line block
        • Text area block
        • Telephone block
        • Heading block
        • Spacer block
        • Single checkbox block
        • Select dropdown block
        • Radio buttons block
      • Custom code
      • Custom content
        • Image block
        • Text block
        • Newsletter block
        • Testimonial block
        • Product block
        • Video block
        • Collection block
        • Before and after block
      • Divider
      • Featured blog posts
        • Featured post block
      • Featured collection
      • Featured product
      • Highlights
        • Highlight block
      • Image banner
      • Image with scrolling text
      • Image with text
      • Image with text slider
      • Map
      • Multicolumn
      • Newsletter
      • Press logos
      • Products with image
      • Rich text
      • Rich text with columns
      • Scrolling text
      • Shop the look
      • Sidebar
      • Slideshow
      • Tab collections
      • Testimonials
      • Text columns with icons
      • Text columns with images
      • Text promo
      • Text with products
      • Timeline
      • Video
  • Theme settings
    • Theme settings
      • Colors
      • Typography
      • Buttons
      • Layout
      • Search
      • Social media
      • Product Grid
      • Product Form
      • Cart
  • Header
    • Announcement bar
      • Announcement bar settings
      • Free shipping message
      • Countdown timer
      • Text announcement
      • Custom code
      • Target settings
    • Header
      • Demo store header settings
      • Header section
      • Navigation images
      • Quantity indicators
      • Transparent header
      • Header icons
      • Social icons
      • Sticky header
      • Target settings
    • Toolbar
      • Header toolbar
      • Video walkthrough
    • Mobile menu
      • Getting started
      • Mobile menu blocks
  • Footer
    • Footer settings
    • Footer blocks
      • Link list
      • Newsletter
      • Social
      • Text
      • Page
  • Products
    • Product pages
      • Accordion section
      • Custom form field
      • FAQ Accordions
      • Final Sale
      • Free products
      • Low inventory message
      • Out-of-stock notification
      • Pre-order using metafields
      • Pre-order products using tags
      • Related products
      • Sale items
      • Settings and layout
      • Siblings
      • Size charts
      • Swatches (Updated)
      • Swatch collection styles
      • Tabs and accordions
      • Tab content using metafields
      • Unique image banners
      • Upselling
      • Variant images
  • Product Theme Blocks
    • Title
    • Price
    • Variant picker
    • Buy buttons
    • Siblings
    • Description
    • Upsell
    • Inventory countdown
    • Sharing
    • Local pickup
    • Text
    • Custom code
    • Icon
    • Divider
    • Line item property
    • Feature
    • Complementary products
    • Popup
  • Collections
    • Collection pages
      • Collection page settings
      • Swatch collection styles
      • Product badges
      • Product badges with metafields
      • Product filtering
      • Quick add
      • Sub-collections
      • Cutline second line
      • Featured image
  • Pages
    • Page templates
      • Demo store about page
      • Creating page templates
      • Page section
      • About page templates
  • Blogs
    • Blogs and articles
      • About blogs and articles
      • Featured posts
      • Article page
      • Product links in blog posts
      • Article theme blocks
  • Overlay
    • Popups
      • Popups Theme Blocks
      • Large newsletter
      • Text promo
      • Small newsletter
      • Cookie consent
      • Coupon codes
      • Popup Behavior and Target
  • Promotions
    • Upselling
      • Upselling with metafields
      • Upselling with tags
  • Siblings
    • Product siblings
      • About product siblings
      • How to setup siblings
      • Siblings metafields
      • Siblings color
      • Siblings collection
      • Siblings product setup
      • Siblings block
      • Customizations
  • FAQ
    • Frequently asked questions
      • How to update Broadcast
      • Default theme content
      • Share preview link
      • Hiding prices
      • How to use sections
      • Section blocks
      • How to remove Powered by Shopify
      • Improving the speed of your site
      • How to prevent your images from getting cropped
      • Check your theme version
      • CSS customizations
  • License
    • Theme license
  • Support
    • Contacting support
    • Hire a Shopify Expert
    • Missing Cart Drawer after Updating
Powered by GitBook
On this page
  • Two upsell opportunities
  • How to:
  • 1. Add the Upsell theme block to the default product template
  • 2. Tag your product with a custom upsell tag to pair with another product
  • Creating upsell tags
  • Finding the product handle
  • Finding the product variant ID
  • Let's put that all together:
  • Stacking upsell promotions
  • Changing the 'Goes with' heading
Export as PDF
  1. Promotions
  2. Upselling

Upselling with tags

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

PreviousUpselling with metafieldsNextProduct siblings

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.

Two upsell opportunities

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.

How to:

There are two steps involved with setting up upselling:

  1. Add the Upsell theme block to the default product template

  2. Tag your product with a custom upsell tag to pair/link with another product

1. Add the Upsell theme block to the default product template

Position the upsell promotion

Use drag-and-drop to position the upsell theme block on your product page:

2. Tag your product with a custom upsell tag to pair with another product

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.

Creating upsell tags

There are three parts to creating your custom upsell tags:

  1. The first part of the tag must start with _upsell_

  2. The second part of the tag must match the product handle of the upsell item

  3. The last part is the variant ID. This is only required for products with variants.

Example of a completed tag without variants: _upsell_radiance

Variants

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

Finding the product handle

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:

Finding the product variant ID

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:

Let's put that all together:

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:

  1. The upsell tag prefix: _upsell_

  2. The product handle

  3. 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.

Stacking upsell promotions

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.

Changing the 'Goes with' heading

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:

Paired with product appears as an option in the cart
Custom '_upsell_radiance' tag added
Product handle is 'radiance'
Variant ID is the last number in your browser's address bar
Product handle is found under Edit website SEO at the bottom
Amaranth Two pack variant is promoted as the upsell option
Correct variant option is added to cart
Stacked upsell promotions