The Bambuser player can be themed and configured to showcase your unique brand colors, logo, and images. The information below applies to you if you’re getting started with Bambuser or if you are currently using the new player.

Player Design Process

Design your player following these short steps:

1. Explore the Bambuser Theming Guide Book.
2. Make changes directly in your Bam Hub: Go to Settings > Theming. Use the Preview button to test adjustments before publishing.

You can seamlessly switch between different themes for your shows to tailor experiences for specific products, campaigns, or seasonal changes.

How to Get Started

1. Click Theming under Settings in the left menu.
2. Click NEW THEME in the upper right corner.
3. Assign a name and click CREATE THEME.
4. Follow the instructions in the Self-Serve Theming editor.

Theming Settings

To adjust your workspace appearance, go to Settings > Theming and choose your theme. Changes are applied immediately, and a demo video on the right provides a real-time preview.

Assets

• Logo: Display your brand icon in the upper left (48x48px, max 1.5MB).
• Icons: Replace interaction icons (Like, Add to Cart). Use 24x24px white SVG icons for best results.

Button

Customize the color, text, border width, and border radius for all player buttons.

Curtain

The curtain is the placeholder image shown before, during (if paused), or after a show.

• Colors: Update background and text colors.
• Logo: Recommended size: 80x50px.
• Images (Before/Pause/End): Best results with a 3:2 landscape ratio.

Player Settings

Action Cards: Modify background, text, and borders. You can also hide or upload custom CTA icons (24x24px SVG recommended).

Mobile Highlight:

• Placement: Choose Top or Bottom.
• Style: Select Solid White or Blurred Grey.
• Hide Pricing: Toggle price visibility.
• Thumbnails only: Display highlights as small thumbnails to show more products.

Chat:

• Chat Style: Choose between standard stream overlay or chat bubbles.
• Moderator Messages: Differentiate moderator text with custom background colors.

Misc:

• Corner Style: Choose rounded or straight corners for product images.
• Highlight Text Alignment: Align text to Center or Top.
• Color Swatch Shape: Choose Round or Square swatches for product variants.
• Enable closed captions on start: When enabled, closed captions in the default locale will automatically display as soon as the player launches (provided captions are available). The initial language can be configured via setting locale in the  Player API.
• Highlight display style: (Desktop) Display as a list or separate cards.
• Cart button style: (Wide layout) Display as an icon or text button.

Translations

Manage player languages under Settings > Translations.

1. Add Languages: Click + Language to add more options for shoppers.
2. Set Default: Click the three dots next to a language to set it as default.
3. Personalized Experience: If your integration code includes a specific locale, the player will reflect that language automatically.