Tabs

You can customize the tabs of your event by altering the name, icon and order of presentation on the Virtual Lobby and mobile app. You can also create a custom tab, to add any additional content you wish to your event.

How do I customize tabs?

To customize and create tabs, access the Tabs page by clicking on Settings > Tabs. You will see at the top menu the option to select from Live App, Web app, or Virtual Rooms.

Screenshot showing the menu when the event is set to Hybrid.
  1. Live App

If you select Live App (mobile application), you will be able to select which 4 tabs will be displayed at the bottom bar as well as in the menu (outlined in the image below). Besides that, you will also be able to select the tabs' visibility, change their icon, label, as well as add an URL for the new items created.

                                           

Customizing Tabs - Live App

   

  1. Web app

If you select Web app, you will see the default tabs that are displayed on the Virtual Lobby and Web app's main page. You can define their visibility, change their icons, label, and if a new item is created, you can add an URL and also embed it (depending on the website's restriction).

Your new tab will appear in the menu on the left-hand side (outlined in the image below) when you are using the Neo layout. And on the top of the screen if you are using the Classic layout.

Customizing Tabs - Virtual Lobby

  1. Virtual Rooms

By navigating to Settings > Tabs and selecting Virtual Rooms and clicking on Edit, you will have the option to:

  • Rename and change the icons of the tabs that appear while inside activities by clicking on the tab and making the changes in the window that appears on the right.
Gif showing how to edit the name and icon of a tab.

Renaming virtual room tabs of Activities, Sponsors, Exhibitors, Networking and Group rooms, will also reflect in their titles displayed in the Virtual Lobby. Below is an example of the Activities tabs in the Virtual Lobby when renamed:
Virtual rooms tabs

  • You can also disable any or all tabs in all activities at once by unticking the Visible checkbox corresponding to the tab you want to disable as shown below:
If you wish to hide the tabs in a specific activity, refer to this article.
Gif showing how to disable tabs in the Virtual Lobby through Settings > Tabs > Virtual room

How do I create tabs?

To create tabs, you will need to select either Live App or Web app. The Virtual Rooms option will only allow you to customize the tabs that already exist.

There are four types of tabs you can choose from when creating a tab:

  • Custom tabs
  • Website sections
  • Appointment page
  • Web app page
The Web app page option is only available when you select the Live App.
If you select the option Live App, you will be able to create custom tabs. If you select the option Web app, you will be able to create either custom tabs or website sections.

Custom tabs

To create custom tabs, follow the steps below:

  1. Select Live app or Web app from the menu on top.
  2. Click on + New item. The New item pop-up box will appear.
  3. Enter your Item title and Item link to the corresponding fields. Alternatively, you can also upload your own file using the red folder button.
  4. Press Create to finish creating your custom tab.
How to create custom tabs

You can only create a new custom tab if you include either a link or an image/file.
Custom tabs in the mobile app

Custom tabs embedded in the Live app will be easily identified by a chain link icon beside them when accessed from the Menu section in the mobile app.

When using an Android device, and you click on a custom tab, you will see a loading icon before the content appears.
nav drawer loading embedded links

Website sections

Besides the option to create a custom tab, you can also create a tab from the website sections template. To do so, press Web app on the upper left, and click + New Item. A new window will pop up and under Item type you should select Website section.

The option to create a website section tab will not show up if you select Live App or Virtual Rooms in the upper left. In order to have website sections, you must select Web app.
Screenshot showing how to add a Tab for custom website sections.

Once you select this option, you will need to set up the items below:

  • Item title: you should type in the tab title that should be displayed on the Virtual Lobby menu
  • Template: you will have a list of website template options for you to choose from on the dropdown bar. The template will determine your tab's layout. You can see what the tab is going to look like under Preview.
When creating a tab from a website section, you don’t need to use the same template you have selected for your website. Besides that, you can create two tabs from website sections using different templates. For example, you can create a Photos section using the Callisto template, and a Sponsors section using the template Andromeda-light.
  • Section: you will have a list of website sections options for you to choose from on the dropdown bar. Click here for further information on website sections.
The website sections created as a tab will not be displayed on your website. For it to be displayed on your website, you will need to set it up on Marketing > Landing pages > Website. Click here to learn how to add sections to your website.

Once you have set it all up, press Create.

Creating a new tab

Appointment page

The appointment page allows you to create tabs on both the Live app and the Web app. These tabs will take you directly to your appointment page, where you can book appointments.

Refer to the Appointments article to learn more.

To create the Appointment page, follow the steps below:

  1. Select Live app or Web app from the menu on top.
  2. Click on + New item. The New item pop-up box will appear.
  3. Select Appointment page from the Item type drop down.

Appointment page tab
  1. Enter your Item title and select an Appointment Schedule.
  2. Press Create to finish creating your appointment tab.
creating appointment page tabs

Once you are done setting this up, in the Virtual Lobby, you will find the Appointment Page tab. Clicking on this tab will take you directly to your appointment page, where attendees can book appointments.

Appointment page web app
How do the tabs appear on the mobile app?

You will also be able to see this tab on the Live app as shown below:

Appointment page live app

Web App page

You can also create tabs from the Web app. This allows you to select and set pages on the web app as tabs in the Live app. The pages you can create as tabs in the Live App are as follows:

  • My Events
  • My Forms
  • My Agenda
  • My Account
  • My Meetings
  • Event Photos
  • Abstracts
  • Sponsor account
  • Exhibitor account
  • Card Reader
  • Sponsor Favorite
  • Gamification Leaderboard
  • My Tickets
  • My Files
  • My App
  • Event Map
  • Speakers
  • Virtual Lobby
  • Virtual Lobby-Activities
  • Virtual Lobby-Sponsor
  • Virtual Lobby-Exhibitor
  • Virtual Lobby-Group Rooms
  • Virtual Lobby-Speed Networking
  • Networking

To create Web page tabs, follow the steps below:

  1. Select Live app from the top menu.
  2. Click on + New item. The New item pop-up box will appear.
  3. Select Web App page from the Item type drop down.
  1. Enter your Item title and select a Web App page option.
  2. Press Create to finish creating your Web App page tab
How will these tabs appear on the mobile app?

You will also be able to view these tabs on the mobile app. When you click on these tabs in the Live App, you will be taken directly to the web app page you selected.

my meetins web app page

How to edit an existing tab

To edit an existing tab, you need to click the Edit button in the top right corner. 

Click on the tab you would like to edit and a window will open to the right. Here, you have the option to edit the name of the tab, add a language translation, add a segmentation list, change the icon and the URL, and choose whether or not to embed the tab.

The URL field will only appear if you have created a tab with an external link.

When you have finished editing, click on End to save the changes.

Editing tabs

Segmentation lists for Web app tabs

The Segmentation lists feature allows you control which users can see specific tabs in your Virtual Lobby. To use Segmentation lists, follow these steps:

  1. Create custom lists and add to these lists the users that you want to have access to the specific tab.
  2. In the Settings > Tabs page, click on Web app, and click on the desired tab which will open a window on the right side.
  3. Click on Edit and scroll down to Segmentation lists.
  4. Select your desired list(s) from the drop down menu, and click the +Add list button.
  5. Press End to save your changes.

By following these steps, only users belonging to the specified lists can access the designated tab that has been linked to the list within the Virtual Lobby.

Segmentation list for Web app tabs

To remove a list, simply click on Edit and press the orange thrash icon beside the list.

Removing a segmentation list

How to make tabs invisible or visible and change their order

You can make tabs visible or Invisible in the Virtual Lobby and also change the order of the tabs (click and drag the square next to the tab name). To save the edit, click on End in the top right corner.

Make tabs invisible or visible
You will only be able to edit the order of the tabs in the Live app and Virtual Lobby. The order of the Virtual room's tabs cannot be rearranged.

How do I delete a tab?

If you want to delete a tab you created, click Edit tick the check box of the tab you would like to delete, then click Remove.

Delete a tab

If it is a tab of the system tools (bottom bar tabs), you won't be able to delete it, so you should make it invisible. To do this, click Edit uncheck the functionality checkbox in the visible column > click End.                              

Uncheck the functionality checkbox

How do I embed a tab into the Virtual Lobby?

To add an external link and have this page being open inside the Virtual Lobby instead of taking the user to a new window, you should enable Embed under the tab details.

Press Edit and click on the tab you just created. A new window will appear on the right, scroll down until you see Embed and make sure to set it to Yes.

Embed a tab into the Virtual Lobby
If you set a custom tab as the Content page, you must select Embed - Yes, otherwise the participant will be taken to the My Account area.
When attempting to embed a website into the Lobby, you may occasionally run into some errors such as seeing a blank white box or an error notification. This is because not all websites can or allow themselves to be embedded.                         

Can I hide the Virtual Lobby tab?

Some event organizers may not want attendees to have access to the Virtual Lobby before an event starts. If that's the case, you could hide the Virtual Lobby tab until the event starts by pressing Settings > Tabs > Web app (in the upper left) > and uncheck the Visible column related to the Virtual Lobby. Press End to save your changes.

Hide the Virtual Lobby tab

After doing this, the Virtual Lobby icon should disappear from the Lobby's menu. However, the Open Lobby button will still be displayed under My Account. To hide the button, you will need to edit your Source Code via CSS. Check this article to learn how to do it.

How do I enable Two-tab schedule?

The Two-tab schedule feature allows you to separate each attendees' agenda from your event's full schedule. Once the feature is turned on, attendees will have access to the following tabs on the mobile apps:

  • General Schedule: This will display all activities of the event, including the ones that an attendee is not registered in.
  • My Schedule: This will only display the activities that an attendee has registered for.

In the image below, Two-tab schedule is disabled on the left-hand side, while the feature is enabled on the right-hand side:

Enable Two-tab schedule
In order for attendees who have been linked to an activity through the use of Lists to see the activity under My Schedule, Automatic enrollment should be enabled or they could pin the activity from the General schedule tab.

To enable Two-tab schedule directly from the Tabs page, click on the Settings button in the top right corner, then turn on the feature as shown below:

Click on the Settings button in the top right corner
To learn more about how attendees can access your event agenda through the InEvent app, click here.


How Did We Do?