CINXE.COM
Event Branding & Custo... | GlobalMeet Support Center
<!DOCTYPE html> <html lang="en-GB" dir="ltr" class="tri-layout"> <head> <title>Event Branding & Custo... | GlobalMeet Support Center</title> <!-- Meta --> <meta name="viewport" content="width=device-width"> <meta name="token" content="Zdo3FNRcSDzyjF9ATbchJ9K3ADL5NnPPDCx7toXo"> <meta name="base-url" content="https://helpgm.webcasts.com"> <meta charset="utf-8"> <!-- Social Cards Meta --> <meta property="og:title" content="Event Branding & Custo... | GlobalMeet Support Center"> <meta property="og:url" content="https://helpgm.webcasts.com/books/branding-customization/page/event-branding-customization"> <meta property="og:description" content="The event landing page is the entrance to your event. It contains the event title and date, a regist..."> <!-- Styles and Fonts --> <link rel="stylesheet" href="https://helpgm.webcasts.com/dist/styles.css?version=v22.04.1"> <link rel="stylesheet" media="print" href="https://helpgm.webcasts.com/dist/print-styles.css?version=v22.04.1"> <!-- Custom Styles & Head Content --> <style id="custom-styles" data-color="#2c3790" data-color-light="rgba(44,55,144,0.15)"> :root { --color-primary: #2c3790; --color-primary-light: rgba(44,55,144,0.15); --color-bookshelf: #2c3790; --color-book: #2c3790; --color-chapter: #2c3790; --color-page: #2c3790; --color-page-draft: #7e50b1; } </style> <!-- Start: custom user content --> <style nonce="u73zQbZPejJwoYietHSeYiNx"> @import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;300;400;500;700;900&display=swap'); body {font-family:'Open Sans','Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 1rem; line-height: 1.5rem; font-weight: 400; color:#404659;} p, li, td {font-size:.9rem; margin-bottom: 1rem; line-height: 1.4rem;} li > p {margin-top: 1rem;} table td {vertical-align: top;padding: .5rem; margin-bottom: 1rem; line-height: 1.4rem;} table td p { margin: .5rem 0 !important;} th {background-color: #f1f1f2; font-weight: 500;font-size:.9rem !important; margin: 1rem 0 .25rem 0; vertical-align: bottom;} h1,h2,h3,h4 {font-weight: 300; color: #404659; font-family: 'Roboto Slab';} h1 {font-size: 1.5rem;} h1.break-text {font-size: 1.75rem; color: #404659; padding-bottom: 3px;border-bottom: 1px solid #404659;} h1.flex.fit-content.break-text { border-bottom: none !important;} h2 {font-size: 1.5rem;} h3 {font-size: 1.25rem;} h4 {font-size: .9rem; font-weight: 400;} a:link, a:visited {color: #00609C !important;} a:hover, a:active {text-decoration:underline; color: #0087C6 !important;} footer {background-color: #ffffff;font-size:.85rem;} /* header bar*/ .skip-to-content-link {display: none !important;} .primary-background {background-color:#ffffff !important;} .logo-text {font-size:1.5rem; color:#000000; font-family: 'Roboto Slab';font-weight: 300;} header .search-box input {background-color: rgba(0, 96, 156,0.20); color:#404659;} header .search-box button {color:#404659;} div.links.text-center {font-size: .85rem;} .breadcrumbs {font-size: .85rem;} .bg-book {background-color:#ffffff;} .bg-bookshelf {background-color:#ffffff;} .grid-card h2 {font-size: 1.35rem; text-align:center;} .grid-card .grid-card-content, .grid-card .grid-card-footer { background-color: #ffffff;} </style> <!-- End: custom user content --> <!-- Translations for JS --> </head> <body class="tri-layout"> <a class="px-m py-s skip-to-content-link print-hidden" href="#main-content">Skip to main content</a> <div notification="success" style="display: none;" data-autohide class="pos" role="alert" > <svg class="svg-icon" data-icon="check-circle" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/> </svg> <span></span><div class="dismiss"><svg class="svg-icon" data-icon="close" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/> <path d="M0 0h24v24H0z" fill="none"/> </svg></div> </div> <div notification="warning" style="display: none;" class="warning" role="alert" > <svg class="svg-icon" data-icon="info" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M11 17h2v-6h-2v6zm1-15C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zM11 9h2V7h-2v2z"/> </svg> <span></span><div class="dismiss"><svg class="svg-icon" data-icon="close" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/> <path d="M0 0h24v24H0z" fill="none"/> </svg></div> </div> <div notification="error" style="display: none;" class="neg" role="alert" > <svg class="svg-icon" data-icon="danger" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M15.73 3H8.27L3 8.27v7.46L8.27 21h7.46L21 15.73V8.27L15.73 3zM12 17.3c-.72 0-1.3-.58-1.3-1.3 0-.72.58-1.3 1.3-1.3.72 0 1.3.58 1.3 1.3 0 .72-.58 1.3-1.3 1.3zm1-4.3h-2V7h2v6z"/> <path d="M0 0h24v24H0z" fill="none"/> </svg> <span></span><div class="dismiss"><svg class="svg-icon" data-icon="close" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/> <path d="M0 0h24v24H0z" fill="none"/> </svg></div> </div> <header id="header" component="header-mobile-toggle" class="primary-background"> <div class="grid mx-l"> <div> <a href="https://helpgm.webcasts.com" class="logo"> <img class="logo-image" src="https://helpgm.webcasts.com/uploads/images/system/2024-01/dhOGY9V4goJPXXFu-gm-icon.png" alt="Logo"> <span class="logo-text">GlobalMeet Support Center</span> </a> <button type="button" refs="header-mobile-toggle@toggle" title="Expand Header Menu" aria-expanded="false" class="mobile-menu-toggle hide-over-l"><svg class="svg-icon" data-icon="more" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"/> </svg></button> </div> <div class="flex-container-row justify-center hide-under-l"> <form action="https://helpgm.webcasts.com/search" method="GET" class="search-box" role="search"> <button id="header-search-box-button" type="submit" aria-label="Search" tabindex="-1"><svg class="svg-icon" data-icon="search" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/> <path d="M0 0h24v24H0z" fill="none"/> </svg> </button> <input id="header-search-box-input" type="text" name="term" aria-label="Search" placeholder="Search" value=""> </form> </div> <div class="text-right"> <nav refs="header-mobile-toggle@menu" class="header-links"> <div class="links text-center"> <a class="hide-over-l" href="https://helpgm.webcasts.com/search"><svg class="svg-icon" data-icon="search" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/> <path d="M0 0h24v24H0z" fill="none"/> </svg>Search</a> <a href="https://helpgm.webcasts.com/shelves"><svg class="svg-icon" data-icon="bookshelf" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path d="M1.088 2.566h17.42v17.42H1.088z" fill="none"/><path d="M4 20.058h15.892V22H4z"/><path d="M2.902 1.477h17.42v17.42H2.903z" fill="none"/><g><path d="M6.658 3.643V18h-2.38V3.643zM11.326 3.643V18H8.947V3.643zM14.722 3.856l5.613 13.214-2.19.93-5.613-13.214z"/></g></svg>Shelves</a> <a href="https://helpgm.webcasts.com/books"><svg class="svg-icon" data-icon="books" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path d="M19.252 1.708H8.663a1.77 1.77 0 0 0-1.765 1.764v14.12c0 .97.794 1.764 1.765 1.764h10.59a1.77 1.77 0 0 0 1.764-1.765V3.472a1.77 1.77 0 0 0-1.765-1.764zM8.663 3.472h4.412v7.06L10.87 9.208l-2.206 1.324z"/><path d="M30.61 3.203h24v24h-24z" fill="none"/><path d="M2.966 6.61v14c0 1.1.9 2 2 2h14v-2h-14v-14z"/></svg>Books</a> <a href="https://helpgm.webcasts.com/login"><svg class="svg-icon" data-icon="login" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M21 3.01H3c-1.1 0-2 .9-2 2V9h2V4.99h18v14.03H3V15H1v4.01c0 1.1.9 1.98 2 1.98h18c1.1 0 2-.88 2-1.98v-14c0-1.11-.9-2-2-2zM11 16l4-4-4-4v3H1v2h10v3z"/> </svg>Log in</a> </div> </nav> </div> </div> </header> <div id="content" components="tri-layout" class="block"> <div class="tri-layout-mobile-tabs print-hidden"> <div class="grid half no-break no-gap"> <button type="button" refs="tri-layout@tab" data-tab="info" aria-label="Tab: Show Secondary Information" class="tri-layout-mobile-tab px-m py-m text-primary"> Info </button> <button type="button" refs="tri-layout@tab" data-tab="content" aria-label="Tab: Show Primary Content" aria-selected="true" class="tri-layout-mobile-tab px-m py-m text-primary active"> Content </button> </div> </div> <div refs="tri-layout@container" class="tri-layout-container" > <div class="tri-layout-left print-hidden pt-m" id="sidebar"> <aside class="tri-layout-left-contents"> <section> <div class="tag-item primary-background-light" data-name="Webcast" data-value=""> <div class="tag-name "><a href="https://helpgm.webcasts.com/search?term=%5BWebcast%5D"><svg class="svg-icon" data-icon="tag" role="presentation" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M21.41,11.41l-8.83-8.83C12.21,2.21,11.7,2,11.17,2H4C2.9,2,2,2.9,2,4v7.17c0,0.53,0.21,1.04,0.59,1.41l8.83,8.83 c0.78,0.78,2.05,0.78,2.83,0l7.17-7.17C22.2,13.46,22.2,12.2,21.41,11.41z M6.5,8C5.67,8,5,7.33,5,6.5S5.67,5,6.5,5S8,5.67,8,6.5 S7.33,8,6.5,8z"/></svg>Webcast</a></div> </div> </section> <nav id="page-navigation" class="mb-xl" aria-label="Page Navigation"> <h5>Page Navigation</h5> <div class="body"> <div class="sidebar-page-nav menu"> <li class="page-nav-item h1"> <a href="#bkmrk-banner-and-logos" class="text-limit-lines-1 block">Banner and logos</a> <div class="primary-background sidebar-page-nav-bullet"></div> </li> <li class="page-nav-item h1"> <a href="#bkmrk-registration-layouts" class="text-limit-lines-1 block">Registration layouts</a> <div class="primary-background sidebar-page-nav-bullet"></div> </li> <li class="page-nav-item h1"> <a href="#bkmrk-colors-and-backgroun" class="text-limit-lines-1 block">Colors and backgrounds</a> <div class="primary-background sidebar-page-nav-bullet"></div> </li> <li class="page-nav-item h1"> <a href="#bkmrk-landing-page-content" class="text-limit-lines-1 block">Landing page content</a> <div class="primary-background sidebar-page-nav-bullet"></div> </li> <li class="page-nav-item h1"> <a href="#bkmrk-sponsor-logos-on-the" class="text-limit-lines-1 block">Sponsor logos on the event window</a> <div class="primary-background sidebar-page-nav-bullet"></div> </li> </div> </div> </nav> <nav id="book-tree" class="book-tree mb-xl" aria-label="Book Navigation"> <h5>Book Navigation</h5> <ul class="sidebar-page-list mt-xs menu entity-list"> <li class="list-item-book book"> <a href="https://helpgm.webcasts.com/books/branding-customization" class="book entity-list-item" data-entity-type="book" data-entity-id="8"> <span role="presentation" class="icon text-book"><svg class="svg-icon" data-icon="book" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M18 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM6 4h5v8l-2.5-1.5L6 12V4z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Branding & Customization</h4> </div> </a> </li> <li class="list-item-page page "> <a href="https://helpgm.webcasts.com/books/branding-customization/page/branding-best-practices" class="page entity-list-item" data-entity-type="page" data-entity-id="77"> <span role="presentation" class="icon text-page"><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Branding Best Practices</h4> </div> </a> </li> <li class="list-item-page page "> <a href="https://helpgm.webcasts.com/books/branding-customization/page/event-branding-customization" class="page selected entity-list-item" data-entity-type="page" data-entity-id="76"> <span role="presentation" class="icon text-page"><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Event Branding & Customization</h4> </div> </a> </li> <li class="list-item-page page "> <a href="https://helpgm.webcasts.com/books/branding-customization/page/portal-branding-customization" class="page entity-list-item" data-entity-type="page" data-entity-id="78"> <span role="presentation" class="icon text-page"><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Portal Branding & Customization</h4> </div> </a> </li> <li class="list-item-chapter chapter "> <a href="https://helpgm.webcasts.com/books/branding-customization/chapter/branding-examples" class="chapter entity-list-item" data-entity-type="chapter" data-entity-id="9"> <span role="presentation" class="icon text-chapter"><svg class="svg-icon" data-icon="chapter" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm16-4H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-1 9H9V9h10v2zm-4 4H9v-2h6v2zm4-8H9V5h10v2z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Branding Examples</h4> </div> </a> <div class="entity-list-item no-hover"> <span role="presentation" class="icon text-chapter"></span> <div class="content"> <div class="chapter-child-menu"> <button chapter-toggle type="button" aria-expanded="false" class="text-muted "> <svg class="svg-icon" data-icon="caret-right" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 17.5l5-5-5-5z"/><path d="M0 0h24v24H0z" fill="none"/></svg> <svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg> <span>4 Pages</span> </button> <ul class="sub-menu inset-list " role="menu"> <li class="list-item-page " role="presentation"> <a href="https://helpgm.webcasts.com/books/branding-customization/page/branding-examples-attendee-portals" class="page entity-list-item" data-entity-type="page" data-entity-id="84"> <span role="presentation" class="icon text-page"><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Branding Examples - Attendee Portals</h4> </div> </a> </li> <li class="list-item-page " role="presentation"> <a href="https://helpgm.webcasts.com/books/branding-customization/page/branding-examples-bar-layouts" class="page entity-list-item" data-entity-type="page" data-entity-id="91"> <span role="presentation" class="icon text-page"><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Branding Examples - Bar Layouts</h4> </div> </a> </li> <li class="list-item-page " role="presentation"> <a href="https://helpgm.webcasts.com/books/branding-customization/page/branding-examples-open-layouts" class="page entity-list-item" data-entity-type="page" data-entity-id="85"> <span role="presentation" class="icon text-page"><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Branding Examples - Open Layouts</h4> </div> </a> </li> <li class="list-item-page " role="presentation"> <a href="https://helpgm.webcasts.com/books/branding-customization/page/gold-standard-event-templates" class="page entity-list-item" data-entity-type="page" data-entity-id="327"> <span role="presentation" class="icon text-page"><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Gold Standard Event Templates</h4> </div> </a> </li> </ul> </div> </div> </div> </li> <li class="list-item-chapter chapter "> <a href="https://helpgm.webcasts.com/books/branding-customization/chapter/event-branding" class="chapter entity-list-item" data-entity-type="chapter" data-entity-id="10"> <span role="presentation" class="icon text-chapter"><svg class="svg-icon" data-icon="chapter" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm16-4H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-1 9H9V9h10v2zm-4 4H9v-2h6v2zm4-8H9V5h10v2z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Event Branding</h4> </div> </a> <div class="entity-list-item no-hover"> <span role="presentation" class="icon text-chapter"></span> <div class="content"> <div class="chapter-child-menu"> <button chapter-toggle type="button" aria-expanded="false" class="text-muted "> <svg class="svg-icon" data-icon="caret-right" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 17.5l5-5-5-5z"/><path d="M0 0h24v24H0z" fill="none"/></svg> <svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg> <span>13 Pages</span> </button> <ul class="sub-menu inset-list " role="menu"> <li class="list-item-page " role="presentation"> <a href="https://helpgm.webcasts.com/books/branding-customization/page/add-social-sharing-to-the-registration-page" class="page entity-list-item" data-entity-type="page" data-entity-id="93"> <span role="presentation" class="icon text-page"><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Add social sharing to the registration page</h4> </div> </a> </li> <li class="list-item-page " role="presentation"> <a href="https://helpgm.webcasts.com/books/branding-customization/page/add-sponsor-logos-to-the-event-window" class="page entity-list-item" data-entity-type="page" data-entity-id="94"> <span role="presentation" class="icon text-page"><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Add sponsor logos to the event window</h4> </div> </a> </li> <li class="list-item-page " role="presentation"> <a href="https://helpgm.webcasts.com/books/branding-customization/page/add-text-images-and-other-media-to-the-registration-page" class="page entity-list-item" data-entity-type="page" data-entity-id="95"> <span role="presentation" class="icon text-page"><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Add text, images, and other media to the registration page</h4> </div> </a> </li> <li class="list-item-page " role="presentation"> <a href="https://helpgm.webcasts.com/books/branding-customization/page/button-and-tab-color-open-layouts" class="page entity-list-item" data-entity-type="page" data-entity-id="96"> <span role="presentation" class="icon text-page"><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Button and tab color | Open layouts</h4> </div> </a> </li> <li class="list-item-page " role="presentation"> <a href="https://helpgm.webcasts.com/books/branding-customization/page/buttons-tabs-and-title-bar-color-bar-layouts" class="page entity-list-item" data-entity-type="page" data-entity-id="97"> <span role="presentation" class="icon text-page"><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Buttons, tabs, and title bar color | Bar layouts</h4> </div> </a> </li> <li class="list-item-page " role="presentation"> <a href="https://helpgm.webcasts.com/books/branding-customization/page/customize-landing-page-headings-links-and-buttons" class="page entity-list-item" data-entity-type="page" data-entity-id="80"> <span role="presentation" class="icon text-page"><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Customize landing page headings, links, and buttons</h4> </div> </a> </li> <li class="list-item-page " role="presentation"> <a href="https://helpgm.webcasts.com/books/branding-customization/page/customize-the-event-title-and-date-bar-layouts" class="page entity-list-item" data-entity-type="page" data-entity-id="99"> <span role="presentation" class="icon text-page"><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Customize the event title and date | Bar layouts</h4> </div> </a> </li> <li class="list-item-page " role="presentation"> <a href="https://helpgm.webcasts.com/books/branding-customization/page/customize-the-event-title-and-date-open-layouts" class="page entity-list-item" data-entity-type="page" data-entity-id="102"> <span role="presentation" class="icon text-page"><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Customize the event title and date | Open layouts</h4> </div> </a> </li> <li class="list-item-page " role="presentation"> <a href="https://helpgm.webcasts.com/books/branding-customization/page/event-player-container-and-window-backgrounds" class="page entity-list-item" data-entity-type="page" data-entity-id="81"> <span role="presentation" class="icon text-page"><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Event player container and window backgrounds</h4> </div> </a> </li> <li class="list-item-page " role="presentation"> <a href="https://helpgm.webcasts.com/books/branding-customization/page/registration-page-background-and-form-and-content-area-colors" class="page entity-list-item" data-entity-type="page" data-entity-id="82"> <span role="presentation" class="icon text-page"><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Registration page background and form and content area colors</h4> </div> </a> </li> <li class="list-item-page " role="presentation"> <a href="https://helpgm.webcasts.com/books/branding-customization/page/set-up-the-banner-and-logos" class="page entity-list-item" data-entity-type="page" data-entity-id="83"> <span role="presentation" class="icon text-page"><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Set up the banner and logos</h4> </div> </a> </li> <li class="list-item-page " role="presentation"> <a href="https://helpgm.webcasts.com/books/branding-customization/page/use-the-text-editor-to-customize-events-and-emails" class="page entity-list-item" data-entity-type="page" data-entity-id="104"> <span role="presentation" class="icon text-page"><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Use the text editor to customize events and emails</h4> </div> </a> </li> <li class="list-item-page " role="presentation"> <a href="https://helpgm.webcasts.com/books/branding-customization/page/event-player-design-refresh" class="page entity-list-item" data-entity-type="page" data-entity-id="310"> <span role="presentation" class="icon text-page"><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">Event Player Design Refresh</h4> </div> </a> </li> </ul> </div> </div> </div> </li> <li class="list-item-page page "> <a href="https://helpgm.webcasts.com/books/branding-customization/page/a-guide-to-building-accessible-webcasts" class="page entity-list-item" data-entity-type="page" data-entity-id="329"> <span role="presentation" class="icon text-page"><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <div class="content"> <h4 class="entity-list-item-name break-text">A Guide to Building Accessible Webcasts</h4> </div> </a> </li> </ul> </nav> </aside> </div> <div class=" tri-layout-middle"> <div id="main-content" class="tri-layout-middle-contents"> <div class="mb-m print-hidden"> <nav class="breadcrumbs text-center" aria-label="Breadcrumb"> <a href="https://helpgm.webcasts.com/books" class="text-book icon-list-item outline-hover"> <span><svg class="svg-icon" data-icon="books" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path d="M19.252 1.708H8.663a1.77 1.77 0 0 0-1.765 1.764v14.12c0 .97.794 1.764 1.765 1.764h10.59a1.77 1.77 0 0 0 1.764-1.765V3.472a1.77 1.77 0 0 0-1.765-1.764zM8.663 3.472h4.412v7.06L10.87 9.208l-2.206 1.324z"/><path d="M30.61 3.203h24v24h-24z" fill="none"/><path d="M2.966 6.61v14c0 1.1.9 2 2 2h14v-2h-14v-14z"/></svg></span> <span>Books</span> </a> <div class="dropdown-search" components="dropdown dropdown-search" option:dropdown-search:url="/search/entity/siblings?entity_type=book&entity_id=8" option:dropdown-search:local-search-selector=".entity-list-item" > <div class="dropdown-search-toggle" refs="dropdown@toggle" aria-haspopup="true" aria-expanded="false" tabindex="0"> <div class="separator"><svg class="svg-icon" data-icon="chevron-right" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/><path d="M0 0h24v24H0z" fill="none"/></svg></div> </div> <div refs="dropdown@menu" class="dropdown-search-dropdown card" role="menu"> <div class="dropdown-search-search"> <svg class="svg-icon" data-icon="search" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/> <path d="M0 0h24v24H0z" fill="none"/> </svg> <input refs="dropdown-search@searchInput" aria-label="Search" autocomplete="off" placeholder="Search" type="text"> </div> <div refs="dropdown-search@loading"> <div class="loading-container"> <div></div> <div></div> <div></div> </div> </div> <div refs="dropdown-search@listContainer" class="dropdown-search-list px-m"></div> </div> </div> <a href="https://helpgm.webcasts.com/books/branding-customization" class="text-book icon-list-item outline-hover"> <span><svg class="svg-icon" data-icon="book" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M18 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM6 4h5v8l-2.5-1.5L6 12V4z"/> </svg></span> <span> Branding & Customization </span> </a> <div class="dropdown-search" components="dropdown dropdown-search" option:dropdown-search:url="/search/entity/siblings?entity_type=page&entity_id=76" option:dropdown-search:local-search-selector=".entity-list-item" > <div class="dropdown-search-toggle" refs="dropdown@toggle" aria-haspopup="true" aria-expanded="false" tabindex="0"> <div class="separator"><svg class="svg-icon" data-icon="chevron-right" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/><path d="M0 0h24v24H0z" fill="none"/></svg></div> </div> <div refs="dropdown@menu" class="dropdown-search-dropdown card" role="menu"> <div class="dropdown-search-search"> <svg class="svg-icon" data-icon="search" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/> <path d="M0 0h24v24H0z" fill="none"/> </svg> <input refs="dropdown-search@searchInput" aria-label="Search" autocomplete="off" placeholder="Search" type="text"> </div> <div refs="dropdown-search@loading"> <div class="loading-container"> <div></div> <div></div> <div></div> </div> </div> <div refs="dropdown-search@listContainer" class="dropdown-search-list px-m"></div> </div> </div> <a href="https://helpgm.webcasts.com/books/branding-customization/page/event-branding-customization" class="text-page icon-list-item outline-hover"> <span><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <span> Event Branding & Custo... </span> </a> </nav> </div> <main class="content-wrap card"> <div class="page-content clearfix" page-display="76"> <div class="pointer-container" id="pointer"> <div class="pointer anim " > <span class="icon mr-xxs"><svg class="svg-icon" data-icon="link" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"/> </svg> <svg class="svg-icon" data-icon="include" role="presentation" style="display:none;" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 .5h24v24H0z" fill="none"/> <path d="M12 16.5l4-4h-3v-9h-2v9H8l4 4zm9-13h-6v1.99h6v14.03H3V5.49h6V3.5H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2v-14c0-1.1-.9-2-2-2z"/> </svg></span> <div class="input-group inline block"> <input readonly="readonly" type="text" id="pointer-url" placeholder="url"> <button class="button outline icon" data-clipboard-target="#pointer-url" type="button" title="Copy Link"><svg class="svg-icon" data-icon="copy" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"/> </svg></button> </div> </div> </div> <div dir="auto"> <h1 class="break-text" id="bkmrk-page-title">Event Branding & Customization</h1> <div style="clear:left;"></div> <p id="bkmrk-the-event-landing-pa">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.</p> <p id="bkmrk-when-attendees-regis">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.</p> <p id="bkmrk-there-are-so-many-op">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:</p> <ul id="bkmrk-banner-and-logos-reg"> <li><a href="#bkmrk--1">Banner and logos</a></li> <li><a href="#bkmrk--2">Registration layouts</a> (one- and two-column layouts set the structure landing page)</li> <li><a href="#bkmrk--3">Colors and backgrounds</a> (define your look)</li> <li><a href="#bkmrk--4">Landing page content</a> (text, images, speaker headshots, footer)</li> <li><a href="#bkmrk--5">Sponsor logos</a> on the event window</li> </ul> <p id="bkmrk-note%3A%C2%A0this-article-e"><strong>Note:</strong> This article explains event branding and customization and provides links to detailed instructions. For additional information and tips, see <a title="Branding Best Practices" href="https://helpgm.webcasts.com/books/branding-customization/page/branding-best-practices">Branding Best Practices</a>.</p> <h1 id="bkmrk-banner-and-logos"><a id="bkmrk--1" name="banner"></a>Banner and logos</h1> <p id="bkmrk-the-banner-area-is-d">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. <em>Logos</em> 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.</p> <p id="bkmrk-to-hide-the-banner%2C-">To hide the banner, do not upload banner logos.</p> <p id="bkmrk-to-learn-more%2C-see-s">To learn more, see <a title="Set up the banner and logos" href="https://helpgm.webcasts.com/books/branding-customization/page/set-up-the-banner-and-logos">Set up the banner and logos</a>. </p> <p id="bkmrk-back-to-top-%E2%96%B2"><a href="#top">Back to top ▲</a></p> <h1 id="bkmrk-registration-layouts"><a id="bkmrk--2" name="layout"></a>Registration layouts</h1> <p id="bkmrk-the-layout-of-the-la">The layout of the landing page determines the placement of the registration form and landing page content. There are two styles:</p> <ol id="bkmrk-bar-layouts-feature-"> <li><strong>Bar layouts</strong> feature the event title and date prominently in colored bars across the landing page.</li> <li><strong>Open layouts</strong> incorporate the event title and date in the body of the landing page.</li> </ol> <p id="bkmrk-to-select-a-layout%3A"><strong>To select a layout:</strong></p> <p id="bkmrk-go-to-the-player-%26-b">Go to the Player & Branding tab. Open <strong>Advanced Branding</strong> and select a Registration Layout.</p> <p id="bkmrk-the-following-exampl">The following example shows the same event styled with a bar layout (left) and open layout (right).</p> <p id="bkmrk-the-following-table-"><img src="https://helpgm.webcasts.com/uploads/images/gallery/2022-05/scaled-1680-/3qweu20XYLzSVkD9-bar-v-open-layout.png" alt="Bar-v-Open-Layout.png"><br>The following table explains the available layouts.</p> <table id="bkmrk-layout-description-p" style="width: 100%;" border="1"> <thead> <tr> <th style="width: 25%;" colspan="1" rowspan="1">Layout</th> <th style="width: 50%;" colspan="1" rowspan="1">Description</th> <th style="width: 25%;" colspan="1" rowspan="1">Preview</th> </tr> </thead> <tbody> <tr> <td colspan="3" rowspan="1" align="left"><strong>Bar layouts</strong></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 style="text-align: center;" colspan="1" rowspan="1"> <p><img src="https://helpgm.webcasts.com/uploads/images/gallery/2022-05/scaled-1680-/PEY9A0PUM9QeR8gi-tile-event-1col.png" alt="tile_Event-1Col.png"></p> <p><br></p> </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 style="text-align: center;" colspan="1" rowspan="1"><img src="https://helpgm.webcasts.com/uploads/images/gallery/2022-05/scaled-1680-/t3anJbDQOYMpCIZv-tile-event-2col.png" alt="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 style="text-align: center;" colspan="1" rowspan="1"><img src="https://helpgm.webcasts.com/uploads/images/gallery/2022-05/scaled-1680-/qsw0pmy2QhacUzla-tile-event-popup.png" alt="tile_Event-Popup.png"></td> </tr> <tr> <td colspan="3" rowspan="1" align="left"><strong>Open layouts</strong></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 style="text-align: center;" colspan="1" rowspan="1"><img src="https://helpgm.webcasts.com/uploads/images/gallery/2022-05/scaled-1680-/acwsuAspoSSmzQp8-tile-open-tt-regl.png" alt="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 style="text-align: center;" colspan="1" rowspan="1"><img src="https://helpgm.webcasts.com/uploads/images/gallery/2022-05/scaled-1680-/01TVIc5ixrNG7sKF-tile-open-tt-regr.png" alt="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 style="text-align: center;" colspan="1" rowspan="1"><img src="https://helpgm.webcasts.com/uploads/images/gallery/2022-05/scaled-1680-/osqyOu2yhW5FdYzn-tile-open-regl.png" alt="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 style="text-align: center;" colspan="1" rowspan="1"><img src="https://helpgm.webcasts.com/uploads/images/gallery/2022-05/scaled-1680-/ZgWB4B5R7f0qygAv-tile-open-regr.png" alt="tile_Open-RegR.png"></td> </tr> </tbody> </table> <p id="bkmrk-back-to-top-%E2%96%B2-0"><a href="#top">Back to top ▲</a></p> <h1 id="bkmrk-colors-and-backgroun"><a id="bkmrk--3" name="colors"></a>Colors and backgrounds</h1> <p id="bkmrk-use-colors-and-backg">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 <strong>Advanced Branding.</strong> The Site Branding Options section lists page elements you can color.</p> <p id="bkmrk-"><img src="https://helpgm.webcasts.com/uploads/images/gallery/2022-05/scaled-1680-/22SfkbVsXo8ppXoj-eventbranding-colors-alltrek-blue-cropped.png" alt="EventBranding-Colors-Alltrek-Blue_cropped.png"></p> <p id="bkmrk-the-following-table--0">The following table summarizes the options.</p> <table id="bkmrk-option-description-a" style="width: 100%;" border="1"> <thead> <tr> <th style="width: 25%;" colspan="1" rowspan="1">Option</th> <th style="width: 50%;" colspan="1" rowspan="1">Description</th> <th style="width: 25%;" colspan="1" rowspan="1">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: <ul> <li>Registration page background color on the registration page banner</li> <li>Player page background color or image on the event window banner</li> </ul> <p>See <a href="https://helpgm.webcasts.com/books/branding-customization/page/set-up-the-banner-and-logos">Set up the banner and logos</a></p> </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: <ul> <li><a title="Buttons, tabs, and title bar color | Bar layouts" href="https://helpgm.webcasts.com/books/branding-customization/page/buttons-tabs-and-title-bar-color-bar-layouts">Buttons, tabs, and title bar color | Bar layouts</a></li> <li><a title="Button and tab color | Open layouts" href="https://helpgm.webcasts.com/books/branding-customization/page/button-and-tab-color-open-layouts">Button and tab color | Open layouts</a></li> </ul> </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: <ul> <li><a title="Customize the event title and date | Bar layouts" href="https://helpgm.webcasts.com/books/branding-customization/page/customize-the-event-title-and-date-bar-layouts">Customize the event title and date | Bar layouts</a></li> <li><a title="Customize the event title and date | Open layouts" href="https://helpgm.webcasts.com/books/branding-customization/page/customize-the-event-title-and-date-open-layouts">Customize the event title and date | Open layouts</a></li> </ul> </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. <p>See <a title="Registration page background and form and content area colors" href="https://helpgm.webcasts.com/books/branding-customization/page/registration-page-background-and-form-and-content-area-colors">Registration page background and form and content area colors</a></p> </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. <p>See <a title="Registration page background and form and content area colors" href="https://helpgm.webcasts.com/books/branding-customization/page/registration-page-background-and-form-and-content-area-colors">Registration page background and form and content area colors</a></p> </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.) <p>See <a title="Registration page background and form and content area colors" href="https://helpgm.webcasts.com/books/branding-customization/page/registration-page-background-and-form-and-content-area-colors">Registration page background and form and content area colors</a></p> </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&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. <p>See <a title="Event player container and window backgrounds" href="https://helpgm.webcasts.com/books/branding-customization/page/event-player-container-and-window-backgrounds">Event player container and window backgrounds</a></p> </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. <p>See <a title="Event player container and window backgrounds" href="https://helpgm.webcasts.com/books/branding-customization/page/event-player-container-and-window-backgrounds">Event player container and window backgrounds</a></p> </td> <td colspan="1" rowspan="1">Event window</td> </tr> </tbody> </table> <p id="bkmrk-back-to-top-%E2%96%B2-1"><a href="#top">Back to top ▲</a></p> <h1 id="bkmrk-landing-page-content"><a id="bkmrk--4" name="landingcontent"></a>Landing page content</h1> <p id="bkmrk-all-registration-lay">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.</p> <p id="bkmrk-finally%2C-let-your-at">Finally, let your attendees spread the word about an event on Twitter, LinkedIn, and Facebook, and then track registrations that originate from their posts.</p> <p id="bkmrk-to-learn-more%2C-see%3A">To learn more, see:</p> <ul id="bkmrk-add-text%2C-images%2C-an"> <li><a title="Add text, images, and other media to the registration page" href="https://helpgm.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</a></li> <li><a title="Use the text editor to customize events and emails" href="https://helpgm.webcasts.com/books/branding-customization/page/use-the-text-editor-to-customize-events-and-emails">Use the text editor to customize events and emails</a> (for detailed instructions)</li> <li><a title="Add social sharing to the registration page" href="https://helpgm.webcasts.com/books/branding-customization/page/add-social-sharing-to-the-registration-page">Add social sharing to the registration page</a></li> </ul> <p id="bkmrk-back-to-top-%E2%96%B2-2"><a href="#top">Back to top ▲</a></p> <h1 id="bkmrk-sponsor-logos-on-the"><a id="bkmrk--5" name="sponsor"></a>Sponsor logos on the event window</h1> <p id="bkmrk-you-can-display-logo">You can display logos of event sponsors and other call-to-action images during the event. The logos are included in the lower right corner of the event window, above the footer.</p> <p id="bkmrk-you-can-include-as-m">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.</p> <p id="bkmrk-to-learn-more%2C-see%C2%A0a">To learn more, see <a title="Add sponsor logos to the event window" href="https://helpgm.webcasts.com/books/branding-customization/page/add-sponsor-logos-to-the-event-window">Add sponsor logos to the event window</a></p> <p id="bkmrk-back-to-top-%E2%96%B2-3"><a href="#top">Back to top ▲</a></p> </div> </div> </main> <div id="sibling-navigation" class="grid half collapse-xs items-center mb-m px-m no-row-gap fade-in-when-active print-hidden"> <div> <a href="https://helpgm.webcasts.com/books/branding-customization/page/branding-best-practices" class="outline-hover no-link-style block rounded"> <div class="px-m pt-xs text-muted">Previous</div> <div class="inline-block"> <div class="icon-list-item no-hover"> <span class="text-page "><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <span>Branding Best Practices</span> </div> </div> </a> </div> <div> <a href="https://helpgm.webcasts.com/books/branding-customization/page/portal-branding-customization" class="outline-hover no-link-style block rounded text-xs-right"> <div class="px-m pt-xs text-muted text-xs-right">Next</div> <div class="inline block"> <div class="icon-list-item no-hover"> <span class="text-page "><svg class="svg-icon" data-icon="page" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/> </svg></span> <span>Portal Branding & Customization</span> </div> </div> </a> </div> </div> </div> </div> <div class="tri-layout-right print-hidden pt-m"> <aside class="tri-layout-right-contents"> <div id="page-details" class="entity-details mb-xl"> <h5>Details</h5> <div class="body text-small blended-links"> <div class="entity-meta"> <div> <svg class="svg-icon" data-icon="history" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M13 3c-4.97 0-9 4.03-9 9H1l3.89 3.89.07.14L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42C8.27 19.99 10.51 21 13 21c4.97 0 9-4.03 9-9s-4.03-9-9-9zm-1 5v5l4.28 2.54.72-1.21-3.5-2.08V8H12z"/> </svg>Revision #12 </div> <div> <svg class="svg-icon" data-icon="star" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/> <path d="M0 0h24v24H0z" fill="none"/> </svg><span title="Mon, May 2, 2022 7:38 PM">Created 2 years ago</span> </div> <div> <svg class="svg-icon" data-icon="edit" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/> <path d="M0 0h24v24H0z" fill="none"/> </svg><span title="Fri, May 27, 2022 7:04 PM">Updated 2 years ago</span> </div> </div> </div> </div> <div class="actions mb-xl"> <h5>Actions</h5> <div class="icon-list text-primary"> <hr class="primary-background"/> <div component="dropdown" class="dropdown-container" id="export-menu"> <div refs="dropdown@toggle" class="icon-list-item" aria-haspopup="true" aria-expanded="false" aria-label="Export" tabindex="0"> <span><svg class="svg-icon" data-icon="export" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"/> </svg></span> <span>Export</span> </div> <ul refs="dropdown@menu" class="wide dropdown-menu" role="menu"> <li><a href="https://helpgm.webcasts.com/books/branding-customization/page/event-branding-customization/export/html" target="_blank" class="label-item"><span>Contained Web File</span><span>.html</span></a></li> <li><a href="https://helpgm.webcasts.com/books/branding-customization/page/event-branding-customization/export/pdf" target="_blank" class="label-item"><span>PDF File</span><span>.pdf</span></a></li> <li><a href="https://helpgm.webcasts.com/books/branding-customization/page/event-branding-customization/export/plaintext" target="_blank" class="label-item"><span>Plain Text File</span><span>.txt</span></a></li> <li><a href="https://helpgm.webcasts.com/books/branding-customization/page/event-branding-customization/export/markdown" target="_blank" class="label-item"><span>Markdown File</span><span>.md</span></a></li> </ul> </div> </div> </div> </aside> </div> </div> </div> <footer> <a href="https://helpgm.webcasts.com/books/contact-support" target="_blank" rel="noopener">Contact Support</a> <a href="https://webcasts.typeform.com/to/gYKX1z" target="_blank" rel="noopener">Send Us Your Feedback</a> </footer> <div back-to-top class="primary-background print-hidden"> <div class="inner"> <svg class="svg-icon" data-icon="chevron-up" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"/> <path d="M0 0h24v24H0z" fill="none"/> </svg> <span>Back to top</span> </div> </div> <script src="https://helpgm.webcasts.com/dist/app.js?version=v22.04.1" nonce="u73zQbZPejJwoYietHSeYiNx"></script> </body> </html>