How to add a floor plan to your virtual tour

add a floor plan to your virtual tour

test My360 has recently introduced the floor plan feature for all our users to enjoy FREE of charge, so now you want to know how it works right? Here’s the complete tutorial on how to add a floor plan to your virtual tour for free!

For the quick thinkers, here’s the short version:

  1. “Set North” on all your images (top right corner)
  2. Click on “Add Floor Plan (top right corner)
  3. Click on “Add New Level”
  4. Upload your floor plan (don’t have one? Click here to make one for FREE)
  5. Give the floor plan a title
  6. Select the floor plan in your library and click “add the level”
  7. Drag the pointer over the hotspot to place in the right area
  8. In the pop-up, select the destination image and set the default colors
  9. Set your general floor plan settings (optional)
  10. Click “Save & Exit”
  11. Go to “settings” (of the tour editor)
  12. Click the tab “floorplan”
  13. Click to “enable floor plans” for the floorplan to show
  14. Click “publish”
  15. You’re done!

Easy right? And it looks so good!!!

Now here’s the same again but now with pictures in case that was a little too quick for you:

1. Set “north” on all your images

You do this so that the rotation arrow works. We will show you further down what that means.

2. Click on the icon to add a new floor plan:

If you don’t have a floor plan yet, click here to find out how you can make your own floor plan for free. 

 

3. Click on “add new level”

You can add as many levels as you like, but in this tutorial we are adding just 1.

 
4. Label your floor plan and click to upload your floor plan.

A floor plan label could be: ground floor, terrace, 1st floor etc & make sure the floor plan is min. 1000px wide and a JPG or PNG file

 
5. Once uploaded, click the floor plan you wish to use and select “add the level”

 
6. Now drag & drop the the blue ball to the area where you want to add your hotspot.

Then select the correct destination image:

You can now also configure the hotspot colours and default settings and set the background color etc to personalise the floor plan to your own brand.

When you have finished click on “save & exit editor”

 
8. Now go to your Tour Settings to turn on the floor plan option:

 
9. In the tab “floorplan” – “enable” the floorplan to make it show on the front end

 
10. Click “save” and “publish” your tour – and you’re done!

Here’s an example of what your tour should now look like:

You can see the new option on the left hand side for the floorplan:

When you click on it, you can see a small version of the floor plan.

Click on the “corner” icon to make it larger.

So now it looks like this:

Now do you see the greyed out area? This will move as you move through the property and shows you exactly where you are, so this is why it is important to “set north” as explained in step 1 – to ensure the floorplan view is correct.

If you don’t “set north” this grey area will not show:

And that is all there is to it! Now you can add a floor plan to your virtual tour! Whoop! Look at you go! Now go forth and make more amazing virtual tours my friends! Don’t forget to add a little pop-up hotspot or video to your tour too!

Let us know in the commends how you’re getting on – better yet, share your fabulous tours with us here!

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Other articles that may be of interest

Videos you may like:

How to Shoot A Virtual Tour With The Ricoh Theta Z1 | My360 Virtual Tour Software

483 views March 21, 2023 5:09 pm

Ricoh Theta Z1, Trisio 360 & My360 VR Kit Compared | My360 Virtual Tour Software

186 views March 21, 2023 5:18 pm

How to shoot a virtual tour with the Trisio360 2 Lite camera | My360 Tours

135 views February 2, 2023 4:09 pm

Make a Virtual Tour With Your Phone | My360 VR Kit | Virtual Tour Software

145 views February 1, 2023 3:39 pm

How to add an "Add To Cart" button to your virtual tour | My360 Virtual Tour Guides

210 views July 14, 2022 9:43 am

Custom Transitions on your Virtual Tour | My360 Virtual Tour Software

112 views June 18, 2022 1:56 pm

Adding your property virtual tours to My360rea.com for FREE

123 views May 31, 2022 10:03 am

How to set maximum clicks on your virtual tour to force a contact form

40 views May 13, 2022 2:45 pm

How to shoot & create a virtual tour in just 30 minutes

145 views March 9, 2022 12:41 pm

How to Embed Your Virtual Tour on WIX | My360 Virtual Tour Software

1.4K views March 8, 2022 3:08 pm

We may share links to Amazon products on our articles. As an Amazon Associate we earn from qualifying purchases, this allows us to continue to give you free information. It does not make the product on Amazon any more expensive and helps keep this website and its information 100% free of charge!

Recent Posts

Stay Updated

Popular Videos

How to create a basic virtual tour
Play Video
How to add a single image to your tour
Play Video
How to embed your tour in your website
Play Video