Editing the navigation bar on the event Landing Page

The navigation bar is the menu at the top of the event page. From this article, you’ll learn how to:

• change the order of items on the bar,

• rename the tabs,

• highlight selected items,

• add new items: subpage, external redirect, iFrame and the Download the app module.

Pro tip: The navigation bar doesn’t have to exactly mirror the layout or the number of modules on the page – you can just pick the sections that matter most to participants. This way the navbar becomes a handy shortcut that helps users quickly jump to the key parts of the page.

Navbar editor

1. Log in to the Landing Page with an account that has Administrator permissions.

2. Click the wrench icon in the bottom right corner of the page.

3. In the edit panel, in the Navbar configuration section, click Modify.

4. The Navbar settings window will open.

Changing the order of tabs

After entering the editor, you can see all the modules that were previously added in the admin panel and are handled on the Landing Page (globe icon with www).

1. Grab the hamburger (≡) icon next to the selected item.

2. Drag the item up / down, to set the display order.
   

Renaming a tab (Translations library)

1. Select the item whose name you want to change and click Edit.

2. In the Custom title section, click the plus “+” icon to open the Translation Library.
   

   

3. In the “Custom translations” window, create a pair of a technical name with the component name that will be displayed on your event page:

   • New Translation Key – technical name of the key, e.g. agenda_main or event_info

   • value – enter the text that will be visible to people visiting the Landing Page.
     

     

4. Add it to the Translation Library by clicking Apply changes, go back to editing the item and from the list choose from the drop-down list the key you just created in the Custom title field.

Remember to add the appropriate translations for each language layer for multilingual events.

Highlighting an item on the bar

1. In the item edit view, turn on the Highlighted toggle.

2. The selected item in the navigation bar will be highlighted in the main event color.

Remember that you can highlight more than one item in the navbar

Adding new items to the navigation bar

By default, the list only shows components enabled in the event admin panel (also supported in the mobile app), but you can add extra items visible on the page:

Click in the top right corner of the Navigation bar items section ()

Subpage – a new page on your LP

1. Module definition key → choose Subpage.

2. Fill in the URL path (e.g. o-nas) → this element will be added at the end of your LP link

3. Set a Custom title via the Translation library.

4. Confirm.
   

   

Creating a subpage and moving selected modules to it is a perfect way to shorten the main landing page and limit the number of elements in the navbar. It also lets you group content and keep things thematically organized.

External redirect – a link pointing outside the Landing Page

1. Module definition key → select External redirect.

2. Enter the redirect URL – it must start with https:// (e.g. https://partner.com).

3. Choose the redirect target: New tab or Same tab.

4. Set a Custom title (Translation library).

5. Confirm.

iFrame - embedding any HTML content

To add this element to the navigation bar, first add the free iFrame module and fill it with content.

Add the iFrame module according to the instructions from THIS ARTICLE, and then in the navigation bar edit window choose:

1. Module definition key → choose iFrame.

2. Give it a Custom title and Confirm.

Mobile App module

To add this element to the navigation bar, you first need to add the free Get the app module.

This is a free component that lets you place a section with a QR code leading to your event in the mobile app – you can learn more from THIS ARTICLE.

To add a redirect to the App section on your event page, in the Navbar editor:

1. Module definition key → Application

2. Module → Application

3. Choose a name from the Translation Library

4. Confirm

Remember that once you finish configuring the navigation bar, save by clicking Apply changes, and then the floppy disk icon in the bottom right corner of the Landing Page configurator! Otherwise everything you managed to create won’t be saved.

1. Apply changes

2. And save before leaving the Landing Page configurator

Buttons “Log in” and “Get a ticket” - change the text to your own

To change the names of the system buttons, go to the navigation bar configurator and then go to the “others” tab. Add texts to the translation library that will replace the system names of the functional buttons.

Remember that:

1. The first button will ALWAYS open the login window

2. The second button will ALWAYS take you to the tickets section

Then choose your own names and put them in place of the first and/or second button.

Click Apply changes:

and then click the floppy disk icon in the bottom right corner:

After that, the changes will be visible on the event page.

Final result of editing the Navbar

You can edit the navigation bar at any time, so if you’re not happy with the final result or the concept of this element changes later on while you’re working on the event – no worries! You can make changes whenever you want.

Have a successful event with Meeting Application!