Managing the multi-session Event branding tab
The multiple-session Event branding tab lets you apply color to certain visual elements of the event so that your event visually matches your company's branding. As you customize and apply color to elements, a preview of the colors is updated and displayed—in real-time—in the preview panel, giving you a preview of the following areas of the event:
- Registration page
- Lobby home page
- Sessions page
- Itinerary page
- Exhibitors page
- Expo
- Speakers page
- People page
- Videos page
The colors selected for event branding are automatically applied to their respective elements on all attendee-facing pages.
Hosts can also customize e-badges by matching e-badge color and font to their overall event branding. Additionally, when hosts use the Event Branding tab in the event creation setup, their desktop branding choices will apply and map to the Zoom Events Companion app’s lobby on mobile devices.
Note: All settings configured in the Event branding tab—including the color palette color settings and the colors set at each of the elements—are carried over to a duplicated event.
Learn more about how you can create a multiple-session event and use the Zoom Events Companion app.
This article covers:
Prerequisites for managing the multiple-session Event Branding tab in Zoom Events
Note: For access to the latest Zoom Events and Webinar features, we strongly recommend hosts to update to the latest version of the Zoom desktop client/mobile application.
How to access the Event Branding tab for multi-session events
- Create a Zoom Event or edit an upcoming event to access the event setup.
- In the event creation flow navigation menu, click Event Branding.
How to use color palette templates
The event color palette contains the 6 main colors that you selected for use throughout the event. These 6 colors—selected manually or by applying preset colors—are applied automatically to elements throughout your event to ensure the event has a consistent visual theme. You can manually change the color of any element.
Customize the event color palette
- In the event color palette, click one of the six available sections. You can also hover your mouse over a color and click the pencil icon .
A color picker will open. - Select the color you want to add to the event color palette, then click OK.
All elements tied to the color palette section will be updated to the color. - (Optional) Repeat to add another color to the event color palette.
- (Optional) To the right of the event color palette, click Reset to reset the event color palette.
Use preset color palette templates
Preset color palette templates are available for event organizers to apply to their event. These are great for getting a quick start to designing an event and can help event organizers save time if they don't want to set the event color palette manually.
- Under the event color palette, click Explore Color Templates.
A preset color palette template will appear. - (Optional) To the right of the preset color palette template, click the left and right arrow icons to scroll through and select an available preset template.
- Click Apply.
- (Optional) Select Apply event branding to emails to apply branding elements to emails sent by Zoom Events.
- Click Save.
How to customize event branding
As you define the colors of the sections in the color palette, the colors will be applied to the mapped visual elements automatically. You can manually override the color applied to an element if you don't want the color from the color palette used.
- Access the section (Page, Text, Button, Other) that you want to customize.
- To the right of the element you want to customize, click the circle color bubble.
A color picker will open. - Select the color you want to apply to the element by using the following methods:
- Click a circle to use a color you added to the event color palette.
- Use the slider to select a color.
- Enter a HEX number.
- Enter RGB numbers.
- Click Save.
Page
The page section lets you change the colors mapped to elements on the page, and in the header and footer. The header is the uppermost section that appears on every page, while the footer is the bottommost section that appears on every page.
- Page Background: The color applied to the background of the page. Click Image/Video to upload media from your computer.
- Header Background: The color applied to the background of the header (the uppermost section that appears on every page).
- Header Text: The color applied to text that appears in the header.
- Footer Background: The color applied to the background of the footer (the bottom section that appears on every page).
- Footer Header Text: The color applied to text that appears at the top of the footer.
- Footer Body Text: The color applied to text that appears at the bottom of the footer.
Text
The text section lets you change the colors mapped to the primary and secondary text that appears. Primary text relates to the most essential text necessary—title and dates of the event, dates and times of sessions—while secondary text relates to text that helps with navigation, such as tabs that appear on the event details page.
- Primary Text: The color applied to primary text.
- Secondary Text: The color applied to secondary text.
- Paragraph Text: The color applied to text in paragraphs.
- Hyperlink: The color applied to the hyperlink text.
- Hyperlink Hover: The color applied to hyperlinks when they are hovered over.
Button
The button section lets you change the colors mapped to the buttons that appear in the event. Primary buttons are the buttons that execute the most important action when clicked, while secondary buttons relate to actions that are less important than primary buttons when clicked:
- Primary Button Color: The color applied to primary buttons.
- Primary Button Text: The color applied to text in primary buttons.
- Primary Button Hover: The color applied to primary buttons when they are hovered over.
- Secondary Button Color: The color applied to secondary buttons.
- Secondary Button Text: The color applied to text in secondary buttons.
- Secondary Button Hover: The color applied to secondary buttons when they are hovered over.
- Secondary Button Border: The color applied to the borders of secondary buttons.
Other
The Other section lets you change the color mapped to miscellaneous elements that appear in the event:
- Filter Color: The color applied to filters.
- Filter Text: The color applied to text that appears in filters.
- Tag Color: The color applied to tags.
- Tag Text: The color applied to text that appears in tags.
- Apply event branding to emails: Select this checkbox to apply branding elements to emails sent by Zoom Events.
How to add an image or video to the background
You can upload an image or video to use as a background throughout the event.
Add background image
- Under the Page section and to the right of Background, click Image/Video.
A window will open. - Find the image you want to use, then click Upload.
- (Optional) Crop the dimensions of the image.
- Click Save.
- Select the Size of the image and the Position of where the image will appear in the background.
- (Optional) Click the Overlay toggle to enable it.
- (Optional) Adjust the Color & Opacity of the overlay.
- Click Save.
Notes:
- We recommend using Fill, which will make the image resize and fill the page as it scales. An aspect ratio of 16:9 is best practice with a minimum width of 1600 px for the background to look clear on most screen sizes. Ideal image dimensions are 1920 px wide and 1080 px high.
- The image background is shown across the event; so, we recommend a simpler background with proper opacity to optimize visual accessibility and readability across the event.
Add background video
- Under the Page section and to the right of Background, click Image/Video.
A window will open. - Find the video you want to use, then click Upload.
- (Optional) Click the Overlay toggle to enable it.
- (Optional) Adjust the Color & Opacity of the overlay.
- Click Save.