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.
Last updated
Was this helpful?
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.
Last updated
Was this helpful?
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.
Install the 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.
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.
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.
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).
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.
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.
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.
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.
To display published shows on your Shopify store, add the Past Streams Carousel app block to your store's theme.
In Shopify, go to Storefront > Theme > Customize. Add the Live Player app block to the template for a page. .
This gives you maximum control over the appearance of your Interactive Player, but requires a bit of coding.
In addition to your Storefront on the web, your store can also be found in Shopify's , which has millions of users (who are all potential viewers for your stream!).
If you've enabled Shop app on your account, past shows will appear there automatically when you publish them. .
