Branding & Customization

Add your own branding to 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 and 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.