If you would like to embed VR tours in your website, the easiest and most secure solution is using iFrames and linking them to theViewer.co. In the near future, we will offer a feature that automatically generates embed codes for any tour, however for now we offer a simple guide, that helps you do this manually.
Please follow the steps described below.

1. First step in this process is to copy the link to a tour which is automatically generated by theViewer.co 

2. Now when we have the link , the only thing that we have to do is to "pack" iFrame around it . Here is a sample that we use and you can reuse it as much as you want.

<iframe width="800" height="600" srcdoc='<a href="https://theviewer.co/share/piotr.juchnowicz@gmail.com/945b6ae7-a076-4458-8cfb-61a745e884a7" >
    <img style="width:100%;height:100%"
src="https://s3-eu-west-1.amazonaws.com/theconstructdatavolume/intercom/pics/thumbnail-getstarted.jpeg">
    </a>'>
</iframe>

As you can see at the beginning of the iFrame we define what should be the size of this frame on our website . In our sample we use 800x600 , but you can change it to any value that you want .

Second step is to define the source for the iFrame in the section "srcdoc"
Thats exactly where we use the link generated by theViewer.co 

srcdoc='<a href="https://theviewer.co/share/piotr.juchnowicz@gmail.com/945b6ae7-a076-4458-8cfb-61a745e884a7" >

The last step is to define a thumbnail for our iFrame .
This thumbnail will be visible on your page before your user will decide to click on it .
<img style="width:100%;height:100%" ">src="https://s3-eu-west-1.amazonaws.com/theconstructdatavolume/intercom/pics/thumbnail-getstarted.jpeg">

and thats it !

A good practice is to test it on on websites like http://htmlsandbox.com/ before you actually try it on your own site . If it works on http://htmlsandbox.com/ you know it should work on your site .

3. If everything is working until now you are ready for the final step - embed on your site . There are many ways how to do it , depending on the way how your site is being hosted , but the general rule is to past the iFrame in the html code of you site.

<iframe width="800" height="600" srcdoc='<a href="https://theviewer.co/share/piotr.juchnowicz@gmail.com/945b6ae7-a076-4458-8cfb-61a745e884a7" >
    <img style="width:100%;height:100%"
src="https://s3-eu-west-1.amazonaws.com/theconstructdatavolume/intercom/pics/thumbnail-getstarted.jpeg">
    </a>'>
</iframe>

In Wordpress for example you can even paste it directly in a new page and you will immediately see it in the preview

If you have any questions about iFrame just use the chat and talk to us !
We are more then happy to help you out 

Piotr

Did this answer your question?