Using the app builder to customize your mobile app

Discover how to build and customize your event’s mobile app, from choosing a color theme to creating menu items and adding content to each section of the Home Screen of your event.

1. The App Builder screen can be accessed from the left navigation menu under the Mobile App section. Click on the Mobile App section to expand and then select App Builder. 

 

 

This will take you to the App Builder page where you can view and edit the structure and visuals of your app.

The App’s home screen consists of various sections such as App theme, Quick Links, Session, etc. Each section can be edited or removed if needed. 

These Sections can also be rearranged through drag and drop. 

Let’s dive into each of these sections and see how we can set them up.

App Theme

1. Let’s begin by setting the theme of your app. To do so, click on the “App Theme” option on the Sidebar to expand it. 
   
2. Once expanded, Upload your Event Logo by clicking on the upload button. Make sure your logo is of dimensions 200 x 200 pixels.
   
3. Next, Upload your Event Thumbnail (the main banner image that appears on the home screen of your app) by clicking on the thumbnail upload button.
   Ensure that the dimensions of the image you upload are 1600x900 px. 
   
4. Scroll down to the section to select the App Title and App Colors.
   
5. Enter/Select the following for your app:
   1. App Title (this will appear in big letters on the home screen).
   2. The primary color for the app
   3. The secondary color for the app
   4. The accent color for the app.
   
   

Quick Links

Quick links are the menu items on the home screen to allow users to access various parts of the app quickly. 

1. Click on the Quick Links option in the sidebar to expand it. 
   
2. Once Expanded, you can begin by setting the name for this section. The default name is “Quick Links”, but you can edit it if needed. 
   
   

Adding a Menu Item to the Quick Links section (Navigation)

1. Click on the “Add New Item” button shown below to view the quick links options you can select from. 

2.  Select the menu item you want to add. You can always change the name and icon of the menu item later. 

 

Editing a Menu Item

1. After you have added/enabled a menu item, you can edit the settings of each of the menu items by clicking on the edit icon as shown below:
   
2. This will open the edit settings of that specific menu item. From the edit menu, you can do the following:
   1. Change/Upload the icon.
      
   2. Set or edit the label (name) of the menu item.
      
   3.  Select the user types for whom you want this menu item to be visible. If you select none, the menu item will be visible for all user types.
      
   4. Next, you may change the background color for this specific quick link/menu item as shown below:
      
   5. If you want to place a condition on the menu item such that it will only appear for a user after the user has been checked in or has had their badge printed, you can do so by enabling the toggle shown below:
      
   6. Finally, click on “Publish Changes” to apply the changes.

Sessions

In this section, you can choose to display certain sessions for quick access on the home screen.

1. To enable a section, please make sure that you have turned on the “Status” toggle as shown below. 
2. If you wish to only show live sessions in this section, then enable the “Enable Live Sessions” Toggle as shown below. 
   
3. To Set or edit the title of the section, you can type it in the title field shown below:
   
4. You can rearrange the order in which each of the sessions appears within the Sessions section.
   
5. To include additional sessions from the list of available sessions, simply click on the “Add New Session” button.
   

6. To learn how you can create new sessions and manage them, please refer to the following articles:

   Add and Manage Sessions

   Add and Manage Session Tracks
   

   
   
   

Speakers

In the Speakers' section, we have the option to:

1. Enable/ Disable the section through the “Status” Toggle.
2. Rearrange the listed speakers. 
3. You can add new speaker from a list of added speakers to this section by clicking on “Add New Speaker”. 
   
4. To learn how you can add and manage new speakers in your event, please refer to the following article:
   How to Add and Manage Speakers
   
   

Exhibitors

In the exhibitors' section, we have the option to:

1. Enable/disable the section completely. 
2. Change the section title.
3. Rearrange the order of the exhibitors via drag and drop.
4. Add more exhibitors to this section by clicking on “Add New Exhibitor. 

To learn how you can add new exhibitors (booths) to your event, please refer to the following articles: 

How to Add a Booth (Exhibitor)

 

Sponsors

In the Sponsors Section, we have the option to:

1. Enable/disable the section completely. 
2. Change the section title.
3. Rearrange the order of the sponsors via drag and drop.
4. Add more sponsors to this section by clicking on “Add New Sponsor”. 

 

To learn how you can Add new Sponsors to your event, refer to the following article:

How to Add and Manage Sponsors

 

Ads

In the Ads Section, we have the option to: 

1. Enable/disable the section completely. 
2. Change the section title.
3. Rearrange the order of the Ads via drag and drop.
4. Add more ads to this section by clicking on “Add New Ad”. 

To learn how you can create new Mobile App Ads to choose from, refer to the article below: 

How to create an Ad in the Mobile App

 

Bottom Navigation

The bottom navigation, just like quick links, is a collection of menu items that appear in the bottom bar of the app for easy navigation. 

 

Here’s how you can set up the bottom navigation for your app:

1. Click on “Bottom navigation” to expand the menu item options. 

1. You can select which options you want to show. 
2. If you have added a menu item but want to hide/disable it, you can click on the eyeball icon, as shown below: 

Please note that you can only have 3 active menu items in the bottom navigation.