Hoe zet ik een virtuele tour online

Handleiding virtuele tour online zetten

Geweldig, de virtuele tour is gemaakt kan online gezet worden! In deze handleiding leggen we stap voor stap uit hoe je een virtuele tour online zet op je eigen website.

Stap 1

Downloaden en uitpakken

Download het zip-bestand met de virtuele tour bestanden.

Zip-bestanden uitpakken op Windows

  1. Klik met de rechtermuisknop op het bestand, en kies ‘Alles uitpakken’.
    Kies vervolgens een map waar je de bestanden wilt opslaan.
  2. De nieuwe map wordt aangemaakt waarin de bestanden worden uitgepakt.

Zip-bestanden uitpakken op Mac

  1. Dubbelklik op het zip-bestand.
  2. De bestanden worden uitgepakt in een dezelfde map als het zip-bestand.

Hoe je een virtuele tour uitpakt

Stap 2

Upload de bestanden naar de webserver

Voor het uploaden van de bestanden naar een webserver, gebruiken we een FTP-programma, bijvoorbeeld FileZilla.

Upload de uitgepakte bestanden naar de hoofdmap van de website. Vaak is de hoofdmap de /public_html/ of de /httpdocs/ map.


Plaats de bestanden in een submap en noem deze bijvoorbeeld: /vr/

Virtuele tour bestanden uploaden naar een webserver

Stap 3

Voeg de virtuele tour toe aan je website

De tour staat nu online! Je opent de tour de URL:
https://zien360.nl/vr/index.html

LET OP: Vervang het rode zien360 gedeelte met de URL van je eigen website.

Wil je de virtuele tour embedden op je website, net zoals je bijvoorbeeld een YouTube video toevoegt? Dit kan eenvoudig via een iframe. Een iframe ziet er als volgt uit:

 

<div style="position: relative; height: 0; padding-bottom: 56.25%;"><iframe src="https:/vr-tour/index.html" style="position:absolute; top:0; left:0; width:100%; height:100%;" frameborder="0" allowfullscreen></iframe></div>

LET OP: Vervang het zien360 gedeelte met de URL van je eigen website.

Virtuele tour online zetten via een iframe

Stap 4

Publiceer de pagina en controleer de werking

  1. Wordt de tour correct weergeven?
  2. Kun je “rondkijken” in de tour door middel van het slepen van de muis?
  3. Open de pagina vervolgens op een mobiel.
  4. De tour zou je moeten kunnen “rondslepen” door middel van “vegen” en/of door middel van het bewegen van je mobiel.
  5. Tik vervolgens de “Full screen” optie, de tour zou nu full screen weergegeven moeten worden.
  6. Als laatste tik je het vr-bril symbooltje aan (via het menu rechts bovenin het scherm), nu zou je de opties voor het weergeven van de tour op een vr-bril moeten zien.