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.

Add 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. In the Mode panel, 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) - a fly-over transition from the dollhouse view to the selected in the Matterport tour (deep link can be retrieved by clicking U inside the Matterport tour);
• Matterport (instant) - redirects visitors instantly to a specific location within the Matterport tour, using a direct-entry effect;
• Tour link – redirects visitors to a specific location within the Virtualz tour. (The deep link for this can be obtained by pressing CTRL+Y inside the Virtualz tour);
• New Tab - opens the specified content in a new browser tab;
• Panorama - connects one panorama to another (make sure first to add and active the panorama for the tour);
• iFrame - embeds the external web- site content directly within the tour. Make sure to use iFrame Tester to verify if the link can be i-framed;
• 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 URLs);
• Menu - allows to highlight the 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 - allows to combine of an image, text, and URL in one popup window.  

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).

Activate Hide After Click if you want the polygon to disappear after interaction, ensuring it no longer appears in the tour.

Based on the selected action, 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 (1), uploading a specific file for the polygon, etc:

Colors and Customization 

Here, you can select and customize the colors for your polygon and adjust its opacity for different interaction modes, such as clicking or hovering. Tailor the transparency and visibility to suit your needs - everything depends on your creativity:

You can also adjust the opacity of the polygon by making it more opaque or transparent, adjust opacity as you hover over the polygon or when you click over the polygon. The same with the edges opacity: you can choose how thick you want the edges as a default, while hovering over it, or as you click on it. 

To make the polygon invisible you must set everything to be transparent (pull the toggles to the very left). Upon making the polygon invisible it looks like you're just clicking over a specific object and get the action.