How do I use the Event Branding page on the Grip Dashboard?

Learn how to configure the Event Branding section, including colors, logos, and header banners, to align with your event’s visual identity.

In this article, we will cover how to customize the Event Branding page on Grip Dashboard. The Event Branding page allows you to adjust your event's colors, logos, and banners to align with your brand's identity. This guide will walk you through each customization option, ensuring that your event presents a professional and cohesive visual experience for your event participants.

Table of Contents

• Understanding the Event Branding page
• Customizing Colors
• Managing Assets (Brand Imagery)
• Configuring Header Banners
• Creating Banner Ads
• FAQs

Understanding the Event Branding page

The Event Branding page in Grip allows you to manage your event’s visual identity. You can customize key elements such as colors, logos, banners, and advertisements to ensure consistency with your organization's brand. These customizations play a crucial role in enhancing the overall attendee experience, creating a cohesive and professional look for your event.

The Event Branding page is divided into the following sections:

• Colors: Customize the color scheme used throughout your event, including primary, secondary, and accent colors.
• Assets: Manage imagery such as logos and favicons that appear across all event areas.
• Banners: Create and manage header banners to display at the top of key event pages.
• Ads: Design and manage sidebar advertisements to promote content or sponsorships during your event.

Advanced Branding (Available Based on License Tier)

The Advanced Branding options allow for deeper customization of your event's appearance. These features are available depending on your license tier and include:

• Advanced Colors:
  Customize additional elements of your event's color scheme, including:

  • Main Background Color
  • Main Text & Icon Color
  • Content Container Background Color
  • Content Container Text & Icon Color

• Custom Web Fonts:
  Enable and upload custom fonts for your event.

• Custom Platform Text:
  Personalize the text across the event platform to align with your brand's tone and messaging.

• Remove Grip Branding:
  Remove default Grip branding for a fully white-labeled event experience.

 

Customizing Colors

The Colors section in the Event Branding page allows you to define the visual theme for your event by customizing various color elements across the platform.

When making changes, a real-time preview is available on the right side for both the web platform and mobile app. You can see updates for the login screen (note: mobile login screen customization is set at the app level, not the event level so isn't available to preview on Grip Dahsboard), as well as for the recommendations and homepage sections.

• The Primary Event Color sets the color theme for your event. It applies to all primary buttons and key accents throughout both the web and mobile platforms.

• Primary text & icon color: This option allows you to customize the color of text and icons on primary buttons. You can either enter a hex code or use the color picker to select a color. 
  

  

Header & Sidebar Background Color: This color is applied to the background of headers, footers, and sidebars across the platform. If no custom color is set, the default will be white.

Header & Sidebar Icon & Text Color: This option sets the color for text and icons within the areas using the header and sidebar background color. The default is dark grey unless otherwise specified.

Advanced Branding (Available Based on License Tier)

For more advanced customization options, certain features are available depending on your license tier:

For additional customization options, Advanced Branding features are available based on your license tier. These include:

• Main Background Color: Defines the background color for the main content areas across the platform. By default, this is light gray.
  
• Main Text & Icon Color: Sets the text and icon colors for areas using the main background. The default is dark gray unless customized.
• Content Container Background Color: This color applies to content containers such as profiles, sessions, meetings, and modals. The default is white if no custom color is selected.
• Content Container Text & Icon Color: Defines the color for text and icons within content containers. The default is dark gray unless customized.
  

 

Managing Assets (Brand Imagery)

The Assets section allows you to upload logos and other images that appear throughout the event platform.

Uploading Images:

1. Click Upload Image and select the file from your computer.
2. Adjust the size of the image if needed. The system will maintain the aspect ratio to ensure it fits correctly.
3. Click Save to add the image across the platform.

Image Sizes:

• Welcome Image: 1280x1440 px (appears on the login page for web). Max file size: 2MB.
• Event Logo: 150x150 px (used as the event logo on both web and mobile platforms).
• Event Banner: 500x160 px (appears at the top of the login page on web and also once event participants have logged in).
• Home Banner: 1440x600 px (appears at the top of the homepage). Max file size: 2MB.
  
• Background Image: 2560x1600 px (displays behind the home feed blocks in your event app). If no image is provided, you can set a background color using a hex code. This option is currently available for the web only.
• Sponsor Image: 200x200 px (appears on the mobile app during loading). Max file size: 2MB.
• Background image  
  

  You can add a background image to customize the look of your Web Event Platform and Mobile Event App.

  Web Event Platform

  • The background image appears behind the home feed blocks.
  • Recommended image size: 2560 x 1600 pixels.

  Mobile Event App

  • The background image appears in the app background.
  • Recommended image size: 400 x 700 pixels.

Enabling Custom Fonts (Advanced Branding - Available Based on License Tier)

If your license includes Advanced Branding, you can upload custom fonts to further personalize your event:

1. Navigate to the bottom of the Event Branding page, where you’ll find the option to Enable custom fonts in the event.
2. Toggle the option on, and two boxes will appear for uploading your Regular Font Variant and Bold Font Variant.

Configuring Header Banners

The Header Banner section in the Event Branding page allows you to create banners that convey important information and direct users to specific areas within your event. The appearance of the banner is influenced by the Primary Event Color you set.

Creating a Default Header Banner

When you first access this section on Grip Dashboard, you need to create a default header banner, which will display to all user types unless another banner is assigned to a specific type.

To create your default banner:

1. Click the Create Header Banner button.
2. Fill in the required fields:
   • Button Text: Defines the text on the banner button (maximum 20 characters).
   • Button Link: The URL where users are directed after clicking the button. This must be a valid URL.
   • Message: The message displayed on the header banner (maximum 120 characters).
3. Once all fields are completed, click Create Header Banner to save your default banner.

Header Banner List Page

After creating your header banner, you'll be taken to the Header Banner List page, where all banners are displayed. Here’s an overview of the fields on this page:

1. Default Banner Label: Shows which banner is the default. The default banner cannot be deleted, but it can be edited.
2. Type Label: Displays the user types associated with each banner.
3. ‘More’ Label: Expands to show additional types if applicable.
4. Message: Shows the message text for the header banner.
5. Button Text: Displays the button text for the banner.
6. Button Link: Displays the button link for the banner.
7. Display Frequency: Allows you to choose when the banner is displayed—either once per user or every session.
8. Create Header Banner: Opens the Create Header Banner screen to add new banners.
9. Select Box: Allows you to select multiple banners for group actions.
10. Edit Button: Opens the edit page for the selected header banner.
11. Success Toast Banner: Confirms that your changes have been successfully saved.

Editing Header Banners

You can edit existing header banners by clicking the pencil icon next to the banner you want to modify. The following fields can be edited:

• Select Types: Choose or change the types associated with the banner.
• Button Text: Define or update the button text (maximum 20 characters).
• Button Link: Update the link where users are directed.
• Message: Modify the banner message (maximum 120 characters).
• Delete Banner: Delete the banner by confirming in the pop-up window.

After making changes, click Save Changes to update the banner and return to the header banner list page.

Creating Banner Ads

The Banner Ads section allows you to manage advertising spaces in your event app. These ads can appear in the following locations:

• Sidebar (web): Located on the top right of the web event platform.
• Lists (mobile app): Appears at the top of lists in the mobile app.
• Event Agenda (mobile app): Displays at the bottom of the event agenda page.

• More Tab (mobile app): Found at the bottom of the "More" tab on the mobile app.

Creating Ads

When you first access the Ads section, you'll see the Adverts List page. If you haven't created any ads yet, this page will be blank. To create a new banner ad:

1. Upload Image: Click Upload Image and select the desired file from your computer. If you choose a GIF, the banner will display as a static image from the GIF.

   • Adjust the size of the image on the adjustment page to ensure it fits correctly. The system maintains the aspect ratio automatically.
   • Once resized, click Save Image, and a preview will appear on the right side of the page.

2. Advert Name: Enter a name for the advert, which allows you to save it.

3. Advert Location: Choose where the advert will be displayed:

   • Sidebar (web)
   • Lists (mobile app)
   • Event Agenda (mobile app)
   • More Tab (mobile app)

4. Advert Link Type: Define where users will be directed when they click the ad. You can choose from:

   • Profile: Link to a profile within the event, such as a company or item. Select the relevant profile from the Choose Profile field.
   • Session: Link to a session within the event. Select the session from the Choose Session field.
   • URL: Link to an external URL (e.g., a homepage or advertiser's landing page). Enter the URL in the Advert Link field.
   • None: This option makes the advert non-clickable.

5. Activate Advert: Tick the box if you want the advert to be live upon saving. You can have up to 10 active sidebar ads per location and a total of 20 ads per location. If 10 ads are already active, this option will not be available.

6. Once all required fields are filled out, click Create Advert to save your banner ad.

Banner Ad List Page

After creating an ad, you'll be returned to the Banner Ad List page, where you can manage your banner ads. The page contains the following columns:

1. Multi-Select Box: Select multiple banner ads for bulk actions.
2. Image Column: Displays a thumbnail of the associated image.
3. Name: Shows the name of the banner ad.
4. Status: Indicates whether the ad is active or inactive.
5. Created Date: Shows the date the ad was created.
6. Location: Displays where the ad is shown (e.g., sidebar or mobile app).
7. Link Type: Shows whether the ad links to a profile, session, or URL.
8. Link: Displays the session ID, profile ID, or URL linked to the ad.
9. Edit Button: Opens the edit page for the ad.
10. Create New: Opens the Create New Sidebar Ad page to create additional ads.

Selecting Multiple Ads

On the Banner Ad List page, you can select multiple banner ads for bulk actions, including:

• Select All: Instantly select all ads by clicking the checkbox in the table header.
• Activate Selected: Activate all selected ads (this option is unavailable for active ads).
• Deactivate Selected: Deactivate all selected ads (this option is unavailable for inactive ads).
• Delete Selected: Delete all selected ads.

Editing Banner Ads

To edit an ad, click the Edit button next to the ad. You will be taken to the Edit Banner Ad page, where you can modify the following fields:

• Advert Name: Displays the name of the advert (this cannot be edited).

• Advert Location: Shows the ad location (this cannot be edited).

• Advert Link Type: Shows the link type (this cannot be edited).

  • If the ad is linked to a session, the session is displayed but cannot be changed.
  • If the ad is linked to a profile, the profile is displayed but cannot be changed.
  • If the ad is linked to a URL, the URL is displayed but cannot be changed.

• Activate/Deactivate: Toggle whether the ad is active upon saving.

• Delete Ad: Delete the ad by confirming the action in the pop-up window.

• Save Changes: Save any updates made to the ad.

FAQs

Q: Can I change the branding mid-event, like sponsor images?

• A: Yes, changes will be reflected in real-time, but mobile app users may need to close and reopen the app to see updates.

Q: Does the branding translate over to the mobile app?

• A: Yes, all branding elements, including colors and images, are applied across both the web and mobile platforms.

Q: Can I add an external link to banner ads?

• A: Yes, you can link banner ads to external URLs.

Q: Can I change the banner ad image after creating the ad?

• A: Yes, you can edit the image by navigating to the Edit Banner Ad section.

Q: Can I update the advert link within a banner ad after it's been created?

• A: No, you will need to create a new banner ad and include the updated link.

Q: Is there a limit to the number of banner ads I can create, and how frequently do they rotate if I have multiple ads for one location?

•  A: You can create up to 10 banner ads per category, such as the Sidebar on the web or Lists on the mobile app. If multiple ads are set for one location, they will rotate every 10 seconds.

Q: Can I use the same background image for both web and mobile?

• A:Yes, but you will need to upload the image separately for each platform. Keep in mind that different dimensions are recommended for optimal display.

Q: What happens if I don’t upload a mobile background image?

• A: If no image is uploaded in the Mobile version image section, the mobile event app will not display a background image. The system will not automatically use the desktop background image for mobile.