Skip to main content

Shoppable Videos Not Appearing on My Website

If your shoppable videos are not appearing on your website, there are several common issues that might be causing this problem. Follow these steps to help you identify and resolve the issue.

Common Causes and Solutions​

1. Mismatched Bambuser Script​

Cause:
The Bambuser script on your website might not match the environment set for your Bambuser workspace (Global or EU).

Solution:

  • Verify that you're using the correct Bambuser script based on your workspace’s region (Global or EU).

If your Bambuser workspace is on the Global dashboard, use the following script in the <head> or <body> tags of your website:

<script async src="https://lcx-embed.bambuser.com/default/embed.js"></script>
Where’s my workspace located?
  • If you log in to your workspace on lcx.bambuser.com, use the Global script.
  • If you log in to your workspace on lcx-eu.bambuser.com, use the EU script.

2. Empty Playlist in BamHub​

Cause:
Your Bambuser workspace playlist may not contain any videos.

Solution:

  • Verify that you have added videos to your playlist in the Bambuser workspace.
    • Go to your Bambuser workspace: BamHub → Pages → Playlist → Add videos manually, and make sure that videos are listed in the playlist.

3. Incorrect Playlist ID​

Cause:
The playlist ID configured on your website doesn't match the one in your Bambuser workspace settings.

Solution:

  • Verify that the playlist ID on your website (1) matches the one in your Bambuser workspace (2).

    1. Find the Playlist ID on Your Website:

      • If you have set a playlist-id attribute in your <bam-playlist> tag, that is your playlist ID.
      • If the playlist-id attribute is not set, the playlist ID is automatically generated using the formula playlist-auto-id-[(number of <bam-playlist> elements on your page) - 1]. For example, if you have only one <bam-playlist> element on your page, and no playlist-id attribute, your playlist ID will be playlist-auto-id-0.
      • Alternatively, you can find the playlist ID by opening the browser console → Network tab → type "distribution" → refresh the page → and check the playlist ID in the request payload under containerId.

      img

    2. Compare the Playlist ID:
      Once you've identified the playlist ID on your website, compare it with the one in the Advanced Settings of your Bambuser workspace:

      • Go to BamHub → Pages → Playlist → Settings → Advanced settings → Playlist ID

4. Page Source URL Mismatch​

Cause:
This issue may occur when your page is performing redirects in the background.

Solution:

  • Verify that the correct page URL is configured in BamHub.

To do this:

  1. Open the Network tab in your browser’s developer tools and type "distribution".
  2. Refresh your page and look for the page source URL in the request payload under URL.
  3. This is the page URL you need to configure in BamHub.

To check and configure this URL, go to your Bambuser workspace: BamHub → Pages → Playlist and search for that URL. This is where you should configure your playlist.

img

For more information on how to handle redirects, refer to this article.