# 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:

- [Banner and logos](#bkmrk--1)
- [Registration layouts](#bkmrk--2) (one- and two-column layouts set the structure landing page)
- [Colors and backgrounds](#bkmrk--3) (define your look)
- [Landing page content](#bkmrk--4) (text, images, speaker headshots)

**Note:** This article explains event branding and customization and provides links to detailed instructions. For additional information and tips, see [Branding Best Practices](https://gotohelp.webcasts.com/books/branding-customization/page/goto-branding-best-practices "Branding Best Practices").

# <a id="bkmrk--1" name="banner"></a>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](https://gotohelp.webcasts.com/books/branding-customization/page/set-up-the-banner-and-logos "Set up the banner and logos").

[Back to top ▲](#top)

# <a id="bkmrk--2" name="layout"></a>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 &amp; 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](https://gotohelp.webcasts.com//uploads/images/gallery/2022-05/scaled-1680-/3qweu20XYLzSVkD9-bar-v-open-layout.png)  
The following table explains the available layouts.

<table border="1" id="bkmrk-layout-description-p" style="width: 100%;"><thead><tr><th colspan="1" rowspan="1" style="width: 25%;">Layout</th><th colspan="1" rowspan="1" style="width: 50%;">Description</th><th colspan="1" rowspan="1" style="width: 25%;">Preview</th></tr></thead><tbody><tr><td align="left" colspan="3" rowspan="1">**Bar layouts**</td></tr><tr><td colspan="1" rowspan="1">One Column</td><td colspan="1" rowspan="1">A single column with landing page content first, followed by the registration form.</td><td colspan="1" rowspan="1" style="text-align: center;">![tile_Event-1Col.png](https://gotohelp.webcasts.com//uploads/images/gallery/2022-05/scaled-1680-/PEY9A0PUM9QeR8gi-tile-event-1col.png)

</td></tr><tr><td colspan="1" rowspan="1">Two Column</td><td colspan="1" rowspan="1">Landing page content on the left and the registration form on the right.</td><td colspan="1" rowspan="1" style="text-align: center;">![tile_Event-2Col.png](https://gotohelp.webcasts.com//uploads/images/gallery/2022-05/scaled-1680-/t3anJbDQOYMpCIZv-tile-event-2col.png)</td></tr><tr><td colspan="1" rowspan="1">Popup Registration</td><td colspan="1" rowspan="1">Landing page content with a Register Now button that opens the form in a small window.</td><td colspan="1" rowspan="1" style="text-align: center;">![tile_Event-Popup.png](https://gotohelp.webcasts.com//uploads/images/gallery/2022-05/scaled-1680-/qsw0pmy2QhacUzla-tile-event-popup.png)</td></tr><tr><td align="left" colspan="3" rowspan="1">**Open layouts**</td></tr><tr><td colspan="1" rowspan="1">Title Top - Left Registration</td><td colspan="1" rowspan="1">Event title and date centered above a container with the registration form on the left and landing page content on the right.</td><td colspan="1" rowspan="1" style="text-align: center;">![tile_Open-TT-RegL.png](https://gotohelp.webcasts.com//uploads/images/gallery/2022-05/scaled-1680-/acwsuAspoSSmzQp8-tile-open-tt-regl.png)</td></tr><tr><td colspan="1" rowspan="1">Title Top - Right Registration</td><td colspan="1" rowspan="1">Event title and date centered above a container with the landing page content on the left and registration form on the right.</td><td colspan="1" rowspan="1" style="text-align: center;">![tile_Open-TT-RegR.png](https://gotohelp.webcasts.com//uploads/images/gallery/2022-05/scaled-1680-/01TVIc5ixrNG7sKF-tile-open-tt-regr.png)</td></tr><tr><td colspan="1" rowspan="1">Side-by-Side - Left Registration</td><td colspan="1" rowspan="1">Event title and date above landing page content with the registration form on the left.</td><td colspan="1" rowspan="1" style="text-align: center;">![tile_Open-RegL.png](https://gotohelp.webcasts.com//uploads/images/gallery/2022-05/scaled-1680-/osqyOu2yhW5FdYzn-tile-open-regl.png)</td></tr><tr><td colspan="1" rowspan="1">Side-by-Side - Right Registration</td><td colspan="1" rowspan="1">Event title and date above landing page content with the registration form on the right.</td><td colspan="1" rowspan="1" style="text-align: center;">![tile_Open-RegR.png](https://gotohelp.webcasts.com//uploads/images/gallery/2022-05/scaled-1680-/ZgWB4B5R7f0qygAv-tile-open-regr.png)</td></tr></tbody></table>

[Back to top ▲](#top)

# <a id="bkmrk--3" name="colors"></a>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 &amp; Branding tab and open **Advanced Branding.** The Site Branding Options section lists page elements you can color.

![EventBranding-Colors-Alltrek-Blue_cropped.png](https://gotohelp.webcasts.com//uploads/images/gallery/2022-05/scaled-1680-/22SfkbVsXo8ppXoj-eventbranding-colors-alltrek-blue-cropped.png)

The following table summarizes the options.

<table border="1" id="bkmrk-option-description-a" style="width: 100%;"><thead><tr><th colspan="1" rowspan="1" style="width: 25%;">Option</th><th colspan="1" rowspan="1" style="width: 50%;">Description</th><th colspan="1" rowspan="1" style="width: 25%;">Applies to...</th></tr></thead><tbody><tr><td colspan="1" rowspan="1">Banner color</td><td colspan="1" rowspan="1">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](https://gotohelp.webcasts.com/books/branding-customization/page/set-up-the-banner-and-logos "Set up the banner and logos")

</td><td colspan="1" rowspan="1">Landing page, event window</td></tr><tr><td colspan="1" rowspan="1">Highlight color</td><td colspan="1" rowspan="1">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: - [Buttons, tabs, and title bar color | Bar layouts](https://gotohelp.webcasts.com/books/branding-customization/page/buttons-tabs-and-title-bar-color-bar-layouts "Buttons, tabs, and title bar color | Bar layouts")
- [Button and tab color | Open layouts](https://gotohelp.webcasts.com/books/branding-customization/page/button-and-tab-color-open-layouts "Button and tab color | Open layouts")

</td><td colspan="1" rowspan="1">Landing page, event window</td></tr><tr><td colspan="1" rowspan="1">Date bar color</td><td colspan="1" rowspan="1">Bar layouts only. The bar with the event date, below the event title bar. See: - [Customize the event title and date | Bar layouts](https://gotohelp.webcasts.com/books/branding-customization/page/customize-the-event-title-and-date-bar-layouts "Customize the event title and date | Bar layouts")
- [Customize the event title and date | Open layouts](https://gotohelp.webcasts.com/books/branding-customization/page/buttons-tabs-and-title-bar-color-bar-layouts "Customize the event title and date | Open layouts")

</td><td colspan="1" rowspan="1">Landing page</td></tr><tr><td colspan="1" rowspan="1">Form container color</td><td colspan="1" rowspan="1">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](https://gotohelp.webcasts.com/books/branding-customization/page/registration-page-background-and-form-and-content-area-colors "Registration page background and form and content area colors")

</td><td colspan="1" rowspan="1">Landing page</td></tr><tr><td colspan="1" rowspan="1">Registration container color</td><td colspan="1" rowspan="1">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](https://gotohelp.webcasts.com/books/branding-customization/page/registration-page-background-and-form-and-content-area-colors "Registration page background and form and content area colors")

</td><td colspan="1" rowspan="1">Landing page</td></tr><tr><td colspan="1" rowspan="1">Registration page background</td><td colspan="1" rowspan="1">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](https://gotohelp.webcasts.com/books/branding-customization/page/registration-page-background-and-form-and-content-area-colors "Registration page background and form and content area colors")

</td><td colspan="1" rowspan="1">Landing page, event window</td></tr><tr><td colspan="1" rowspan="1">Player container</td><td colspan="1" rowspan="1">The content area that holds the banner, video player, slides and other content tabs, and chat and Q&amp;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](https://gotohelp.webcasts.com/books/branding-customization/page/event-player-container-and-window-backgrounds "Event player container and window backgrounds")

</td><td colspan="1" rowspan="1">Event window</td></tr><tr><td colspan="1" rowspan="1">Player page background</td><td colspan="1" rowspan="1">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](https://gotohelp.webcasts.com/books/branding-customization/page/event-player-container-and-window-backgrounds "Event player container and window backgrounds")

</td><td colspan="1" rowspan="1">Event window</td></tr></tbody></table>

[Back to top ▲](#top)

# <a id="bkmrk--4" name="landingcontent"></a>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.

To learn more, see [Add text, images, and other media to the registration page](https://gotohelp.webcasts.com/books/branding-customization/page/add-text-images-and-other-media-to-the-registration-page "Add text, images, and other media to the registration page").

[Back to top ▲](#top)