How to use the Virtual Tour on my own website (WordPress | Wix | Custom HTML)

There's two parts on getting the Virtual Tour on your own website. First you'll need a website that is already hosted somewhere and secondly you'll need to have your Virtual Tour hosted.

If you don't know how to set up your own website with hosting, consider hiring a webdeveloper.

When the website is already set up, then you'll need to have hosting for your Virtual Tour. We offer our own 3DVista hosting solution which is very easy to use. If you still like to host it yourself, you can follow the steps in this tutorial to upload the Virtual Tour to your own server:

Once the Virtual Tour is hosted on the server (either on your own or our 3DVista hosting), then you might like to create a page to embed the Virtual Tour on. On this newly created page you can use any of the following iFrame codes:

– for 16:9
<div style="position:relative; height:0; padding-top:56.25%"><iframe style="position:absolute; top:0; left:0; width:100%; height:100%;" src="HTTP://DOMAIN/PATH/TO/INDEX.HTM" name="TOUR NAME" width="100%" height="100%" frameborder="0" allowfullscreen="true" allow="fullscreen; accelerometer; gyroscope; magnetometer; vr; xr; xr-spatial-tracking; autoplay; camera; microphone"></iframe></div>
– for 4:3
<div style="position:relative; height:0; padding-top:75%"><iframe style="position:absolute; top:0; left:0; width:100%; height:100%;" src="HTTP://DOMAIN/PATH/TO/INDEX.HTM" name="TOUR NAME" width="100%" height="100%" frameborder="0" allowfullscreen="true" allow="fullscreen; accelerometer; gyroscope; magnetometer; vr; xr; xr-spatial-tracking; autoplay; camera; microphone"></iframe></div>
– for 1:1
<div style="position:relative; height:0; padding-top:100%"><iframe style="position:absolute; top:0; left:0; width:100%; height:100%;" src="HTTP://DOMAIN/PATH/TO/INDEX.HTM" name="TOUR NAME" width="100%" height="100%" frameborder="0" allowfullscreen="true" allow="fullscreen; accelerometer; gyroscope; magnetometer; vr; xr; xr-spatial-tracking; autoplay; camera; microphone"></iframe></div>

If you'd like to change the url storagenet to any of your own, read more about it here