Designing Your Website and App in Attendee Hub

  • 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.

Designing Your Event App

1 Access the Attendee Website and App Builder. Begin by selecting your Flex event. Hover over Promotion & Communication and, under Attendee Hub, select Website and App.

Click Manage website and app.


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

To the right, under App 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 on the square next to each field and entering a HEX, RGBA, or HSLA value, or selecting a color from the color picker.
 
NOTE: The Main Color and Action Color will also apply to your Attendee Website.

Colors Section


In the Bottom navigation bar section, choose how you want the primary color to appear in the bottom navigation bar of the app.

Bottom Navigation Bar Section

Once you're done, click Save. If your event is live, your changes will be automatically saved but will not be visible to attendees until you publish them.

4 Customize your page header colors. Back in the Colors section under Advanced Settings, click Customize page header colors.

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

 
Page Header Color List

Or, to update the header color for multiple pages in bulk, check the box beside each page you want to update. Click Modify header color, choose the color you want to apply to the selected pages, then click Apply.
 
Modify Pages in Bulk

Once you're done, click Save page.

5 Upload your Event Icon image. From the Design menu on the left, click Event Icon. Click Upload.

Upload Event Icon

Click Upload Cloud Icon to upload a file from your computer, or select an existing file from your Media Library. Once you're done, click App Builder X to return to the Event Icon page. 

Once you're done, click Save. If your Event App is live, your changes will be automatically saved but will not be visible to attendees until you publish them.

6 Upload your Splash Screen image. From the Design menu on the left, click Splash Screen. Click Upload.

Upload Splash Screen
Click Upload 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 App Builder X to return to the Splash Screen page.

Once you're done, click Save. If your Event App is live, your changes will be automatically saved but will not be visible to attendees until you publish them.



Designing Your Attendee Website
 
NOTE: The Main Color and Action Color you selected while designing your Event App will also apply to your Attendee Website. The Main Color is used to highlight the website and page tabs an attendee is viewing, and the Action Color is used for interactive elements, like buttons and links.

1 Access the Attendee Website and App Builder. Begin by selecting your Flex event. Hover over Promotion & Communication and, under Attendee Hub, select Website and App.

Click Manage website and app.


2 Upload your images. From the left-hand navigation menu, click Attendee Website.

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

 
Upload Website Image

Click Upload 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 App Builder X to return to the Attendee Website page.

Once you're done, click Save page. If your website is live, your changes will be automatically saved but will not be visible to attendees until you publish them.

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.