Combined integration of EvoVR Virtual Tour Creator and EvoVR Virtual Tour Player

Widget with included picture and button.


Calling Evo VR Virtual Tour Creator from an html element

Open Evo VR Virtual Tour Creator

Direct loading of the virtual tour of the page.

Loading the virtual tour in a modal window using the widget.

Loading the virtual tour in a modal window.

View the virtual tour


If you have integrated jQuery on your site, use the "Without jQuery" JS link.
If you do not have integrated jQuery on your site, use the "With jQuery" JS link.
In order for EvoVR to work, you need the jQuery library, but if you are already loading it on your site, you need to put the javascript link, which is without the jQuery library.
<script src=""></script> - Without jQuery
<script src=""></script> - With jQuery

Generate API keys for your domain and place the corresponding keys instead of "VIEW_API_KEY" and "EDIT_API_KEY" in the JS links.

<!doctype html>
<meta charset="utf-8">
<title>EvoVR Virtual Tour Creator:Test</title>
<link rel="stylesheet" href="">
<link rel="stylesheet" href="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<div class="evovr-tour-editor" postid="101" buttonColor="gray" showGadget="true" showIcon="true" editText="Create a tour" createText="Edit tour" >Open</div>
<div class="evovr-tour-editor" postid="101"  showGadget="false" >Open Evo VR Virtual Tour Creator</div>
<div class="evovr-tour-loader" postid="101" showIFrame="true" style="width:100%; height:550px"></div>
<div class="evovr-tour-loader" postid="101" showIFrame="false" showGadget="true" buttonColor="gray" showIcon="true" text="View the virtual tour" style="width:250px; text-align:center;"></div>
<div class="evovr-tour-loader" postid="101" showIFrame="false" showGadget="false">View the virtual tour</div>
<script src = ""></script>
<script src = ",EDIT_API_KEY,en"></script>