Stage TEN
Return to Stage TEN
  • Return to StageTEN.tv
  • Help Center
  • Get Started
    • Quick Start
    • Tutorials (Start here!)
      • Creator Tools Overview
      • Create a Live Show or Recording
      • Shopify Setup Guide
      • View & Publish Past Streams
      • Planning a Show
    • Best Practices
      • Tech: Doing a Tech Check Before you go Live
        • Framing & lighting tips
      • Marketing: Boost Your Show’s Conversion Rate
      • Creative: Show Formats for Shopping Success
  • Using Stage TEN
    • Studio
      • Studio Quick Start
      • Add Feeds, Guests & Assets
      • Building Scenes
      • Audience Chat
      • Conduct a Poll
      • Add Social Audiences
      • Connect App & Invite Links
      • Companion App
    • Your Stage (Channel Page)
      • Chat Moderation on the Stage TEN Interactive Player
      • Embed your live player on a Website
      • Featured Links
      • Stream to a Shopify Store
    • Monetization & Shopify
      • Live Shopping for Shopify Merchants
        • Connect Shopify from the Studio
        • Add live shows to your store
        • Add past shows to your store
        • Stream to the Shop App
          • Add Stage TEN to your Shop Store
        • More Shopify Help
          • Install the Stage TEN Sales Channel (Connecting from the Shopify App Store)
          • Make Shopify Products Available on Stage TEN
          • Storefronts using Vintage (1.0) Themes
          • Add Payment Methods for Shopify Checkout
      • Tipping
      • Live Shopping without a Shopify Store
      • Sell Products in Live Streams
    • Multistreaming & Social Destinations
      • Streaming to YouTube
        • Streaming to YouTube via RTMP
      • Streaming to Twitch
        • Connecting to Twitch via RTMP
      • Streaming to Facebook
        • Streaming with the Facebook Live Producer
      • Streaming to Instagram
      • Streaming to TikTok
        • Graphics & Assets for TikTok
      • Streaming to LinkedIn
      • Streaming to (& from) Zoom
      • Streaming using RTMP
      • Streaming to Shop App
    • Past Shows: Analytics & Publishing Recordings
      • Analytics
    • Account
      • Billing
  • Resources
    • Plan & Promote Your Show
      • Tips to Successfully Promote your Stream on Socials
      • Creating your Promotional Plan
      • Plan your Show with a Workback Calendar
        • Design Your Show Flow (Run of Show)
    • Assets and Graphics
  • Troubleshooting
    • How to contact Stage TEN Support
    • Common Issues
      • Fixing Camera, Microphone, or Screen Share Permissions
      • Troubleshooting Audio Problems
      • Internet Network Settings (how to work around a Firewall)
      • Ways to improve your internet speed
      • Why is the Text Overlay Extension Disabled?
      • Checking Permissions for Stage TEN on Facebook
      • Troubleshooting a Stage TEN Interactive Player that's embedded on your website
  • OTHER
    • Pro Studio (Classic)
      • Studio Basics
        • Computer and Internet Minimum Requirements
        • Setting the Stream Resolution
        • Recovery Mode: Handling interruptions
      • Participants & Feeds
        • Connect a Local Camera Feed
          • Connecting a Pro Camera (DSLR)
        • Invite Participants and Add Remote Feeds
        • Share your Screen or Application
          • Sharing Computer or Game Audio
        • Audio Sources, Music & Mixing
        • Recommended OBS and RTMP Settings for Use With Stage TEN
      • Building Scenes: Layouts and Overlays
        • Media Library: Videos, Images, Music
        • Play Videos in your Stream
        • Display Text Overlays
        • Creating Your Own Custom Overlays and Graphics
        • Scene Builder Hotkeys
      • Sell Products in Streams
        • Connect Shopify from the Pro Studio
      • Poll Viewers with Interactive Voting
      • Multistreaming (Pro Studio Classic)
      • Optimizing Stream Quality
        • Setting Resolution and Frame Rates
        • Improving the Quality of Your Broadcast on Stage TEN
  • Legal
    • Virtual Patent Marking
Powered by GitBook
On this page
  • Option 1: Add the player to an existing page
  • Add the Live Player app block to a Page Template
  • Optional: Customize Your Live Player
  • Option 2: Add `live` page to navigation
  • Adding Interactive Replays

Was this helpful?

  1. Using Stage TEN
  2. Monetization & Shopify
  3. Live Shopping for Shopify Merchants

Add live shows to your store

Add your Stage TEN Interactive Player to a Shopify Storefront to enable live, interactive commerce!

PreviousConnect Shopify from the StudioNextAdd past shows to your store

Last updated 6 months ago

Was this helpful?

In this article we will learn how to add your to your Storefront so viewers can watch your stream there.

Prerequisites:

  • You have a shopify store

  • You have and connected your store to Stage TEN.


Option 1: Add the player to an existing page

To add your livestream to an existing page, such as your store's homepage, you will need to use Shopify's Customize functionality.

If your storefront is built with a Vintage (1.0) Theme, the instructions below may not work for you. .

Add the Live Player app block to a Page Template

The Stage TEN Interactive Player can be embedded on any page in your store.

  1. In the Shopify admin, go to the Online Store Sales Channel.

  2. In Themes, click Customize.

  3. Choose the template used for the Page where the Stage TEN player should appear.

  4. Click Add Section in your Template.

  5. Click Apps, then select the Live Player block to add it to your page.

  6. Position and customize the newly added Section, then click Save.

Optional: Customize Your Live Player

If you wish, you can customize the appearance of the section live player. You can also add or remove blocks from the section, and even create multiple sections to achieve your desired appearance.

The following settings are available:

  1. Accent Color:

    • Allows you to customize the colors used on the Chat, SHOP and VOTE buttons

    • To use your theme color, click the Connect Dynamic Source button.

  2. Allow auto-play:

    • If selected, the live player will attempt to start playback as soon as the user opens the page.

  3. Splash Image URL (Horizontal):

    • Appears in your player's wide/horizontal layout when you are not live.

    • Image must already be uploaded to a hosting service so you can copy a public URL for it.

    • Recommended: 16:9 aspect ratio. PNG, JPEG, or GIF.

  4. Splash Image URL (Vertical):

    • Appears in the player's narrow/vertical layout when you are not live.

    • Image must already be uploaded to a hosting service so you can copy a public URL for it.

    • Recommended: 9:16 aspect ratio. PNG, JPEG or GIF.

  5. Aspect ratio:

    • In order to optimize the spacing around your player, select whether you plan to broadcast in Horizontal or Vertical orientation.

Click Save, then Exit.

Tip: Hosting for Splash Images

You can upload images to your Shopify store (or get the url of an image from your store) by going to Content > Files. Find the image file, then copy the Link.


Option 2: Add `live` page to navigation

The Stage TEN sales channel will automatically add a page to your storefront where you can see your livestreams, found at <your-store-url>/pages/live.


Adding Interactive Replays

  1. To add a recording to your section, click Add Block, then choose the Past Broadcast Recording block.

  2. Enter the recording ID for the stream you want to embed in the settings for this block.

  3. Click Save.

How to Find a Recording ID
  1. Go to the Pro Studio > Settings > Recordings.

  2. Find the recording you want to add, and click on Embed Code.

    • If you don't see the Embed Code option, your current plan may not provide access to embedding Past Broadcast Recordings.

  3. The recording's embed code will appear, and you can copy the recording ID from the src. Make sure you copy only the portion after /vod/.

Example

In the following embed code, the recording ID is a61c56d6-4fbb-48ac-8d89-8b7a7f59d018.

<iframe
  src="https://play.stageten.tv/embed/05a382df-94f9-49ab-827b-b5f5bacdfa10/vod/"
  title=""
  allow="fullscreen"
  frameborder="0"
  style="width: 1410px; height: 600px; position: relative"
>
</iframe>

If you have any questions or require additional assistance, please contact Support (support@stageten.tv)


Related:

Alternatively, you can use a hosting service such as to get a url for your image.

If you want to use a dedicated page for your stream, this one is available to you. You can simply .

To add Interactive Replays to your storefront, you must first add the . This will be replaced with an app block in the future.

Stage TEN Interactive Player
installed the Stage TEN sales channel
Learn about alternatives here
imgur
add this to your navigation menu
vintage Stage TEN Theme Section
Go live on the Shop App (configuring an entry point)
Publishing a past stream as an Interactive Recording on the Shop app