Combined integration of EvoVR Virtual Tour Creator and EvoVR Virtual Tour Player
Widget with included picture and button.
Open
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
Important!
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="https://webobook.com/asset/as:VIEW_API_KEY"></script> - Without jQuery
<script src="https://webobook.com/asset/af:VIEW_API_KEY"></script> - With jQuery
"VIEW_API_KEY"
and "EDIT_API_KEY"
in the JS links.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>EvoVR Virtual Tour Creator:Test</title>
<link rel="stylesheet" href="https://webobook.com/css/evovr.css">
<link rel="stylesheet" href="https://webobook.com/css/evovr-preview.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<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 = "https://webobook.com/asset/af:VIEW_API_KEY"></script>
<script src = "https://webobook.com/api/asset/u:VIEW_API_KEY,EDIT_API_KEY,en"></script>
</body>
</html>