immerss.aiVideo Shopping · Shopify setup
Shopify · Self-install

Set up Video Shopping on Shopify

Install the app, brand the player and drop it into your theme, add a host, then run a shoppable live show on your storefront — and publish the recording afterwards.

Want a 24/7 AI agent or live 1-1 selling instead? See all setup guides →

Before you start Setup ~30 min · plus your first show

  • Admin access to your Shopify store
  • Access to edit the store theme for the embed code
  • Your brand logo and colors handy
  • An iPhone for the host, and the products to feature
1

Find the Shopify app

In the Shopify App Store, search for Immersive Shopping & Videos.

Find the Shopify app
  1. 1
    Search the exact name

    Type “Immersive Shopping & Videos” in the App Store search bar.

  2. 2
    Open the listing

    Choose Immersive Shopping and Videos from the results.

2

Start installation

Click Install and log in with the store account.

Start installation
  1. 1
    Click Install

    The installation starts from the app listing.

  2. 2
    Log in if needed

    Use the Shopify account that controls the store.

3

Approve permissions

Review the access scopes and authorize the app.

Approve permissions
  1. 1
    Review access

    Shopify lists the data the app can access.

  2. 2
    Install app

    Click Install to finish authorization.

4

Connect your Immerss account

Sign in on the left, or register a new Immerss account on the right.

Connect your Immerss account
  1. 1
    Existing account

    Enter Immerss credentials and click Submit.

  2. 2
    New account

    Complete the registration form on the right.

5

Activate scripts

In the Shopify app Activation, click Activate for each required storefront script.

Activate scripts
  1. 1
    Open Activation

    Use the Shopify app menu and go to Activation.

  2. 2
    Activate all scripts

    Turn on Widget, Recently Viewed Items, and PDP Player — red dots mean inactive.

6

Enable app embeds

Shopify opens the theme editor for the embedded blocks.

Enable app embeds
  1. 1
    Check the toggle

    Turn on the required Immerss app embed.

  2. 2
    Save the theme

    Click Save after activating the embeds.

7

Open Pricing Plans

In the Shopify app, open Pricing Plans and click Select Plan.

Open Pricing Plans
  1. 1
    Pricing Plans tab

    Open Pricing Plans inside the Shopify app.

  2. 2
    Select Plan

    Click Select Plan to continue to Immerss.

8

Choose Video Shopping

Set the store traffic tier, select Video Shopping, and proceed.

Choose the Video Shopping plan
  1. 1
    Select store traffic

    Use the slider to select the store’s monthly traffic tier.

  2. 2
    Pick Video Shopping

    Select Video Shopping for shoppable live and recorded events.

  3. 3
    Proceed

    If payment is required, Shopify Admin will open for charge approval.

9

Open Immerss Settings

After approving a paid plan in Shopify Admin, open Immerss Settings and click Configure Immerss.

Open Immerss Settings
  1. 1
    Immerss Settings tab

    Return to the Shopify app and open Immerss Settings.

  2. 2
    Configure Immerss

    Click Configure Immerss to continue setup in the Immerss back office.

10

Copy the video player embed code

Open Settings > Developers, copy the Video player embed code, and insert it into your store theme.

Copy the video player embed code
  1. 1
    Open Developers

    In the Immerss Back Office, go to Settings > Developers.

  2. 2
    Choose the player

    Select the channel or player configuration from this list.

  3. 3
    Copy embed code

    Copy Video player embed code and insert it into the theme on the page where the player should appear.

11

Set the company logo and brand colors

Open Settings > Branding, upload the company logo, and choose the player colors.

Set the company logo and brand colors
  1. 1
    Upload company logo

    Use Choose to upload the logo shown across Immerss interfaces.

  2. 2
    Choose brand colors

    Set the brand, background, font, and additional-element colors.

12

Configure the video player

In Settings > Branding > Video player, choose the font, set the maximum width, and review the player background.

Configure the video player
  1. 1
    Choose the font

    Select the font used by the embedded Video Shopping player.

  2. 2
    Set player width

    Enter the maximum player width in pixels and review the background and layout in the preview.

13

Add a host user

Go to User Management > Add User, enter the new user’s details, and configure Streaming access.

Add a host user
  1. 1
    Enter user details

    Add the host’s name, email, role, and other required account details.

  2. 2
    Enable Host

    Turn on Streaming > Host. This permission is required to create and run shows.

  3. 3
    Optional Moderator

    Turn on Moderator only when this user should also moderate streams, then save the user.

14

Optional: Assign a moderator

Enable Streaming > Moderator for a teammate who will support the host during the live event.

Assign a moderator
  1. 1
    Enable Moderator

    Turn on Streaming > Moderator for the teammate who will support the host, then save the user.

  2. 2
    Moderator duties

    A moderator can monitor chat, answer shoppers, remove abusive messages, and pin featured products.

15

Install the Immerss iPhone app

On the host’s iPhone, find Immerss in the App Store and install the app.

Install the Immerss iPhone app
  1. 1
    Find Immerss

    Open the App Store, search for Immerss, and select the app published by Immerss.

  2. 2
    Install the app

    Use Get or the download control. When installation finishes, open the app.

16

Sign in to the host app

Use the Immerss account assigned as the show host.

Sign in to the host app
  1. 1
    Enter host credentials

    Use the email and password for the Immerss host account.

  2. 2
    Sign in

    Submit the credentials to open the Immerss app.

17

Option A: Start a stream on iPhone

A show can be created on the iPhone or in the Back Office — this step starts Option A. Open the Live tab and tap the plus button.

Start a stream on iPhone
  1. 1
    Open Live

    Use the Live tab in the bottom navigation.

  2. 2
    Create a stream

    Tap the plus button in the Live section.

18

Option A: Add the show details

Choose a cover, channel, title, host, start time, and preparation time.

Add the show details on iPhone
  1. 1
    Choose a cover

    Tap the large plus button and select the show banner.

  2. 2
    Channel and title

    Select the channel and enter a clear show title.

  3. 3
    Host and schedule

    Choose the host, a future start time, and a 5 or 10 minute preparation window.

19

Option A: Review products and distribution

Confirm the selected products, optional media, and any multistream destinations.

Review products and distribution
  1. 1
    Select products

    Select the products you want to present. Drag and drop to set the sequence of appearance.

  2. 2
    Add media assets

    Optional: add pictures/videos to show during the stream.

  3. 3
    Set up multistream

    Optional: stream to your social sites in parallel.

20

Option A: Create the show

Review the completed setup, then tap Create.

Create the show on iPhone
  1. 1
    Review show details

    Confirm the cover, channel, title, and assigned host.

  2. 2
    Check the timing

    Verify the start time is in the future and later than the preparation window.

  3. 3
    Create

    Tap Create after all required fields and products are complete.

21

Option B: Create a session from the back office

Prefer the desktop? Go to Streaming > Streaming channels, open a channel, and click New Session.

Open New Session in the Back Office
  1. 1
    Select a streaming channel

    Go to Streaming > Streaming channels and open the channel for the show.

  2. 2
    Click New Session

    Use New Session to open the Create stream form.

22

Option B: Complete the session form

The Back Office form uses the same show details, timing, host, products, and optional multistream settings.

Complete the Create stream form
  1. 1
    Cover and title

    Upload the show image or video and enter the title.

  2. 2
    Schedule

    Set date, future start time, preparation time, channel, and host.

  3. 3
    Create

    Add products, review the form, and click Create.

23

Preview the scheduled event

Your event will automatically be visible on your site’s embedded player once it’s created.

The scheduled event in the embedded storefront player
  1. 1
    Open the storefront page

    Go to the page where you inserted the embed code.

  2. 2
    Check the countdown

    The scheduled show appears with its cover, start time, and a Remind me control for shoppers.

  3. 3
    Confirm the details

    Verify the show title, host, and cover are the ones you set.

24

Promote the scheduled event

After the session is created and the player is embedded, share the storefront link with shoppers.

Promote the scheduled event
  1. 1
    Copy the event link

    Use the Share control on the storefront player and copy the event link.

  2. 2
    Share on social channels

    Use the available channel icons when they match the store’s promotion plan.

  3. 3
    Promote beyond social

    Also share the event through email, the store homepage, and other customer channels.

25

Prepare the iPhone before the show

Before entering preparation time, enable Focus or Do Not Disturb and turn off Portrait Orientation Lock.

Prepare the iPhone before the show
  1. 1
    Enable Focus or Do Not Disturb

    Reduce interruptions before the live event begins.

  2. 2
    Turn off Orientation Lock

    Portrait Orientation Lock must be off before choosing a Landscape stream.

  3. 3
    Check the environment

    Confirm a quiet location, good lighting, a clean camera lens, and a working microphone.

26

Join during preparation time

Open the show during its preparation window to check the setup before going live.

Join the show during preparation time
  1. 1
    Watch for the reminder

    The app notifies the host when the event is about to start.

  2. 2
    Enter the prep window

    Open the show while the PREP indicator is visible.

27

Choose the stream orientation

Select Portrait or Landscape, then tap Proceed.

Choose the stream orientation
  1. 1
    Choose an orientation

    Select Portrait or Landscape for the show format.

  2. 2
    Landscape requirement

    Turn off iPhone Portrait Orientation Lock before selecting Landscape.

  3. 3
    Proceed

    Tap Proceed to enter the stream studio.

28

Present the live event

When the timer turns red, present the show, monitor chat, and share products.

Present the live event
  1. 1
    Start presenting

    When preparation ends, the timer turns red and begins counting the live show.

  2. 2
    End the show carefully

    Use the exit control only when the event is finished. Ending the show cannot be undone.

  3. 3
    Monitor chat

    Open chat, read shopper questions, and reply during the presentation.

  4. 4
    Share products

    Open the product bag and feature the products being discussed.

29

Optional: Use playlist and media assets

During the show, open the playlist and share prepared images or videos when needed.

Use playlist and media assets
  1. 1
    Open the playlist

    Open the playlist area to view media prepared for the show.

  2. 2
    Select an asset

    Choose an image or video. Video playback may temporarily replace the live microphone audio.

  3. 3
    Return to the camera

    Close the asset or select another item, then continue presenting.

30

Edit and publish the recording

After the event, open the ready notification, review the recording, process it, and publish it to the player.

Edit and publish the recording
  1. 1
    Open Manage Video

    When Immerss confirms that the recording is ready, use Manage Video in the email or open the recording in Back Office.

  2. 2
    Edit the recording

    If needed, trim the beginning or end and update the title, description, or thumbnail.

  3. 3
    Process and publish

    Start processing, wait for completion, then use the current visibility or publish control to add the recording to the player.

Launch checklist

Use this after setup to confirm the store is ready to go live.

  1. 1 Shopify app installed for the correct store
  2. 2 Immerss account connected or created
  3. 3 Storefront scripts and app embeds activated
  4. 4 Video Shopping plan selected and Shopify charge approved if required
  5. 5 Immerss Settings opened and Configure Immerss selected
  6. 6 Video player embed code inserted into the intended store theme or page
  7. 7 Company logo and brand colors configured
  8. 8 Video player font, maximum width, and background appearance reviewed
  9. 9 Separate host user created and Streaming > Host enabled
  10. 10 Moderator access enabled only when another teammate will moderate
  11. 11 Immerss iPhone app installed and host signed in
  12. 12 Show created from iPhone or the Immerss Back Office
  13. 13 Cover, channel, title, and host reviewed
  14. 14 Start time and preparation window reviewed
  15. 15 Products, media assets, and optional multistream settings reviewed
  16. 16 Scheduled event visible in the embedded storefront player
  17. 17 Storefront share link tested and the scheduled event promoted
  18. 18 Focus or Do Not Disturb on; Portrait Orientation Lock off
  19. 19 Host joins during preparation time; lighting, camera, and microphone checked
  20. 20 Live tools tested: chat, products, and optional playlist assets
  21. 21 Recording edited and processed after the event
  22. 22 Recording published to the embedded storefront player