Whether building a catalogue for your next launch or creating a team workspace to manage your 3D assets and their real world counterparts, the VNTANA Miro App makes it a snap to embed your 3D right into your Miro boards. Simply grab the share link from your 3D asset on the VNTANA Platform and pop it into the Miro App to generate a 3D viewer.
The app can be located within the Miro App Marketplace under the name 3D AR VNTANA.
To manually install the App, you can click this link. You will need to authorize the app, but it will not access your VNTANA data or Miro user data.
Using the VNTANA App
The VNTANA 3D Viewer app for Miro is designed to ingest a valid VNTANA Product’s share link and generates an interactable 3D viewer within the current Miro board. Simply enter your share link into the URL field of the App panel and press the ‘Embed 3D‘ button.
Retrieving a Share Link
To retrieve a Product’s share link, simply access the Product on the VNTANA Platform, navigate to the Embed Code section located under the Viewer, and press the COPY SHARE LINK button to copy the link to your clipboard.
Important: There are two buttons shown in the Embed Code section of a Product. One corresponds to the full iFrame code used to embed the viewer in a website while the other is simply the Share Link used to view the 3D viewer and Product in a full webpage. You must enter the Share Link , not the iFrame.
The Miro app will accept share links for both a single Product as well as a Variant Group / Simple Configurator. For more info on what a Variant Group / Simple Configurator is, see this guide.
Setting Viewer 'Mode'
Miro allows embeds to be displayed in one of two modes: ‘inline’ and ‘modal’. Inline means that the content of the embed will always stay in the widget that gets added to the board, whereas modal means when you open the content, it pop up a modal containing the embedded content.
In the app panel, there is a checkbox labeled Pop-out Viewer that is off by default, meaning the embedded content will be inline. In the event that you would prefer to utilize the viewer as modals, you can check this option and it will be embedded as a modal.
Important: Additionally, while the app is open you can select any of your embedded viewers and change this setting to toggle that viewer between inline and modal.
Interacting with the 3D Viewer
The 3D viewers embedded into your Miro workspace allow some manipulation. You can resize the viewer (it is aspect ratio locked) as well as reposition it. Additionally, you can directly interact with the contents of the viewer by clicking the ‘Open’ button displayed on the viewer. This gives you control over the camera and can rotate the 3D model, zoom in, and pan. The full screen button can also be utilized if you need to view the product more closely without needing to resize the component.
The viewer will also retain the settings you apply on the Platform in terms of the environment, lighting, background, as well as show any Hotspots you’ve applied.
Hiding the Info Bar
Be default, when the embed frame is generated it will contain an info bar below the viewer. In order to hide this, select the frame and locate the toolbar of options for that frame (it generally appears above or below the selected frame). Click the ‘show/hide info’ button to toggle the info bar. Unfortunately this will have to be handled for each viewer individually.