Shopify Setup Guide
Sell products in your live stream, embed an Interactive Player on your Storefront and the Shop app, and send push notifications to customers when you're live on the Shop app.
In this article, we'll learn how to connect Stage TEN to a Shopify store so you can sell products in live and recorded shows. We'll also add the Interactive Player to your online store and Shop app, and learn how to notify Shop app customers when you go live.
Connect your Shopify store to Stage TEN
Install the Stage TEN sales channel from the Shopify App Store.
As part of this process you will be prompted to sign up (or sign in) for Stage TEN. This step will connect the store to your Stage TEN account.
Sell products in your stream
In the Studio project settings, search for and select products you want to make available. When you are live, these products will be displayed on the interactive player (and Shop app, if configured).
Optional: add a discount to your sale. Enter one of your discount codes (configured in Shopify), and it will be applied to viewer's carts automatically when they check out.
Display your interactive player on your Shopify storefront
To go live on your Storefront, you need to add an Interactive Player to one (or more) of the pages in your theme.
There are a couple ways to do this:
Option 1 (Recommended): Add the Live Player app block to an existing page in your theme.
Best if you want to add an Interactive Player to an existing page, such as to show your livestream on your Storefront's homepage.
In Shopify, go to Storefront > Theme > Customize. Add the Live Player app block to the template for a page. See here for full instructions.
New! You can also add the Past Streams Carousel app block. This will embed all of your published shows onto the page in a scrolling carousel.
Option 2: Add the default Stage TEN page to your Navigation.
Useful to get started with a dedicated page for your livestream and direct customers/viewers to watch you there.
Page can be found at
<your-store-url.com>/pages/live
Tip: This page is generated for you when you install the Stage TEN sales channel
Option 3: Copy the Embed Code and paste it as HTML on your Storefront (or any website).
This gives you maximum control over the appearance of your Interactive Player, but requires a bit of coding. See here for instructions.
Display your interactive player in the Shop App
In addition to your Storefront on the web, your store can also be found in Shopify's Shop App, which has millions of users (who are all potential viewers for your stream!).
In order to display your Interactive Player in the Shop App, you need to add a Stage TEN Card to your Shop Store. While you are live, a viewer can tap this card to open your stream. When you aren't live, the card will invite users to be notified when you go live next.
To add Stage TEN to your Shop Store:
In the Dashboard, Studio, open the Shopify panel, and click on Enable SHOP (or Configure SHOP).
Upload cover images for this card, and provide a title for your stream.
If you know when you are going to go live, add that date and time.
Reach Customers with Shop App Push Notifications
This feature sends a push notification to Shop app users who have Favorited your Store or enabled the Reminder feature on the Stage TEN Card.
When you go live, you will be asked if you want to send a push notification. If enabled, these users will receive a push notification from the Shop app telling them you are live.
For more details on configuring the Shop App, see Add Stage TEN to your Shop Store.
Publish Interactive Replays to the Shop App
You can publish interactive recordings of past livestreams to your channel page, Shopify store, and the Shop app.
These enhanced recordings provide a simulated live experience for viewers watching later by replaying chat and interactive events you triggered during your stream.
If you've enabled Shop app on your account, past shows will appear there automatically when you publish them. Learn more about publishing Interactive Replays.
To display published shows on your Shopify store, add the Past Streams Carousel app block to your store's theme.
Last updated
Was this helpful?