Editing the navigation bar on the Event Landing Page

The navigation bar is the menu at the top of the event page. In this article, you'll find out how to:

• change the order of items on the bar,

• change tab names,

• 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 match the layout or number of modules on the page – you can pick only the sections that matter most to your participants. That way, the navbar becomes a handy shortcut, making it easier to jump to the key parts of the page.

Navbar editor

1. Log in on the Landing Page using an Administrator account.

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. A window called Navigation bar settings will open.

Changing the order of tabs

Once you enter the editor, you'll see all the modules that were previously added in the admin panel and are supported on the Landing Page (the globe icon with www).

To change the order of tabs in the navigation bar, stay in the items tab, and then:

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

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

Changing a Tab Name (Translation Library)

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

2. In the Custom Title section, click to open the Translation Library.
   

   

3. In the “Custom Translations” window, make a pair of a technical name and a component name that will show up on your event page:

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

   • value – enter the text that visitors to your Landing Page will see.
     

     

4. Add to the Translation Library by clicking Apply changes, go back to editing the item and select from list the key you just made from the dropdown field in Custom Title.

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

Highlighting an element on the bar

1. When editing the element, turn on the Highlighted switch.

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

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

Adding new items to the navigation bar

By default, the list shows only the 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 elements section ()

Subpage – a new page on your LP

1. Module definition key → pick Subpage.

2. Fill in URL Path (e.g. about-us) → this bit will be added at the end of your LP link

3. Set Custom title using Translation Library.

4. Confirm.
   

   

Creating a subpage and moving selected modules to it is a great way to shorten your main landing page and keep the navbar clean. It also lets you group your content and keep things tidy by topic.

External redirection - link pointing outside the Landing Page

1. Module definition key → pick External redirect.

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

3. Choose Redirect target: New tab or Same tab.

4. Set Custom title (Translation library).

5. Confirm.

iFrame - embed any HTML content

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

Add the iFrame module following the instructions from THIS ARTICLE, then in the navigation bar editing window, select:

1. Module definition key → choose iFrame.

2. Give a Custom title and Save.

Mobile App Module

To add this item to the navigation bar, you first need to add the free Download App module.

This is a free component that lets you add a section with a QR code linking to your event in the mobile app – you can find out more in THIS ARTICLE.

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

1. Module definition key → App

2. Module → App

3. Pick a name from the Translations Library

4. Confirm

Remember, after you're done configuring the navigation bar, save it by clicking Apply changes, and then the floppy disk icon in the bottom right corner of the Landing Page configurator! If you don't, everything you've put together won't be saved.

1. Apply changes

2. And save before leaving the Landing Page configurator

Final result of Navbar editing

You can edit the navigation bar anytime, so if you're not happy with the final result or the concept of this element changes later in the process of working on the event – no worries! You can make changes whenever you want.

Have an awesome event with Meeting Application!