Designing Your Attendee Hub Website and App

  • 1
  • 2
  • 3
  • 4
  • 5

Did this article resolve your issue?

Yes
No

What can we do to make this article better?

What can we do to make this article better?

Did this article resolve your issue?


Excellent! Thank you for your feedback

Did this article resolve your issue?


We are sorry to hear that!  For more assistance, open a case and a Product Consultant will contact you directly.

  • 1
  • 2
  • 3
  • 4
  • 5
Make your Attendee Website and Event App truly personalized. Follow the steps below to configure the theme, adjust colors, and upload graphics.
NOTE: These instructions are for the New Experience. To follow these steps, click Try Now at the top of your account to enable a partial preview, then talk to your Account Team to make the complete switch.

1 Access the Attendee Website and App Builder. Begin by selecting your Flex event. From the left-hand navigation, click Attendee Hub, then Website and App.

Click Manage website and app.


2 Apply a theme. From the left-hand navigation, click Design, then Theming.

To the right, under Attendee Hub Theme, click Change theme. Select a theme from the list of options, then click Apply theme.

Apply Theme
 
From the pop-up window, click Change theme to confirm your selection and apply the theme.

3 Customize your theme. After you've selected your theme, you can customize it further in the Colors section by clicking the square next to each field and entering a HEX or RGB value, or selecting a color from the color picker.

Customize Colors
 
The Main and Action colors will apply to both your Attendee Website and Event App by default. You can apply the Additional colors to your Event App page headers, if desired.
 
NOTE: Only Color 2 of the Additional colors will appear by default, as your website's background color.
 
In the Event app navigation bar section, choose how you want the main color to be incorporated into the app's navigation menu.

Event App Navigation Bar

Once you're done, click Save page. If your Attendee Website or Event App is live, click Update page to make your changes visible to attendees.

4 Customize your Event App page header colors. Back in the Colors section under Advanced Settings, click Customize event app page headers.

Choose your desired color for each page from the Header Color column.

Select Header Color
 
Or, to update the header color for multiple pages in bulk, check the box to the left of each page you want to update. Click Modify header color, choose the color you want to apply to the selected pages, then click Done.

Customize Header Color

Once you're done, click Save page. If your Event App is live, click Update page to make your changes visible to attendees.

5 Upload your Event App graphics. From the left-hand navigation, under Design, click Event App Images.

First you'll upload your event icon image. In the Upload event icon section, click Upload.

Upload Event Icon

Click Cloud Icon to upload a file from your computer, or select an existing file from your Media LibraryMake sure the file is the correct format and size. Once you're done, click X Icon to return to the Event App Images page.

Next you'll upload your splash screen image. In the Upload your event splash screen section, click Upload.

Upload Splash Screen
 
Click Cloud Icon to upload a file from your computer, or select an existing file from your Media Library. Make sure the file is the correct format and size. Once you're done, click X Icon to return to the Event App Images page.

Click Save
page. If your Event App is live, click Update page to make your changes visible to attendees.

6 Upload your Attendee Website graphics. From the left-hand navigation, under Design, click Attendee Website.

Under Website images, click Upload in the section of the image you want to add.


 
User-added image
 
Click Cloud Icon to upload a file from your computer, or select an existing file from your Media LibraryMake sure the file is the correct format and size. Once you're done, click X Icon to return to the Attendee Website page.

Click Save page. If your Attendee Website is live, click Update website to make your changes visible to attendees.
 

Did this article resolve your issue?

Yes
No

What can we do to make this article better?

What can we do to make this article better?

Did this article resolve your issue?


Excellent! Thank you for your feedback

Did this article resolve your issue?


We are sorry to hear that!  For more assistance, open a case and a Product Consultant will contact you directly.

  • 1
  • 2
  • 3
  • 4
  • 5

Did this article resolve your issue?

Yes
No

Did this article resolve your issue?

What can we do to make this article better?

Did this article resolve your issue?

What can we do to make this article better?

Did this article resolve your issue?


Excellent! Thank you for your feedback

Did this article resolve your issue?


We are sorry to hear that!  For more assistance, open a case and a Product Consultant will contact you directly.

  • 1
  • 2
  • 3
  • 4
  • 5

Did this article resolve your issue?

Yes
No

Did this article resolve your issue?

What can we do to make this article better?

Did this article resolve your issue?

What can we do to make this article better?

Did this article resolve your issue?


Excellent! Thank you for your feedback

Did this article resolve your issue?


We are sorry to hear that!  For more assistance, open a case and a Product Consultant will contact you directly.

  • 1
  • 2
  • 3
  • 4
  • 5

Did this article resolve your issue?

Yes
No

Did this article resolve your issue?

What can we do to make this article better?

Did this article resolve your issue?

What can we do to make this article better?

Did this article resolve your issue?


Excellent! Thank you for your feedback

Did this article resolve your issue?


We are sorry to hear that!  For more assistance, open a case and a Product Consultant will contact you directly.

  • 1
  • 2
  • 3
  • 4
  • 5

Did this article resolve your issue?

Yes
No

Did this article resolve your issue?

What can we do to make this article better?

Did this article resolve your issue?

What can we do to make this article better?

Did this article resolve your issue?


Excellent! Thank you for your feedback

Did this article resolve your issue?


We are sorry to hear that!  For more assistance, open a case and a Product Consultant will contact you directly.

  • 1
  • 2
  • 3
  • 4
  • 5

Did this article resolve your issue?

Yes
No

Did this article resolve your issue?

What can we do to make this article better?

Did this article resolve your issue?

What can we do to make this article better?

Did this article resolve your issue?


Excellent! Thank you for your feedback

Did this article resolve your issue?


We are sorry to hear that!  For more assistance, open a case and a Product Consultant will contact you directly.