Create a landing page with Channels

User guide of how you activate and use the feature Channels

1. What is Channels?

Channels is a pre-built ‘landing page template' and enable you to add shows without back-end support. By utilizing Channels, you do not have to make code changes every time you want to display a new show on your website. Instead, you can manage your show library directly from the Bambuser Dashboard.  It is efficient, smooth, and easy to use!


2. How do I enable Channels?

To enable channels for your Bambuser Dashboard, please reach out to your Bambuser point of contact. Your channel code can be customized and themed in your fonts and colors.

2.1 How to create and utilize the feature

Once enabled, you can head over to your dashboard and follow the steps below.

  1. Log in to the dashboard
  2. Go to Widgets and click +Create Channel (theming in place)
  3. Embed code on-site
  4. Create a show under Shows in the menu to the right
  5. In your show setting, click ADD TO CHANNEL, tick the created channel and save.
  6. The show is now live on your chosen page.

Once a channel is created, you can add shows to a specific channel by clicking ADD TO CHANNEL, ticking the correct channel name, and clicking save.


Or, you can add shows directly in the channel:

  1. Click on Widgets from the left menu inside the dashboard
  2. Click on a specific Channel you would like to modify
  3. Click on Add Shows button
  4. From the list of shows, select the shows you would like to add to your Channel
  5. Close the shows modal
  6. Each show will get placed in the corresponding section, depending on its state

2.2 Channels settings

The channels have three main sections, featured show, upcoming shows, and ended shows. You can choose to showcase it or not by ticking the boxes as in the picture. A detailed explanation of each section is stated below.

Featured show
The featured section will be displayed at the very top of the Channel. It always includes ONLY ONE show. If one of the shows you have added to your Channel is live it will always be shown in this section. When there is no live show going on, you can decide whether the featured show will be:

  • The latestended show - show that ended most recently
  • Next upcoming show - show that is scheduled in the nearest future.


Upcoming shows
The upcoming shows section contains all future scheduled shows in that Channel, ordered by scheduled date and time. There is no limit on the number of shows you have in the upcoming section.

Ended shows
Ended shows section contains all ended shows in that Channel, ordered by ended date and time. There is no limit on the number of shows you have in the ended section.


2.3 Imagery for Channels shows

If you want some special image on your shows you will have to manually go into the show setup page of your show and add an image on the appropriate curtain in the Player settings. Different from the Player itself, the shows on the Channels do not use the default Image you might have set for your Player.

There are different cases for the different shows:

  1. Featured LIVE show
    This will always show a preview of the LIVE video. You can not add an image instead of the live preview.
  2. Upcoming shows
    You need to add an image for the Before Show curtain on the show setup page. If no image is set there will be a colored curtain shown instead.
  3. Ended shows
    You need to add an image for the End of Show curtain on the show setup page. If no image is set there will be a screenshot from your show appearing instead 

2.4 Script settings

To make sure all elements get the correct translation from your locale you need to make sure to add your locale to the embedded Channel code under data-channel-locale. The locale should look like this example if you are going to use US English "en-US", Danish "da-DK", German "de-DE", French 
"fr-FR" etcetera.

Add the chosen locale between " ".

3. What can I customize?

There is one layout available, however, it is possible to style some elements to your liking with help from your Bambuser account management. 

Limitations: We can not change layouts, paddings, or margins. 

3.1 Fonts

You can choose up to two different fonts to use on your Channels. The headings share one font and the rest of the text shares the other font.

3.2 Base

This will affect the whole page

  • Background color: This will Change the whole Channels background-color
  • Text color: This will change the color of all headings (Show titles, section title etc.)
  • Text color secondary: This will change the color of all shows descriptions
  • Border radius: This will change the shape of all the elements within the Channel: Rounded, semi-rounded or Square
  • Font Family: This changes the font for all text except for the Headings

3.3 Labels

We can customize the live show label:

Background color - This will change the color of the label

 

Text color - This will change the color of the label's font

 

Font weight - This will change the thickness of the label's font


Border radius - This will change the shape of the label: Rounded, semi-rounded, or Square 

 


Text transform - This specifies if the button font should be uppercase, lowercase, capitalized or none

3.4 Headings

You can add a different font to the headings as well as change font sizes and font weight.

Font Family - This will change the font only for the headings


Font size - You can have different font sizes for the section heading and the show heading


Font weight - You can have different font weights for the section heading and the show heading


Text transform - This specifies if the headings should be uppercase, lowercase, capitalized or none

Mobile font size - You can change font sizes on the mobile view as well

3.5 Buttons

There are two kinds of buttons for the theme, primary and secondary buttons. We can customize:

Background color - This will change the color of the button

Border color - This will change the color of the border around the button

Text color - This will change the color of the font on the button

Border radius - This will change the shape of the button: Rounded, semi-rounded, or Square



Text transform - This specifies if the button font should be uppercase, lowercase, capitalized or none

3.6 Dropdown (It actually drops up)

This will customize the Calendar and Share dropdowns (dropups). The color of the background and text when hovering is inherited from the dropdown button text and background-color

Text Color - This will change the color of the dropdown label when it is not in a hover state.


Border Radius - This will change the shape of the dropdown container: Rounded or Square


Icon color - This will change the color of the calendar and share icons.

3.7 Curtain

This will customize the pending curtain of a show

Background Color - This will change the color of the pending curtain

Text color - This will change the color of the pending curtain

Text transform: This specifies if the curtains font should be uppercase, lowercase, capitalized or none

4. Documentation

For integration documentation, please head over to the documentation here.


Frequently asked questions


How do I change an image on my show?

You can go into your shows setup page in the dashboard and go to the Player customizations and add a photo for that show there.

Delete

What is the Channels and what is the Player?

The Channels is the page where you have the collection of shows which can be divided into Featured, Upcoming, and Ended shows. When you click on a show to watch it the Player will now open up. The Channels and the Player are not the same features.

Delete

 Why isn’t all text shown in my default language on my Channel?

For the channels, you need to specify which language to use in the embeddable code snippet which you find on your Channels setup page in the dashboard. You can do so by adding your language to this line data-channel-locale="en-US", in the example we have added en-US to be used.

Delete

Why do I not see the image I added in the Player customization?

We have had customers that have experienced an issue with caching. A simple solution is to go back to the player customizations and add the image again and make sure to click on the 'Save' button a couple of times after adding the image to make sure it is added.

Delete

Can I change the layout for the Channels?

No, that is not possible. The Channels feature we have built is meant for quickly helping merchants to get started with collecting their shows together in one place on their page. If you want more control over the look and feel of your Channels you can build your own with the help of our Player API. We are working on a new Channels SDK which will make it easier to build your own Channels in the future but the release date for that is unknown at the moment.

Delete

How is customization implemented for my Channels?

When a merchant will start using our Channels feature an Account Manager will reach out to a person responsible for implementing the customization for their Channels. We do not make a special design for the Channels but reuse the design made for the player.
Delete