Skip to content
English
Customer portal
  • There are no suggestions because the search field is empty.

Using the App Builder to Customize Your Mobile App

Learn how to customize your mobile app by configuring branding, adding navigation items, creating home screen sections, and managing the bottom navigation menu.

 

Table of Contents

  1. Accessing App Builder
  2. App Theme
  3. Quick Links
  4. Home Screen Sections
  5. Bottom Navigation

Accessing App Builder

  1. From the Event Backend, expand Mobile App in the left navigation menu.

  2. Click App Builder.

This opens the Mobile App Builder where you can customize the appearance, navigation, and content displayed in your app.

App Theme

Expand the App Theme section to customize your app branding.

Event Logo

Upload your event logo.

  • Recommended size: 200 × 200 px
  • Supported formats: JPEG, PNG

Event Thumbnail

Upload the banner that appears on the app home screen.

  • Recommended size: 1600 × 900 px
  • Supported formats: JPEG, PNG, GIF, MP4
  • Multiple files can be uploaded to create a carousel

App Title

Enter the title that will appear on the app home screen.

Accent Color

Select the Accent Color for your mobile app.

This color is used throughout the app to maintain consistent event branding.

Quick Links

Quick Links are the menu items displayed on the home screen that provide attendees with quick access to app features and content.

Adding a Quick Link

  1. Expand the Quick Links section.
  2. Click Add Link.

  3. Select the menu item you want to add.

Managing Quick Links

Hover over a Quick Link to reveal additional actions:

  • Hide/Show: Control whether the menu item appears in the mobile app.
  • Edit: Open the Quick Link settings panel.
  • Delete: Remove the Quick Link from the app.

Editing a Quick Link

Click the Edit icon to configure the Quick Link. Available options include:

  • Change or upload a custom icon
  • Update the menu label

  • Control visibility by user type
  • Configure visibility based on attendee actions such as check-in or badge printing
  • Configure time-based visibility

Some Quick Links may also include additional settings that are specific to that menu item. For example, certain Quick Links allow you to select which content, categories, groups, or records should be displayed when attendees open that menu item.

These settings vary depending on the selected Quick Link.

Click Save Changes after making updates.

Managing Quick Link Order and HieMrarchy

To learn how to reorder Quick Links or create nested menu items, refer to:

How to Manage Quick Links in the vFairs Mobile App

Home Screen Sections

By default, newly created events only include the Quick Links section.

Additional sections can be added to highlight important content directly on the app home screen.

Adding a Section

  1. Click Add Section.

  2. Select one of the available section types:


    • Sessions
    • Speakers
    • Sponsors
    • Exhibitors
    • Floor Plan
    • Ads
    • About
  3. Click Continue.

Depending on the selected section, you may be prompted to choose the content you want displayed.

For example, when adding a Sessions section:

  1. Select the sessions you want to display.
  2. Click Add Sessions.

The section will then appear in the App Builder.

Managing Sections

Each section card includes the following options:

  • Drag and drop to reorder sections
  • Hide or show the section
  • Delete the section
  • Expand the section for additional settings

When expanded, you can:

  • Change the section title
  • Reorder content
  • Add additional items
  • Remove existing items

Sessions

Display selected sessions directly on the home screen for quick attendee access.

To learn how you can add and manage new sessions in your event, please refer to the following article: How to Add and Manage Sessions

Speakers

Show featured speakers on the home screen.

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

Display selected exhibitor booths.

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

Highlight event sponsors and sponsor groups.

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

Ads

Display mobile app banner advertisements.

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

Floor Plan

Provide attendees with quick access to the event floor plan.

To learn how you can create new Floor Plans to choose from, refer to the article below: How to Create and Manage a Floor Plan

About

Create a custom informational section consisting of:

  • Title
  • Description

This section can be used to display welcome messages, event information, or other important content.

Bottom Navigation

The Bottom Navigation menu appears at the bottom of the mobile app and provides quick access to core app areas.

Expand the Bottom Navigation section to configure these items.

Available Items

  • Home
  • Agenda
  • Contacts

Configuration

  • Home is always available and cannot be removed.
  • Agenda and Contacts can be removed or replaced with other supported menu items based on your event requirements.

You can customize the labels and visibility settings for supported navigation items.

Publish Changes

After making any updates in the App Builder, click Publish Changes to apply your changes to the mobile app.