Branding & Customization

Add your own branding to webcast events and portals, and check out brand examples.

Branding Best Practices

For the best branding experience, follow these tips.

Jump to: Preview your event | Banners and banner logos | Background colors and images  | Text colors and fonts  | FootersSponsor logos

Note: To learn more about all the elements you can customize and how to use them, see Event branding and customization.

Preview your event

Always preview your event before making it public. At the top of the Event Summary tab click:

Banners and banner logos

Background colors and images

Text colors and fonts

Footers

On the registration page and in attendee portals:

In the event window:

Sponsor logos

Event Branding & Customization

The event landing page is the entrance to your event. It contains the event title and date, a registration form and login field (for people already registered), and descriptive text, speaker headshots, and other images or videos that you choose to add.

When attendees register and sign in to the event, they are taken to the event window. Depending on your webcast, the event window contains a video player where presenters appear on camera and uploaded videos are played; tabs for slides, surveys, and other content; and sidebar tabs for Q&A and audience chat.

There are so many options for customizing the appearance of your event and adding your brand that it can be difficult to know where to begin. One way is to start at the top of the page and work your way down. Set the visuals first and then build out the web content for your attendees:

Note: This article explains event branding and customization and provides links to detailed instructions. For additional information and tips, see Branding Best Practices.

Banner and logos

The banner area is displayed at the top of the landing page and event window. It spans the entire width of the browser window. You can add logos and customize the color that displays behind them. Logos can be your organization’s logos or images related to the event. These images are anchored to the left and right sides of the registration page and event window.

To hide the banner, do not upload banner logos.

To learn more, see Set up the banner and logos

Back to top ▲

Registration layouts

The layout of the landing page determines the placement of the registration form and landing page content. There are two styles:

  1. Bar layouts feature the event title and date prominently in colored bars across the landing page.
  2. Open layouts incorporate the event title and date in the body of the landing page.

To select a layout:

Go to the Player & Branding tab. Open Advanced Branding and select a Registration Layout.

The following example shows the same event styled with a bar layout (left) and open layout (right).

Bar-v-Open-Layout.png
The following table explains the available layouts.

Layout Description Preview
Bar layouts
One Column A single column with landing page content first, followed by the registration form.

tile_Event-1Col.png


Two Column Landing page content on the left and the registration form on the right. tile_Event-2Col.png
Popup Registration Landing page content with a Register Now button that opens the form in a small window. tile_Event-Popup.png
Open layouts
Title Top - Left Registration Event title and date centered above a container with the registration form on the left and landing page content on the right. tile_Open-TT-RegL.png
Title Top - Right Registration Event title and date centered above a container with the landing page content on the left and registration form on the right. tile_Open-TT-RegR.png
Side-by-Side - Left Registration Event title and date above landing page content with the registration form on the left. tile_Open-RegL.png
Side-by-Side - Right Registration Event title and date above landing page content with the registration form on the right. tile_Open-RegR.png

Back to top ▲

Colors and backgrounds

Use colors and background images to brand the look of the event landing page and event window. To set colors, go to the Player & Branding tab and open Advanced Branding. The Site Branding Options section lists page elements you can color.

EventBranding-Colors-Alltrek-Blue_cropped.png

The following table summarizes the options.

Option Description Applies to...
Banner color The color displayed behind banner logos. Set the banner to transparent to show the:
  • Registration page background color on the registration page banner
  • Player page background color or image on the event window banner

See Set up the banner and logos

Landing page, event window
Highlight color The color of buttons on the landing page and tabs in the event window. For bar layouts, the highlight color is also the background of the event title bar. See: Landing page, event window
Date bar color Bar layouts only. The bar with the event date, below the event title bar. See: Landing page
Form container color In a two-column layout, you can set the background color of the registration form. Remember that the highlight color sets the color of buttons; select a color that contrasts well behind the registration form.

See Registration page background and form and content area colors

Landing page
Registration container color The content area that holds the registration form and landing page content. You can set to transparent to allow the background color or image to show through.

See Registration page background and form and content area colors

Landing page
Registration page background The area behind the registration container. You can select a background color, upload a background image, or both. (Set the banner to transparent to have the page background color show through.)

See Registration page background and form and content area colors

Landing page, event window
Player container The content area that holds the banner, video player, slides and other content tabs, and chat and Q&A tabs. Set the player container to white to group all the blocks or set to transparent to show the background color or background image.

See Event player container and window backgrounds

Event window
Player page background The area behind the player container. By default, the player uses the registration page background. You can set a color or upload a background image specifically for the event window.

See Event player container and window backgrounds

Event window

Back to top ▲

Landing page content

All registration layouts include a dedicated space for additional content. By default, this space - called the landing text - is empty. You can edit it and include additional event information, images, speaker headshots, links, and videos on your registration page. You can also add your own custom code or use auto-fields to include the event title, date, duration, or reminder buttons on the page.

Finally, let your attendees spread the word about an event on Twitter, LinkedIn, and Facebook, and then track registrations that originate from their posts.

To learn more, see:

Back to top ▲

Sponsor logos on the event window

You can include as many sponsor logos as you like. You can set the display order of the logos, the amount of time each logo is displayed, and include a link so that when attendees click on the logo, they're taken to the sponsor's website.

To learn more, see Add sponsor logos to the event window

Back to top ▲

Portal Branding & Customization

The portal landing page is the entrance to the portal. It contains the portal title, a registration form, a login form (for people already registered), and custom content you add. When you sign in to a portal, the list of events, or agendais displayed.

There are many options for customizing the layout and appearance of a portal. This article summarizes key options for:

Common elements

The following table lists elements that appear on all pages of a portal.
 

For... Go to this tab and select... Options
Logos or banner images Branding tab. Banner Logo and Advanced Branding > Right Banner Logo
  • Banner logo - displayed at the top left of all pages
  • Right side banner logo - displayed at the top right of all pages
To hide the banner, do not upload any banner logo images.
Colors and background image Branding tab. Advanced Branding > Site Branding Options
  • Banner color - top of the page
  • Highlight color - the portal title bar, buttons on the landing page, and accent on tabs on the agenda. The portal picks a complementary text color.
  • Page background color or uploaded image
Footer Registration tab. Registration Footer By default, the footer includes a link to System Test and FAQs. Use the text editor to add and format text, image files, and more.

To update the label for the System Test link, see Customize landing page headings, links, and buttons

Registration landing page options

The following table lists options that control the landing page and registration form.
 

For... Go to this tab and select... Options
Placement of the registration form and landing page content Branding tab. Advanced Branding > Site Branding Options > Registration Layout
  • One Column Layout - a single column including the registration form
  • Two Column Layout - landing page content on the left and the registration form on the right
  • Popup Registration layout - landing page content with a Register Now button that opens the form in a small window 
Text and images on the landing page Registration tab. Customize Event Landing Page > Landing Page Content Include basic details or click Custom to insert text, headshots, images, or other custom content.
Per-event registration checkboxes on the landing page Registration tab. Customize Event Landing Page > Landing Page Content Next to Landing Text, select Custom

If you're using registration checkboxes, use these auto-fields to let visitors register for events when they register for the portal.
Headings, links, and buttons shown on the registration form Registration tab. Landing Page Labels See Customize landing page headings, links, and buttons
Registration is closed message on the landing page Event Summary tab > Portal Details > Manage Access Replaces the registration form fields when registration is set to Closed.

Add a short message (default) or click Customize Message and add text, images, or other custom content

Portal agenda

On a portal, the list of events and breakouts is called an agenda or schedule; events and breakouts are called segments. The following table lists options that control how events and breakout sessions are listed on the portal.

For... Go to this tab and select... Options
Navigation elements and layouts for listing events and breakouts Portal Layout tab. Select Layout
  • Simple List - events listed in one column, sorted by date
  • Tabs, Accordion, Table of Contents, Tracks - use visual elements like expandable accordions and tabs to group events 
  • Custom - define your own layout options
Text above the list of events Portal Layout tab. Intro Text Available for any layout but Simple Layout.
Which details to show about each event or breakout (segment) Portal Layout tab. Segment Formatting
  • Default - include the date, title, description for the event, with View Now and Add to Calendar buttons
  • Custom - to use auto-fields and choose which details are displayed.
Events and breakouts grouped by date On the Portal Layout tab, select Tabs layout.

Manage Segments tab. Manage Categories
Automatic Grouping: Broadcast date tabs

See Sort events and breakout sessions into categories
Events and breakouts grouped by categories you define On the Portal Layout tab, select any layout but Simple Layout.

Manage Segments tab. Manage Categories > New Category
Set up categories (tracks).
See Sort events and breakout sessions into categories
Individual registrations, by event Portal Layout tab > Select Layout Simple Layout or Custom Layout and select Show Checkboxes on Registration

By default, per-event registration is shown on the agenda, after the visitor signs in. To add it to the registration page, use these auto fields.

See Have viewers register for individual events on a portal

Customize event details to display (auto-fields)

Auto-fields are placeholders that automatically display specific details about each event, or linked segment, on the portal agenda. To customize the details displayed, go to the Portal Layout tab and under Segment Formatting select Custom. This opens the text editor, where you can add and apply styling to auto-fields as well as include text, images, and other elements.

Important: Segment formatting sets the content displayed for every event. Only include text or images that you would like repeated with each event block.

The format of an auto-field is __AUTOFIELD__ (the auto-field with two underscores before and after).

The following table explains the available auto-fields and the text they display.

Auto field Description
__SEGMENTDATE__ Scheduled day, date, and time
__SEGMENTTITLE__ Event title
__SEGMENTTIME__ Scheduled time
__SEGMENTDESCRIPTION__ The description you entered on the Manage Segments tab
__SEGMENTVIEWBUTTON__ View Now button
__SEGMENTREMINDERBUTTON__ Add to Calendar button

Per-event registration

If you are using per-event registration, you can add event registration to the main registration page. This lets visitors register for the portal and specific events at the same time.

On the Registration tab, in the Customize Event Landing Page section next to Landing Text, select Custom. The following table explains the available auto-fields.

Auto field Description
__ALLSEGMENTS__ All events linked on the portal
__SEGMENTBLOCK1__ The first event linked on the portal, based on the order you set on the Manage Segments tab
__SEGMENTBLOCK2__ The second event linked on the portal
__SEGMENTBLOCK3__ The third event linked on the portal
__SEGMENTBLOCK4__ The fourth event linked on the portal
__SEGMENTBLOCK#__ The Nth event linked on the portal

Branding Examples

Branding Examples

Branding Examples - Attendee Portals

Attendee portals have a registration page just like events. The registration page branding (logos, colors, and images) carries through to the portal. Portal layout and segment formatting options control how events and breakout sessions are listed on the agenda. Enhanced portals add tabs with additional ways attendees can interact.

Visit these example attendee portals to compare different navigation elements, event grouping options, and enhanced portal features. The portals are branded for Alltrek.

Logo-AlltrekBlue.jpeg     Logo-AlltrekGreen.jpeg

Portal Type Registration Page Branding Portal Layout & Features
Attendee Portal - Bar Layout Left and right logos on white banner
White registration form
Page background with gradient image
Search bar
Tabs layout with 2 columns
Events grouped in tabs by Broadcast Date
Attendee Portal - Open Layout Left and right logos on white banner
White registration form 
Page background with full-screen image
Search bar
Tabs layout with 2 columns
Events grouped in tabs by Broadcast Date
Custom label on broadcast date tabs (Day 1, 2, 3)
Enhanced Portal - Bar Layout Left and right logos on white banner
White registration form 
Page background with gradient image
Search bar
Tabs layout with 2 columns
Events grouped in tabs by Broadcast Date
Audience Chat, Ask a Question tabs (enhanced features)
Custom tabs (Welcome Message, Presenters, Announcements)
Enhanced Portal - Open Layout Left and right logos on white banner
White registration form 
Page background with full-screen image
Search bar
Tabs layout with 2 columns 
Events grouped in tabs by Broadcast Date
Custom label on broadcast date tabs (Day 1, 2, 3)
Audience Chat, Ask a Question tabs (enhanced features)
Custom tabs (Welcome Message, Presenters, Announcements)
Branding Examples

Branding Examples - Bar Layouts

Bar layouts feature the event title and date prominently in colored bars across the landing page. They offer one- and two-column layouts that set the structure of the landing page and placement of the registration form.

RegPageCallouts-3second-800px+256colors.gif

Visit these example events to compare different registration layouts, banners, colors, and background treatments. The events are branded for Alltrek and Reynholm Industries.

Logo-AlltrekBlue.jpeg      Logo-Reynholm.jpeg

Registration Layout Brand Registration Page Branding Event Window Branding
One Column with background image Alltrek Left and right logos on white banner
Light gray registration container (#F7F7F7) 
Page background with gradient image
Slides and presenter video
Sponsor logos
White player container
Light blue page background (#CBE2FE)
One Column with transparent banner Alltrek Left and right logos
Transparent banner shows page background
Light gray registration container (#F7F7F7)
Light blue page background (#CBE2FE)
Slides and presenter video
Sponsor logos
Transparent player container shows page background
Light blue page background (#CBE2FE)
One Column with background color Reynholm Industries Left banner logo on white banner
Transparent registration container shows page background
Light yellow page background (#FCF7C5)
Slides, presenter video, custom player tabs
Sponsor logos
White player container
Light yellow page background (#FCF7C5)
One Column with background image Reynholm Industries Left banner logo on white banner
Transparent registration container shows page background
Transparent background image with blue circles shows page background
Light yellow page background (#FCF7C5)
Slides, presenter video, custom player tabs
Sponsor logos
Transparent player container shows page background
Uses registration page background image and color
Two Column with transparent registration container Alltrek Left and right logos on white banner
White registration form
Transparent registration container shows page background
Dark blue page background (#004491)
Slides, presenter video, custom player tab
Sponsor logos
White player container
Dark blue page background (#004491)
 
Two Column with white registration form Alltrek Left and right logos on white banner
White registration form 
Light gray registration container (#F7F7F7)
Page background with gradient image
Slides, presenter video, custom player tab
Sponsor logos
White player container
Light blue page background (#CBE2FE)
Two Column with blue registration form and background color Reynholm Industries Left banner logo on white banner
Light blue registration form (#96B9D9)
Transparent registration container shows page background
Light yellow page background (#FCF7C5)
 
Slides, presenter video, custom player tabs
Sponsor logos
White player container
Light yellow page background (#FCF7C5)
 
Two Column with blue registration form and background image Reynholm Industries Left banner logo on white banner
Light blue registration form (#96B9D9)
Transparent registration container shows page background
Transparent background image with blue circles shows page background
Light yellow page background (#FCF7C5)
Slides, presenter video, custom player tabs
Sponsor logos
Transparent player container shows page background
Uses registration page background image and color
Two Column with transparent banner and background color Reynholm Industries Left and right logos
Transparent banner shows page background color
Transparent registration container shows page background
Light yellow page background (#FCF7C5)
Slides, presenter video, custom player tabs
Sponsor logos
White player container
Light yellow page background (#FCF7C5)
Two Column with transparent banner and background image Reynholm Industries Left and right logos
Transparent banner shows page background color
Transparent registration container shows page background
Transparent background image with blue circles shows page background
Light yellow page background (#FCF7C5)
Slides, presenter video, custom player tabs
Sponsor logos
Transparent player container shows page background
Uses registration page background image and color
Popup Registration Alltrek Left and right logos on white banner
White registration form can't be changed
Light gray registration container (#F7F7F7) 
Page background with gradient image
Slides, presenter video, custom player tabs
Sponsor logos
White player container
Light blue page background (#CBE2FE)
Popup Registration with background color Reynholm Industries Left banner logo on white banner
White registration form can't be changed
Transparent registration container shows page background
Light yellow page background (#FCF7C5)
Slides, presenter video, custom player tabs
Sponsor logos
White player container
Light yellow page background (#FCF7C5)
Popup Registration with background image Reynholm Industries Left banner logo on white banner
White registration form can't be changed
Transparent registration container shows page background
Transparent background image with blue circles shows page background
Light yellow page background (#FCF7C5)
Slides, presenter video, custom player tabs
Sponsor logos
White player container
Uses registration page background image and color
Video-only Event (no slides or content tabs) Alltrek Left and right logos on white banner
White registration form 
Light gray registration container (#F7F7F7)
Page background with gradient image
Presenter video
Sponsor logos
White player container
Light blue page background (#CBE2FE)
Branding Examples

Branding Examples - Open Layouts

Open layouts incorporate the event title and date in the body of the landing page. They feature full-page background images and more options for placement of the registration form.

Note: In Title Top layouts, you can set a background color for the registration container (the box that holds the registration form and landing page content). Side-by-side layouts don't have a registration container; landing page content displays over the page background. 

OpenRegPageCallouts+GreenRegContainer-3second-400px+256colors.gif

Visit these example events to compare different registration layouts, banners, colors, and background treatments. The events are branded for Alltrek.

Logo-AlltrekGreen.jpeg

Registration Layout Registration Page Branding Event Window Branding
Title Top, Right Registration with transparent banner Left and right logos
Transparent banner shows page background
White registration form
White registration container
Page background with full-screen image
Slides, presenter video, custom player tab
Sponsor logos
Transparent player container shows page background
Dark green page background (#183200)
Title Top, Left Registration with a dark green registration container Left and right logos on white banner
White registration form
Green registration container (#3A7821)
Page background with full-screen image
Slides, presenter video, custom player tab
Sponsor logos
Transparent player container shows page background
Player background with full-screen image
Side-By-Side, Right Registration with background image Left and right logos on white banner
White registration form
White landing page text over dark page background
Page background with full-screen image
Slides, presenter video, custom player tab
Sponsor logos
White player container
Light green page background (#CDE9C8)
Side-By-Side, Left Registration with no banner No banner (logos not uploaded)
White registration form
Black landing page text over light page background
Light green background color (#CDE9C8)
Slides and presenter video
Sponsor logos
White player container
Light green page background (#CDE9C8)
Video-only Event (no slides or content tabs) Left and right logos on white banner
White registration form
White landing page text over dark page background
Page background with full-screen image
Presenter video
Sponsor logos
Transparent player container shows page background
White page background
Branding Examples

Gold Standard Event Templates

Do you need inspiration for the branding of your next event? Look no further—we've got you covered. Explore our collection of gold-standard high-resolution background images—perfect for both the registration page and the player background. With 14 different options, you're sure to find the perfect fit. We hold the license for these images, so feel free to use them for your GlobalMeet events with confidence.

Template Name Template Link  Background Image File
Blue Sky Odyssey

image-1711055180494.png

View/Download Here
Blue Sky Prism

image-1711055287696.png

View/Download Here
Deep Sea Teal

image-1711114732627.png

View/Download Here
Emerald Tide Green

image-1711115824117.png

View/Download Here
Graphite Shadow Grey

image-1711115976356.png

View/Download Here
Midnight Sapphire Blue

image-1711116096081.png

View/Download Here
Night Sky Blue

image-1711116233807.png

View/Download Here
Obsidian Blue

image-1711116338417.png

View/Download Here
Opulent Prism

image-1711116921835.png

View/Download Here
Textured Deep Blue

image-1711117074791.png

View/Download Here
Textured Rich Grey

image-1711117477338.png

View/Download Here
Turquoise Oceanic Azure

image-1711117755681.png

View/Download Here
Vibrant Prism

image-1711117869415.png

View/Download Here
White Silver Mist

image-1711118103930.png

View/Download Here

To replicate the branding used on any of the templates above, click on the "View/Download Here" link next to each template to view the background image used on that event. When the image loads, right-click and select "Save Image As..." to save a copy of the image to your computer.

In addition to the background image available for download, all of these templates use the following branding settings:

image-1711054311153.png

image-1711054447267.png

Event Branding

Event Branding

Add social sharing to the registration page

Let your attendees spread the word about an event on Twitter, LinkedIn, and Facebook, and then track registrations that originate from their posts.

Add social sharing buttons to the registration page and create a social media post with the event title, an image, and a link to the event. You can also include a post description and a Twitter hashtag.

Social sharing buttons display in the registration container area below the landing page content.

Tip: To add the social sharing buttons to the event window or another site, copy the embed code and paste it in a custom tab or in the player footer.

When someone registers for the event from a social media post, a new campaign ID is automatically created and is visible on the Emails & Marketing tab under Campaign Source Tracking.

Notes:

This example shows the social sharing buttons on the registration page.

BarLayout-RegPage+SocialSharingCallout_cropped.png

To add social sharing:

  1. On the Registration tab, scroll to the Customize Landing Page Content section and open Social Sharing.
  2. ClickManage Social Sharing.

    SocialSharingSection+ManageSocialSharingButton.png

  3. On the Social Sharing Settings window, select Enable Social Sharing and select the social media platforms you'd like attendees to share to.

    SocialSharingEnabled+NetworksSelected.png

  4. Under OpenGraph Tag Fields, review and customize the post.
    • By default, the event title is set as the headline for LinkedIn posts. You can change this.
    • Add a link to an image to include it in the post
    • Enter your message in the Description field
    • The event URL is added below the text. You can send readers to a different URL.
    • Optionally, add a Twitter hashtag

      SocialSharing-OpenGraphsTagFields+EmbedCode.png

  5. When finished, click Save Changes.
  6. Click Save and Continue.
Event Branding

Add sponsor logos to the event window

You can include as many sponsor logos as you like. Each logo displays for 10 seconds before switching to the next one. You can set the display order of the logos, the amount of time each logo is displayed, and include a link so that when attendees click on the logo, they're taken to the sponsor's website.

The maximum recommended size for sponsor logos is 400 x 70 pixels and no more than 100 MB each. If you upload a larger image, you will be prompted to crop or resize it in the image editor.

Note: The height of the player container adjusts to accommodate the logos and shifts the footer down. To prevent the footer from moving up and down when logos switch, make sure that all logos are the same height.

This example shows the event window with four sponsor logos that are displayed for 1 second.

SponsorLogos-256ColorGif.gif

To add sponsor logos to the event window:

  1. On the Player & Branding tab, scroll to the Branding Options section and open Add Sponsor Logos.

    AddSponsorLogosSection+UploadSponsorLogos.png

  2. Click Upload Sponsor Logo.
  3. Optional. Next to Links To, enter the URL of the web page to open when attendees click the logo.
  4. Click Choose FIle, select an image, and click Upload. Repeat steps 2-4 to add more sponsor logos.

    AddSponsorLogosSection-Link+ImageUpload.png

  5. As you upload them, logos are added to a list. In the list, finalize the logos to display.
    • Set the display sequence in the Order column
    • Add or change destination links
    • Set the display duration for each logo
    • Click Edit Logo to crop, rotate, or resize the image. To use a different image, click Remove and upload a new image.

      SponsorLogosList.png

  6. Click Save and Continue.
Event Branding

Add text, images, and other media to the registration page

All registration layouts include a dedicated space for additional content. By default, this space - called the landing text - is empty. You can edit it and include additional event information, images, speaker headshots, links, and videos on your registration page. You can also add your own custom code or use auto-fields to include the event title, date, duration, or reminder buttons on the page.

The landing text area is in the registration container, either next to the registration form (open layouts and 2-column bar layout) or spanning the width of the registration container (one-column and popup registration bar layouts).

To add content to the registration page:

Go the Registration tab, scroll to the Customize Event Landing Page section, and open Landing Page Content. Next to Landing Text, select Custom to open the text editor.

Point to buttons on the toolbar to learn more about each option.

LandingPage-Content-TextEditor-Toolbar.png

When you first open the text editor, it includes auto-field placeholders for the event title, date, and the Add to Calendar button. If you want to include this information in the body of the page, clear the Title Bar Text and Date Bar Text fields so that it isn't duplicated.

Otherwise, at the right side of the editor, click </> to switch to code view and delete the placeholder code. Click </> again to switch back to the text editor view and add and format text, images, speaker headshots, links, and videos. Available auto-fields are displayed below the editor.

LandingPageContent-Custom-TextEditor@2x.png

To learn more about auto-fields, see Auto-fields for event landing pages.

This example shows a registration page with an image, speaker headshots, and text.

BarLayout-RegPage+LandingPageContentCallout@1000px.png

Event Branding

Button and tab color | Open layouts

The highlight color sets the color of the buttons on the registration page and the primary and sidebar tabs in the event window.

Note: The text color is automatically set to white or black, to contrast with the highlight color. If you select a dark color, the text is white. If you select a light color, the text is black.

To change the highlight color:

Go to the Player & Branding tab. Open Advanced Branding and set the Highlight Color.

This example shows green buttons on the registration page and green tabs on the event window.

OpenLayout-RegPage+EventWindow-HighlightColorCallout_cropped.png

Event Branding

Buttons, tabs, and title bar color | Bar layouts

The highlight color sets the color of the title bar, buttons, and the ruling line above the footer on the registration page. The highlight color is also used for the primary and sidebar tabs in the event window.

Note: The text color is automatically set to white or black, to contrast with the highlight color. If you select a dark color, the text is white. If you select a light color, the text is black.

To set the color for buttons, tabs, and the title bar:

Go to the Player & Branding tab. Open Advanced Branding and set the Highlight Color.

This example shows a blue title bar and buttons on the registration page and blue tabs on the event window.

BarLayout-RegPage+EventWindow-HighlightColorCallout_cropped.png

Event Branding

Customize landing page headings, links, and buttons

For events and attendee portals.

A landing page contains the event title (or portal title), date and time (events only), a registration form, a login form (for people already registered), and custom content you add. You can customize the text labels for headings, links, and buttons on the registration form, and the Add to Calendar button. In the Webcast Admin portal, these are called landing page labels.

The labels available depend on the registration layout you chose on the Player & Branding tab (for events) or Branding tab (for portals). To learn more, see Landing page labels | Open layouts and Landing page labels | Bar layouts ​​​​.

Jump to: Edit landing page labels | Available labels

Edit landing page labels

To edit the button text and landing page labels:

  1. Sign in to the Webcast Admin portal and edit the event or portal.
  2. On the left panel, click the Registration tab.
  3. Under Customize Event Landing Page, expand the Landing Page Labels section and click Edit Landing Page Labels.

    LandingPage-Labels-EditButton.png

  4. Enter the new text for the headings, links, and buttons.

    EditLandingPageLabels-AllLayouts.png

  5. Click Save Changes to save the text. Then click Save and Continue to save changes to the landing page.

Available labels

All Layouts section

These labels are displayed on all registration layouts.

Field Name Description
Add to Calendar Button The button next to the event date that allows viewers to download a calendar reminder
FAQs and System Test Button The link in the footer that opens the viewer system test and troubleshooting tips
Login Password Field Label The text for the password field on the registration and login form. Applies if you selected Password Protect Login on the Security tab.
Event Capacity Reached Viewer Message The message displayed on the landing page when the event is full

Additional Layouts section

Field Name Description Applies to
Text Above Register Form The heading above the registration form One and Two Column bar layouts
All open layouts
Register Form Required Notice The link in the footer that opens the viewer system test and troubleshooting tips One and Two Column bar layouts
Register Form Submit Button On the landing page, the button viewers click to register One and Two Column bar layouts
All open layouts
Text Above Login Form The heading above the login form One and Two Column bar layouts
All open layouts
Login Form Submit button The button viewers click to log in One and Two Column bar layouts
All open layouts

Popup Registration section

Field Name Description Applies to
Register Form Header and Submit Button On the landing page, the button viewers click to register. On the popup registration form, the heading and the submit button. Popup Registration bar layout
Login Form Header and Submit Button On the landing page, the button viewers click to log in. On the popup login form, the heading and the submit button. Popup Registration bar layout
Register Form Login Link The "Already registered?" link on the landing page and registration form that opens the popup login form Popup Registration bar layout
All open layouts
Login Form Register Link On the popup login form, the "Not registered?" link on the login form that opens the popup registration form Popup Registration bar layout
All open layouts

​​​​

Event Branding

Customize the event title and date | Bar layouts

By default, the registration page includes the event title in the title bar and the event date and time and a calendar reminder button in the date bar. You can change the bar colors and update the text displayed. You can also hide the title bar, date bar, or both.

Jump to: Set the bar colors | Change the bar text

Set the bar colors

Customize the colors of the title and date bars to match your brand.

To set the bar colors:

Go to the Player & Branding tab. Open Advanced Branding and for the:

The Highlight Color also sets the color of the buttons on the registration page and the buttons and tabs on the event window. To learn more, see Buttons, tabs, and title bar color | Bar layouts.

Note: The text color is automatically set to white or black, to contrast with the bar color. If you select a dark color, the text is white. If you select a light color, the text is black.

This example shows the title bar and date bar colors on the registration page.

BarLayout-RegPage-TitleBar+DateBarColorCallouts_cropped.png

Change the bar text

The registration page automatically displays the event title in the title bar and the date and time, and calendar reminder button in the date bar. This information is included by the __TITLE__, __DATE__, and __REMINDERBUTTON__ auto-fields. The benefit of auto-fields is that they automatically update when you make any changes to your event title or date on the Event Settings tab.

Landing Page Content section shows default title bar and date bar text

You can:

For example:

To change the text:

Go to the Registration tab. Scroll to the Customize Landing Page Content section and open Landing Page Content.

This example shows the registration page without a date bar. (Date Bar Text is empty.)

BarLayout-RegPage-NoDateBarCallout_cropped.png

Event Branding

Customize the event title and date | Open layouts

By default, the registration page includes the event title, the event date and time, and a calendar reminder button. For Title Top layouts, these elements are centered on the page, above the registration form and the landing page content. For Side-by-Side layouts, they are included in the landing page content area next to the registration form. You can update the text displayed or hide the title, date, or both.

This information is included by the __TITLE__, __DATE__, and __REMINDERBUTTON__ auto-fields. The benefit of auto-fields is that they automatically update when you make any changes to your event title or date on the Event Settings tab.

Note: The color of the title and date text depends on the background color you select. If you select a dark color, the text is white. If you select a light color, the text is black. To learn more about backgrounds, see Registration page background and form and content area colors.

To change the text:

Go to the Registration tab. Scroll to the Customize Landing Page Content section and open Landing Page Content.

LandingPageContent-DefaultText_cropped.png

You can:

For example:

This example shows the registration page without a date.

OpenLayout-RegPage-NoDateBarCallout_cropped.png

Event Branding

Event player container and window backgrounds

The event window is made up of two layers: the player page background and the player container. The player page background is simply a background color or image. The player container holds the video player, event content tabs, sponsor logos, and the footer. When you add sponsor logos or content to the footer, the player container expands.

Jump to: Set the player container color | Set the event window background | See also: Event Player Design Refresh

This example shows the event window background behind a white player container.

BarLayout-Layers.jpeg

Set the player container color

You can set the player container to white or transparent:

To set the player container color:

Go to the Player & Branding tab. Open Advanced Branding and set the Player Container Color.

This example shows a white player container on the event window.

BarLayout-EventWindow-PlayerContainer_cropped.png

Default Player with White Player Container.png Default Player.png Modern Layout.png
White Player Container Transparent Player Container Modern Layout (always uses transparent Player Container)

 

Set the event window background

The event window background displays behind the player container. By default, the player page background displays the same background color or image as the landing page. You can select a background color, upload a background image, or both. (Set the banner to transparent to have the player background show through.)

Background images are centered and repeat horizontally. We recommend uploading a horizontally repeating image, or gradient, or an image at least 1900 x 1200 pixels.

Choose a background image that is roughly as tall as the player container will be. The player container gets taller to accommodate footer content and sponsor logos, but background images don’t scale vertically to fill the space. The background color is displayed where the background image ends.

To set the event window background:

Go to the Player & Branding tab. Open Advanced Branding, clear the Use Reg Background Color and Use Reg Background Image checkboxes, and then set the Reg Page Background color.

PlayerPageBackground-Color.png

To upload a background image, click Upload Player Background Image.

This example shows a gradient background image that can be repeated across the registration page and an image that can be stretched.

Background Gradient

Background Image
Gradient.png
BackgroundImage.jpeg

This example shows the player page background color in the event window.

EventWindow+SponsorLogos+Footer@800px.png

 
Event Branding

Registration page background and form and content area colors

The body of the registration page is contained in three layers: under everything is the page background color or image. Next is the registration container which holds the landing page content and registration form. Finally, with a two-column layout, the form container holds the registration form.

You can set a color for each layer and upload a background image; you can also set the registration container to transparent to allow the page background to show through.

Jump to: Set the registration form color | Set the content area background color | Set the registration page background

This example shows the layers in a two-column bar layout.

LandingPage-Bar-ContainerLayers@800px.png

Set the registration form color

In a two-column layout, you can set the background color of the registration form. Remember that the highlight color sets the color of buttons; select a color that contrasts well.

To set the registration form color:

Go to the Player & Branding tab. Open Advanced Branding and set the Form Container Color.

This example shows a white form container on the registration page.

BarLayout-RegPage-FormContainerCallout_cropped.png

Set the content area background color

The registration container color is the background color for the landing page content and the registration form.

You can:

Note: When using a transparent registration container on a dark page background, you might need to adjust the text color for the landing page content to make it visible.

To set the content area color:

Go to the Player & Branding tab. Open Advanced Branding and set the Registration Container Color.

This example shows a light gray registration container with a white registration form (form container).

BarLayout-RegPage-FormContainerCallout_cropped.png

Set the registration page background

The registration page background displays behind the registration container. You can select a background color, upload a background image, or both. (Set the banner to transparent to have the page background color show through.)

Background images are centered and repeat horizontally. We recommend uploading a horizontally repeating image, or gradient, or an image at least 1900 x 1200 pixels.

Choose a background image that is roughly as tall as the registration container will be. The registration container gets taller to accommodate long registration forms and landing page content, but background images don’t scale vertically to fill the space. The background color is displayed where the background image ends.

To set the registration page background:

Go to the Player & Branding tab. Open Advanced Branding and set the Reg Page Background.

RegPageBackground-Color.png

To upload a background image, click Upload Background Image.

This example shows a gradient background image that can be repeated across the registration page and an image that can be stretched.

Background Gradient

Background Image
Gradient.png
BackgroundImage.jpeg

This example shows a gradient image as the background on the registration page.

RegPage-Bar-2Column@800px.jpeg

Event Branding

Set up the banner and logos

The banner area is displayed at the top of the landing page and event window. It spans the entire width of the browser window. You can add logos and customize the color that displays behind the logos.

To hide the banner, do not upload banner logos.

Jump to: Add banner logos | Add alt text | Set the banner color

Add banner logos

You can include your organization’s logos or images related to the event in the banner. These images are anchored to the left and right sides of the registration page and event window. You can display a left logo, a right logo, or both. To hide the banner, don’t upload either logo.

To add banner logos:

Go to the Player & Branding tab and scroll to the Branding Options section. To add a:

This example shows both logos on the registration page and the event window.

BarLayout-RegPage+EventWindow-2LogosCallouts_cropped.png

This example shows an event with the banner hidden. (Logos are not uploaded.)

BarLayout-RegPage+EventWindow-NoBannerCallouts_cropped.png

Add alt text

Include alt text for your banner logos to make your event more accessible. Alt text is the text that accompanies the logos and is read aloud by screen readers. It provides context and describes the images for visually impaired attendees.

To add alt text to logos:

After you upload your logos, next to Alt Tag, enter your alt text.

BannerLogo-AltTag.png

Set the banner color

The banner color is displayed behind the banner logos. Either set a color that complements your brand or set the banner to transparent to allow the page background to show through. Make sure the banner color complements the banner logos. If your logos have a background color, you can set the banner color to match.

Set the banner color to transparent to show the:

Note: Background images do not display in the banner on the registration page.

To set the banner color:

Go to the Player & Branding tab. Open Advanced Branding and set the Banner Color.

This example shows a white banner on the registration page and the event window.

BarLayout-RegPage+EventWindow-BannerColorCallouts_cropped.png

Event Branding

Use the text editor to customize events and emails

Jump to: Add images | Add speaker headshots | Add links | Embed videos | Add a Twitter feed

When you select the Custom option for the landing page content, footers, custom players tabs, and event emails, it opens the text editor.

The following table shows the elements you can customize and the content you can add.

Element Go to this tab and select... Things you can add
Landing Page Content Registration tab. Landing Page Content > Landing Text > Custom Text, images, links, videos, speaker details
Registration Footer Registration tab. Registration Footer > Edit Registration Page Footer Text, images, links, videos, speaker details, Twitter feed
Player Footer Event Content tab. Player Footer > Manage Player Footer Text, images, links, videos, speaker details, Twitter feed
Custom Player Tabs Event Content tab. Add Custom Player Tabs Text, images, links, videos, speaker details, Twitter feed
Registration Confirmation, Event Reminder, and Follow-up Emails Email & Marketing tab:
  • Enable Registration Confirmation > Send My Custom Message
  • Enable Event Reminder Email > Send My Custom Message
Follow-up Emails > Add New
Text, images, links

Back to top ▲

Add images

To add images:

  1. On the toolbar, click the Insert Image button.

    Text editor toolbar shows the Insert Image button

  2. Click  Choose File, select the image, and then click Upload.
  3. Optional. Resize, rotate, crop, or add text to the image before adding it. You can also add padding to the image by resizing the canvas and set the background color for the canvas.
  4. When finished editing, click Insert.

Back to top ▲

Add speaker headshots

Tell your audience about your presenters and add speaker details, including their photo, name, title, and company. Headshots must be at least 300x300 pixels and preferably the same height and width.

To add headshots:

  1. On the toolbar, click the Speaker Details button.

    Text editor toolbar shows the Speaker Details button

  2. Under Display Settings, choose a layout for the speaker details, select the image shape, and use the slider to set the headshot image size.

    Speaker Details window shows the Display Settings section with a horizontal speaker layout and the circle photo shape selected, and the photo size set to 150 pixels

  3. Under Speaker List, in the Photo column, click Upload Photo.

    Speaker Details window shows the Speaker List section

  4. Click Choose File, select the image, and then click Upload.
  5. If your image is a rectangle, point to the image and drag to center it within the guides, and then click Apply to crop the image.

    Headshot editor window shows image being cropped to fit

  6. Optional. Rotate or add text to the image.
  7. Click Save.
  8. In the Details column, enter the name of the presenter, their title, and company name.
  9. To add details for another presenter, click + Add More Headshots and repeat steps 3 to 8.
  10. When finished, close the Add Speaker Details window.

Back to top ▲

Add links

To add links:

  1. On the toolbar, click the Insert Link button. To turn text into a link, type the text and select it, and then click the  Insert Link button.

    Text editor toolbar shows the Insert Link button

  2. Enter the URL and link text.

    If you highlighted the link text, it is already entered in the Text field.

    Insert Link window shows a link in the URL field and display text entered in the Text field

  3. Click Insert.

Back to top ▲

Embed videos

You can embed a video from YouTube, Vimeo, and Brightcove using its shareable URL.

To embed videos:

  1. On the toolbar, click the Insert Video button.

    Text editor toolbar shows the Insert Video button

  2. Enter the video URL. If the Autoplay option is available, you can select it to play the video when an attendee lands on the page.

    Insert Video window shows a video link in the Video URL field with Autoplay off

  3. Click Insert.
  4. Optional. By default, the video size is 640x360. To change the size of the video, click </> to switch to code view and change the height and width of the iFrame.


    Back to top ▲

Add a Twitter feed

You can add a real-time feed of a Twitter timeline to the registration page footer and to the event window in the footer or as a custom player tab.

To add a Twitter feed:

  1. On the toolbar, click the Twitter button.

    Text editor toolbar shows the Twitter button

  2. In the Embed a Twitter Widget window, select User Timeline and enter the @username of the feed you want to embed.

    Embed a Twitter Widget window shows User Timeline selected and Twitter handle entered in the username field

  3. Click Embed Widget.
  4. Optional. By default, the feed size is set to 100%. To change the size of the feed, click </> to switch to code view and change the height and width of the iFrame.

Back to top ▲

Event Branding

Event Player Design Refresh

The webcast player has been updated to include additional spacing and refreshed styling. This design update is very subtle and will seamlessly integrate with your past and present events, ensuring a smooth transition.

New Modern Player Design

We're also introducing a curved and more stylized player design. ​This exciting update will be available to all customers as part of a phased rollout providing a modern and more impactful look and feel for your events.​ Please contact your account representative to opt in and level up your player design, for no additional charge.

Blue Sky Prism - 2.png


Optimizing your branding

When upgrading to the latest design, it is a great time to revisit your branding elements. To make this new design look its best, we recommend a bright or dark background color, gradient, or image and a highlight color dark enough for white text to show up, such as the system default blue.

Here are some examples of how different custom images can look as the background to this new design. You may supply any image of your choosing to use as your background image. 

Blue Sky Odyssey - 2.png Blue Sky Prism - 2.png Deep Sea Teal - 2.png
Emerald Tide Green - 2.png Graphite Shadow Grey - 2.png Midnight Sapphire Blue - 2.png
Night Sky Blue - 2.png Obsidian Blue - 2.png Opulent Prism - 2.png
Textured Deep Blue - 2.png Textured Rich Grey - 2.png Turquoise Oceanic Azure - 2.png
Vibrant Prism - 2.png White Silver Mist - 2.png


For more information about branding your event, please see:
Event Branding & Customization | Event player container and window backgrounds


 

A Guide to Building Accessible Webcasts

Accessibility is a priority for GlobalMeet Webcast and we are always working to improve the experience for all attendees. Ensuring that your webcast is as accessible as possible allows you to connect with everyone in your audience. The items below provide some best practices to consider when building your webcast events.

Banner logos


Landing pages and custom tab content

No images of text

All text should be entered as HTML into the WYS editors. You should never use a screenshot or generated image of text as that text will not be accessible to screen readers. Doing so may also may cause legibility issues for users on smaller screens, such as mobile devices.

Use alt tags on all images

Automatic alt tags for Speaker Details images

First and last names entered into the Speaker Details tool will automatically be used as alt text for any uploaded speaker photos.

Setup View:

Code View:


Add image alt tags in WYS editors

In WYS editors throughout the platform, you can define a custom alt tag for any image to be read by screen readers.


Color contrast

Automatic text colors

Many elements on landing pages and the player automatically change the text color to black or white to maximize legibility with your branding settings. For example, if you set your highlight color to yellow, the text in the title bar, form submit buttons and player tabs will switch to black.

Avoid busy backgrounds behind text

When using background images, especially on your landing page, be sure to keep things simple so your users can read your content. Also note that image placement may vary on larger or smaller screens. You can often lighten or darken a background image to increase contrast of the text to be displayed on top of it.

Use container colors

Another option to increase legibility of your landing page content over a busy background image is to set a registration container color. This puts your content in a solid color box to maximize contrast and legibility, while still showcasing your background image in the surrounding areas.

Captions

Live

Automated and Professional captions are available for your live events, providing a text alternative to the audio of your event for those with hearing loss or other impairments.

Replay / SimLive

Several caption options are also available for Replays and Simulated Live events. Captions can be created automatically or professionally created and uploaded to your event. These can be available in multiple languages on the same event to serve as subtitles of your content.

Please reach out to your account representative for more information on available caption capabilities.