To add shoppable video to your website or app, you need to add the Bambuser web component. Start by providing the integration documentation to your developer so they can set it up on your website.
Technical Integration: A Quick Guide
Step 1: Add the Bambuser script to your website's code editor.
- Locate the technical integration documentation.
- Choose between "EU workspaces" and "Global workspaces" and copy the corresponding script tag.
- Paste the script tag into the <head> or <body> tags of your website's code editor.
Step 2: Add the Bambuser playlist to your website.
- From the technical documentation, copy the <bam-playlist> element code.
- Paste this code into the desired location on your website where you want the video playlist to appear.
- Find your organization ID (Org ID) in the URL of your Bambuser Hub (it's the string of characters after
https://lcx.bambuser.com/
). - Replace "your-org-id" in the <bam-playlist> element with your actual Org ID.
Managing your video content after integration:
- Once steps 1 and 2 are complete, your website page will appear under "Pages" in your Bambuser Hub after it receives its first visitor.
- In the Bambuser Hub, you can create new playlists and add videos to them.
- Click on the page to see all associated playlists. Each playlist will have a unique, automatically assigned ID (e.g., playlist-auto-id-0).
- To add videos to a playlist, click on "Take control of this playlist" and then "Add videos." You can select videos manually or by using tags.
- You can style the videos using the settings in the Bambuser Hub or with additional code customizations.
Google Tag Manager Integration
You can also add shoppable videos to your site through Google Tag Manager, which can reduce the need for developer assistance.