Back to all questions

Installing a 3D Viewer on a Web Page

To install a 3D viewer with an object loaded in the Vizbl platform on any area of your site, you need to follow two simple steps. Before you begin, ensure that you have already uploaded at least one object to Vizbl.

Copy data from the Object Card

Open the list of your uploaded objects on business.vizbl.us. Select the object you want to display in the 3D viewer. Copy the TINUUID and HID parameters; you will need them in the next step.

Add code to Your Site

In the designated area on the web page, you need to add the following code:

<iframe style=”height:100%; width:100%; border:none” src="https://vizbl.us/viewer_simple/app/index.html?tinuuid=2qO44q-FTqanIzXXK2hLIA&hid=de3d4ff0"></iframe>

Once added, the 3D viewer will display the selected object at this location. The viewer window will occupy 100% of the width and 100% of the height of the parent container.

The TINUUID parameter specifies the object, while the HID parameter determines the color variant. By modifying these parameters, you can display any of the uploaded objects in your desired color.