Bambuser’s Social Commerce solution is a plug and play app for Social Commerce (Live, Shoppable Video) available to download on the Shopify App Store. In this article, you will learn how to download and install the Bambuser Video Shopping app, connect your store, and get started with interactive video commerce on your Shopify site.

Choosing Your Installation Path

Bambuser supports two onboarding installation paths depending on your contract and billing structure. Both paths offer the exact same front-end features, automated product catalog syncing, and embedded conversion tracking.

Path A: Install via the Bambuser BamHub (Recommended)

Recommended for all plans. This private app path offers the ultimate flexibility, working seamlessly across all Bambuser plan types—including both self-served tiers and sales-led/enterprise setups. It is ideal for brands wishing to manage payments flexibly via the Shopify ecosystem, direct corporate invoicing, or Stripe.

1. Log in to your existing Bambuser BamHub dashboard.
2. Navigate to Settings > Integrations and locate the Shopify module card.
3. Click Connect and enter your primary .myshopify.com storefront domain.
4. Check the Sync products from Shopify option toggle to enable automatic catalog synchronization via the Shopify API.
5. Click the black Connect to Shopify button to redirect to your merchant console to securely finalize setup permissions.
    

Path B: Install via the Public Shopify App Store (Restricted)

Restricted Path: This public application track is strictly limited to self-serve subscription plans (Free, Essential, and Growth). It is designed only for Product-Led Growth (PLG) customers who handle subscription payments directly and exclusively through Shopify's billing ecosystem. It does not support custom enterprise structures or direct invoicing.

1. If you are reading this, you have probably already installed the Bambuser Video Shopping app on the Shopify App Store and chose your preferred self-serve plan and monthly view allowance.
2. When you fill in the form in Shopify, our BamHub account has been automatically generated.

Migrating from Public to Private Application

If you are an existing customer upgrading from public marketplace plans to direct corporate invoicing or custom enterprise tiers, you can smoothly transition versions without losing your historical video assets or settings:

1. Log into your Shopify Admin dashboard, navigate to your extensions, and click Uninstall on the public marketplace Bambuser app. This immediately stops Shopify-based billing cycles.
2. Log directly into your established Bambuser BamHub platform profile.
3. Follow the steps outlined in Path A above to re-establish your connection using the private app framework.
4. Open your Shopify Theme Editor. Because the public app removal flushes marketplace layout configurations, you must simply re-insert your designated Bambuser layout blocks onto your template pages.

How to Start Streaming

1. Download the Bambuser mobile app or use your webcam as a camera source straight from the BamHub.
   
   1. iOS
   2. Android
2. If you want to set up a show from your desktop, please see the full guide here.
3. You can also set up a show straight from the mobile app, please see the full guide here.
4. To upload shoppable videos from your computer or straight from your mobile device, see the full guide here.

Bambuser Bam Hub (Desktop)

After completing the initial setup, follow these steps to go live through a desktop configuration:

1. Check your email from your computer and click the magic link in the welcome message from Bambuser.
2. A new tab will open and you will be securely logged in to the Bambuser BamHub.
3. Click Shows in the left-hand menu and then click New Show in the top right corner.
4. Name the show and proceed to Create Show. (We highly recommend creating a Test Show first). In the Video Source dropdown, choose between 'Bambuser App', 'External Camera' (for RTMP streaming), or 'Pre-recorded'.
5. Add products from your brand to make your video shoppable. Learn more details here: Add products.
6. When you have created the show, you will get a push notification on your phone. Click the notification or access the show directly from your mobile app.
7. Open the mobile app, click the show you want to stream, and simply tap **Start Show** when you are ready to go live. More information here: Go live from the mobile app.
8. See the live or pre-recorded show populate on your designated Shopify product detail page (and your Channels page, if enabled).

Bambuser iOS/Android App

Follow these steps to configure and launch a show directly from your mobile device:

1. Check your email on your mobile phone and tap the magic link sent from Bambuser.
2. The link will redirect you into the pre-downloaded Bambuser iOS/Android broadcasting app.
3. Tap the ‘+’ icon to initialize the Create show configuration panel.
4. Give your show a title and set your broadcast schedule. We always recommend adding a clear description to engage your audience.
5. Your show will instantly display on the master show listing page inside the app.
6. Tap the show entry to add relevant shoppable products to your video.
7. Done! You can start streaming straight away by tapping the purple Start Show button (or go live at the scheduled time).

Adding Product to Product Detail Pages (PDP)

Once you stream a live video or publish a pre-recorded clip and include products in the show settings, the video will seamlessly integrate onto the Product Detail Pages (PDP) of those designated products. This automated process ensures that relevant video content populates your store instantly upon streaming, completely eliminating the necessity for further manual development work.

Channels

Channels serve as the central hub where you can effortlessly display your collection of ongoing, upcoming, and archived video shows.

1. Log in to your Shopify Admin panel and navigate to Online Store > Navigation.
2. Select Main Menu and click on Add menu item.
3. Provide a clear name for your storefront navigation entry, such as "Live Shows," and choose Pages from the dropdown menu options.
4. Wait momentarily for your saved system links to load, then select your module Video Shopping from the populated list.
5. Click Add located in the lower right corner of the setup window.
6. Save your navigation changes by clicking Save in the upper right corner.
7. Open your Shopify storefront site in a new browser tab to verify the addition of the Channels hub page inside your menu selection layout.

Floating Action Button (FAB)

The Floating Action Button (FAB) is a persistent, high-visibility cross-storefront widget element that follows your users as they browse through your web store. It automatically displays live or recorded preview snippets to maximize viewer click-through conversion rates.

Read our strategic guide on how to get started: Increase visibility with the Floating Action Button, or interact with a live environment here: Demo of Floating Action Button (FAB).

Steps to Enable and Configure the FAB App Block

1. Locate your unique FAB ID: Log in to the Bambuser Hub console. Navigate inside the left tree panel to Widgets > FABs, open your designated configuration card, and copy your unique FAB ID string. If you don't have one configured, click here to design one.
2. Open the Theme customizer: Inside your Shopify Admin, click the Add Floating Action Button to theme anchor or navigate manually to your live layout theme editor workspace.
3. Insert the App Block segment: Inside your template sidebar, navigate to the template section where you want the widget enabled. Click Add section or tap Add block, switch over to the Apps selection column tab, and choose the Bambuser FAB extension.
4. Provide your widget parameter: In the configuration sidebar panel properties on the right-hand side, paste your unique string directly into the FAB ID text parameter container.
5. Publish live: Click the Save control in the upper right-hand corner of the page to push the changes live.

Key Performance Features:

• Promote active or upcoming live streaming events across any target web page.
• Generate automatic, high-engagement video teaser snippets derived straight from published assets.
• Provide sleek viewer close control toggles to ensure a premium user layout experience.
• Enable persistent visibility across designated product catalog templates to boost add-to-cart activities.

Shoppable Video

Unlike individual live show blocks, the Bambuser Shoppable Video block is optimized to host curated, on-demand pre-recorded playlists anywhere across your store layouts. This enables you to embed rich video content grids or product rows directly into standard theme template areas. Switch onto your Shoppable Video stream configuration window using the top navigation toggle selection menu inside your BamHub console.

Steps to Add the Shoppable Video Block

1. Select your page context: In your Shopify Theme Editor workspace, use the primary template drop menu selection bar to find the location (e.g., Homepage, row landing template, collection matrix) where you want to embed the rows.
2. Add the Block element: In your sidebar builder controls, click Add section, filter to your Apps index section tab, and select Bambuser Shoppable Video.
3. Link your published playlist assets: Click on your newly embedded app block entry. In the right-hand settings customization list sidebar panel, paste your unique Playlist ID criteria value string. Playlists are managed inside the BamHub under your Videos dashboard console panel.
4. Position layout coordinates: Meticulously rearrange placement coordinates by holding and dropping the block handles across your left builder menu layout section rows.
5. Refine playback properties: Toggle presentation structures cleanly between a fixed Grid matrix pattern or a smooth horizontal, scrollable media Carousel, and enable options like Autoplay or Play on Hover.
6. Push live: Click Save in the absolute upper-right construction panel corner to push your changes live.

Read the foundational getting started guide here: Shoppable Videos Hub Documentation.

Product Data Syncs

The application architecture embeds automatic data synchronization scripts directly behind your administrative storefront layer, eliminating manual setup needs for product catalogs.

Real-Time Product Data Sync (Product Hydration)

The app automatically injects the necessary structural code configurations for Cart Integration (also known as Product Hydration). This establishes an automated, high-speed bridge between your backend catalog infrastructure and the Bambuser player.

• Live Price & Stock Overrides: Because the plugin relies entirely on real-time Product Hydration logic, any product data values you initially pull through your general dashboard profile workspace (such as item cost properties, option fields, or inventory balances) will be automatically overridden by live data from your Shopify store the precise millisecond an end-consumer loads a video show page.

Data Tracking

Automated Conversion tracking (Web Pixels)

Both application track selections automatically embed standard conversion metrics tracking through native Shopify Web Pixels. The pixel architecture executes securely behind the scenes without complex theme code adjustments, mapping and pushing granular consumer events (including product link clicks, checkout initializes, and purchase confirmations) directly back into your Bambuser Insights system console to deliver clear ROI tracking from day one.