Polygons

The Polygons feature allows you to make any object or area in your tour clickable and interactive. By creating a frame around specific elements, you can attach actions or content to them, enhancing the experience for your visitors. With Polygons, you can highlight and make areas such as walls, windows, doors, furniture, or any spot within your space clickable, bringing your tour to life with engaging, interactive elements.

Functionality

Adding a Polygon

Start using the polygons by clicking + Add and decide where to place it on the tour. When you place it, you will see a transparent cube, which can be applied to any object or location. From now on, this place on the tour will be clickable and interactive, depending on the action assigned to this polygon. 

Polygon Settings

At first, insert a polygon label (1). In the Mode panel (2), you can adjust the polygon's location, shape, and size by manipulating the vectors:

In the following section, you can edit the polygon location, shape, and size using X - Y - Z dimensions:

Enable the Lock Scale toggle to ensure that the polygon's X and Y parameters remain proportional, maintaining its size and shape consistency.

Action Types

Action type is a specific action that can be assigned to the Polygon:

• 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.
• Music - plays music when the polygon is clicked.
• Text - displays text upon clicking the polygon.
• Image - opens an image.
• Video - starts a video embedded (supports YouTube/Vimeo URL).
• Menu - allows to highlight an item in the Burger Menu after clicking on the polygon. You will need to select which Burger Menu item to assign to it.
• Experience Pop-Up – combines video+text or image+text in a single pop-up window, with options for vertical or horizontal layout.
• Flow – used for setting conditions within the Flows feature.
  
  

After selecting the action type, decide how you want the polygon to activate: either by clicking on it (On Click) or by hovering over it (On Hover).

Based on the selected action type (i-Frame,Text, Image, Video) you may need to configure its settings separately for both Desktop and Mobile views. This includes entering text or a URL twice, adjusting the size in either percentage or pixels, uploading a specific file for the polygon, etc.

Colors and Customization 

Here, you can select and customize the colors for the polygon itself and for interaction modes, such as clicking or hovering.

You can also adjust the polygon opacity - making it more or less transparent, when hovering over or clicking on it.

The same applies to the edges opacity - you can define how visible the edges should appear by default, and while hovering over or clicking on it.

To make the polygon completely invisible, set all related opacity values to 0 by sliding the toggles to the far left. Upon making the polygon invisible, it will look like you're just clicking over an object in the tour (without any signs of polygon) and get some action.

If you have further questions or need assistance with the settings, please contact us at support@treedis.com