A virtual tour is a set of 360° photos that are interlinked within a HoloBuilder project. This makes it possible to virtually discover a place by “walking” from one photosphere to the other.

Get a quick overview of which steps you have to take to easily create a 360° tour with HoloBuilder.

1 Capture 360° images

A crucial prerequisite for your virtual tour is a set of 360° photos of the place you want to make virtually accessible. 

360° images can be captured by either using a dedicated spherical camera using the JobWalk app, as well as by using a mobile app for capturing 360° images with a smartphone, as it has been described in here

There are plenty of 360° cameras available. Please consult the list of cameras that are compatible with HoloBuilder, we recommend the Ricoh Theta V. 

The easiest way to use HoloBuilder is by also using our JobWalk app.

2 Upload your 360° images

If you chose the JobWalk app to capture photos with a 360° camera you can easily upload all photos to your project from within the app. Please note you might have to connect to your WiFi again after your mobile device was connected to your 360° camera in order to upload.

In the HoloBuilder Web Editor in your web browser, preferably Chrome, you can upload your 360° images by 

1. pressing the '+' button in the lower left corner.

2. Click on the highlighted area in the tab ‘360° Scene’ and select the file to be uploaded or drag and drop the files to be uploaded from your desktop onto the rectangular interaction area of the upload popup.

3. Subsequently, your 360° images will appear in the left-hand project panel.

Note: Add multiple photospheres at once by drag and drop or directly selecting them by browsing your files.

3. Interlink your 360° images

To interlink your uploaded 360° images, you can either drag and drop the scene you want to create a link to from the project panel into the scene or add the corresponding action object from the object menu. 

For a more customized solution, you can also add your personal object designs.

3.1 Drag and drop a "Go to scene link" in every scene

When you drag and drop a scene from the project panel on the left-hand side of the editor into the main editor window, a virtual link to that scene will be created with the ‘Go to scene‘ action object. 

You should repeat this process and add links to all relevant scenes to provide a smooth experience.

4 Edit your tour

Apart from linking your scenes to an interactive tour, HoloBuilder also offers other options for enhancing your projects interactively, such as sheets and Time Travel.

4.1 Set the initial view

You can choose the perspective a viewer should have when first opening a scene. For setting the initial viewing direction when “entering” a photosphere,

1. rotate the current scene to the corresponding orientation in the editor.

2. Subsequently, click the camera icon located at the corresponding scene preview of the currently displayed photosphere in the project panel.

3. The thumbnail displayed as scene preview will be updated to the new orientation.

Learn more about setting the initial viewing direction for each scene here.

4.2 Add a sheet

1. Click on the + icon at the bottom left side of the screen.

2. Now, select the first tab ‘Sheets’ and add your sheets, e.g. floor plans, by drag and dropping them from your local drive or by browsing your files.

Learn more on how to add and edit sheets here.

Add a single sheet with any of the paid plans. Starting with the Real Estate plan you will also be able to add Multiple Sheets.

4.3 Track your process with Time Travel

With HoloBuilder, any progress or changes can be easily documented and followed with the Time Travel feature. Time Travel allows you to add multiple iterations of a single scene over time to display changes and document progress. Learn more how to use Time Travel for your purpose here.

5 Share your HoloBuilder project

1. To share your project, simply click on the share icon at the top of the editor

2. Use either the share URL to distribute the tour via your various social media channels or the embed code to seamlessly integrate your virtual tour as an iframe within your website and any other HTML-based platform.

Learn more about your sharing options here or how to responsively embed the iframe into your website with this tutorial.

Did this answer your question?