The Burger Menu, located on the right side of a virtual tour, serves as a navigation tool, designed to inform and guide visitors through the space. With the Burger Menu, users can move between rooms or locations, explore different objects (such as tags within the space), and even access multiple spaces that are merged into one tour for easy transition.
Additionally, the menu provides an option to include a public tour address and a 'Contact Form' at the bottom, enhancing accessibility and user interaction.
Functionality
To activate the Burger Menu, pull the related toggle to the right:
Select the way the Burger Menu should appear on the tour:
- Open on launch - the menu will open automatically upon entering the tour.
- Open on hover - allow to open / close the menu upon hovering over its 'close' and 'open' buttons.
- Always open (desktop) - keep the menu visible on the screen without an option to close it (only desktop view).
- Full screen (mobile) - allow the menu take up the entire screen on mobile view for easier navigation.
- Disable menu tooltip - hide the pulsating tooltip for menu button.
- Enable search bar - display the search bar at the top of menu.
- Expand menu categories - make all menu categories expanded upon entering the space.
- Enable transparent background - make the menu background slightly transparent.
If you already have the Burger Menu created for another Treedis tour that you want to use again for current tour, you can click on three dots to select the export / import option:
Menu Colors
The color palette allows you to adjust the Burger Menu interface up to your branding and specific requirements:
- Menu All - color of the menu background.
- Menu Hover - color of each particular button on the menu when it is being hovered and clicked on.
- Menu Text - color of the menu text.
- Btn Color - color of the 'Custom' button and 'Get in Touch' button.
- Btn Hover - color of the 'Custom' button and 'Get in Touch' button when it is being hovered and clicked on.
- Btn Text - color of text on the 'Custom' button and 'Get in Touch' button.
- Btn Search - color to highlight the magnifying glass in the menu search bar.
- Expanded Menu - color applied to the main category if there are subcategories.
- Scrollbar - color of the side scroll bar on the menu.
If you applied background color to the Burger Menu but want to return it back to default transparent background > click on the button 'Menu All' and find the related color code:
Then replace the previously selected color with the following HEX color code:
#000000 - to apply dark background to the menu (and make it transparent if needed).
#eee - to apply light see-through background to the menu.
Burger Menu Content
Menu Item
Start creating the Burger Menu by clicking on '+' icon to proceed with the Menu Item.
Menu Item represents the buttons your Burger Menu consists of. You can start with creating a 'category' which will only display the title with no action. Once a category is created, you can add a sub-category (sub-menu item of lower level) by clicking on 3 dots:
You can drag and drop already created menu item to change its position, or to make it a new sub-category item.
Note: The Burger Menu allows you to create items up to 3 levels.
Menu Button
The Menu Button allows you to add any website content or social media link. Once this button is clicked in the Burger Menu, its content will be opened in the new browser tab. To create the Menu Button, just add a title (label) and desired URL link.
You can set up the color for the following items: the button itself, its text and action on hover:
Tag as Menu Item
If you have the tags created on your tour (either Matterport or Treedis tags), you can add them to the Burger Menu for easy navigation and more interaction with the tour. To import the tags, just click Add All Tags and it will add all available tags to the Burger Menu.
If you don't want to import all tags at once, you can add the tags to the Burger Menu one by one by using an option to add Menu Item > Tag action type:
MP Labels
You can integrate the Matterport labels into your Burger Menu (if labels are created for the respective Matterport space). MP labels serve as short descriptions linked to the rooms / locations within your tour. Just click Import MP Labels option, and they will automatically appear in the Burger Menu.
Clicking on any of these menu items will direct visitors to the floor plan view of the space.
Burger Menu: Action Types
The Burger Menu items can have numerous action types:
- Matterport (Fly-Over) – redirects visitors to a Matterport tour with a fly-over transition effect. The deep link for location can be retrieved by pressing U inside the Matterport tour.
- Matterport (Instant) – redirects visitors to a Matterport tour with a direct-entry effect. The deep link for location can be retrieved by pressing U inside the Matterport tour.
- Tour Link – redirects visitors to a Treedis tour. The deep link for the location can be retrieved by pressing CTRL+Y inside the Treedis tour.
- Navigation Path – creates a navigation path by displaying virtual bubbles between a visitor and selected location (for location use the deep link Ctrl+Y from the same tour); click here to find more details on how to create the navigation path.
- New Tab – opens a URL or webpage in a new browser tab.
- Panorama – opens a panorama view (ensure the panorama is added and enabled for the tour beforehand).
- I-Frame – embeds and displays external website content directly within the tour. Use an iFrame tester to verify if the link is compatible.
- Popup - opens a URL or webpage content as a pop-up inside the tour (same as iframe with the only difference that pop-up doesn't offer an option to adjust the size of the pop-up window).
- Tag - places a tag (can be both the Treedis tag and Mattertag) within the menu; click here to find more details on navigations tags.
- Gallery - opens the gallery with images (PNG, JPG) by clicking on the menu item (you can select images from the tour library or upload them directly from your device, max 10 images at once).
- Category - creates the main menu item (category) which doesn't require adding the URL link or selecting any action type.
Tour Link Action Type
When using Treedis tour links or deep links to navigate between different spaces, you can select from the following four options to seamlessly switch the content associated with each tour.
Note: These options are not available with the Matterport links.
- Highlight upon user stepping - this option highlights the Burger Menu item corresponding to the visitor's current position in the tour. Specifically, it shows the previous menu item from where the visitor came from and their current position. To enable this functionality, activate the Highlight toggle for each menu item (tour link) you wish to be highlighted.
- Change Minimap - after moving to another space, the mini-map will change accordingly.
- Change Panorama - while transiting to another space, the panorama of the second tour will be opened upon entering (if the panorama was set "as start view").
- Change Highlight Reel - after moving to another space, the highlight reel will change accordingly.
If you have further questions or need assistance with the settings, please contact us at support@treedis.com