Back to support

Floor plans & maps PRO

This tutorial will show you how to add a map or a floor plan to your Virtual Tour and add overlay hotspots that link to the individual photos in the tour.

Upload an image

Once you create a virtual tour by uploading all your 360 shots, select Upload > Regular image from the main menu. You will see a screen where you can select an image from your drive:

You can use any regular image or photo as a floor plan as long as it is in JPG, PNG or GIF format. It can be a 3d rendering or the property, a map, a blueprint or CAD drawing or even... a photo of a hand-drawn sketch made with your mobile phone (if you are in a rush). After you upload the plan, you can add labels and hotspots linking to your 360° photos.

Add image to tour

Select the file you want to use and it will appear on the screen. Now you can use the Add tour button, as shown below, to add the image to the your existing tour.

Image credit: Rishabh Kushwaha / Behance

If you forget to add the image to a tour during upload, you can always do that later using the Add to tour button, that you can find on panel next to the post.

Create hotspots

You can add labels & hotspots to your floor plan in the same way as you would add them to a 360° photo. Here's an example of a hotspot added over a regular image, a floor plan in this case:

If you are not familiar with editing hotspots on Kuula, you can start by checking out this tutorial.

Position in tour

If you added the plan to your tour and posted it, it will automatically become part of your tour and you can see it in the tour page, as part of the thumbnail bar.

You can use the Reorder function to set the position where you want the floor plan image to be within the tour.

VR mode

In VR mode on mobile, floor plans and other regular images are displayed in front of you on a flat plane and hotspots can be activated using gaze navigation.