Appearances: Defining the Look and Feel of Your Shoppable Videos

The Appearance section is where you define the look, layout, and style of your Shoppable Video playlists.

Appearance is designed as a separate, reusable design configuration that gives you maximum flexibility and scalability.

This means you can create one video playlist (containing a set of curated videos) and connect it to multiple Appearances depending on where it should be displayed on your website or app. You will connect these two building blocks in a Placement - more on that in the Placement article. This powerful feature allows you to have the same playlist content look completely different based on its placement - enabling the scaling of your Shoppable Videos without duplicating content or management effort.

Getting Started with a New Appearance

To create a new, custom look for your playlists, follow these steps:

1. Create a New Appearance

1. Navigate to the Appearance section in the BamHub dashboard.
2. Click the + New button in the upper right corner.
3. Name your Appearance. Choose a clear, descriptive name (e.g., Product Page Grid, Homepage Banner Carousel, iOS Full Screen Player).
4. To save time, we recommend you choose a pre-filled template that closely matches your needs (you can always change the settings later). Alternatively, you can choose to create a new appearance from scratch.
5. Click Next.

2. Configure Your Appearance Settings

You will now see the full configuration screen with all available settings:

• Default Tab: Ensure all settings in the Default tab are configured to your desired base look. These settings will apply to all devices unless overridden.
• Device-Specific Tabs: If you want a specific look and feel for shoppers using a particular device type (e.g., Mobile, Tablet, Desktop), use the device-specific tabs to override the Default settings. This allows for optimal responsiveness and user experience on every screen size.

3. Live Preview and Approval Workflow

As you adjust your settings, you can see all changes reflected in a live preview on the right-hand side of the screen.

• Preview: To see the settings on different devices, click the Preview button in the top right corner.
• Share for Approval: You can share the resulting preview link with colleagues for internal Appearance approval workflows (e.g., getting sign-off from design teams).
  ❗️ Important Note on Previewing: You will see the preview settings for the device you are currently using. If you have set specific settings for a mobile device, make sure to view the preview link on a mobile device to see the intended final result.

⚠️ Important Note on Reusability and Impact

Since an Appearance is designed to be highly reusable, keep the following in mind:

• Impact on Placements: If you make changes to an Appearance or delete an Appearance, it will immediately affect all Placements it is connected to across your entire storefront.
• We have an error message when making edits and deleting an Appearance to remind you of this, but it is always good to keep in mind when managing your scalable video inventory.

4. Save and Connect

1. Once you are satisfied with all settings, click Create.
2. The next step is for you to go to Placements. This is where you will connect your new Appearance to a Playlist and define the specific URLs or app screens where this combination should be displayed.