How to add a pop up image hotspot to my virtual tour

image hotspot

Right! So you added a pop up text hotspot and a pop-up video hotspot to your virtual tour but what you want to do now is add some pop-up image hotspot to your virtual tour too! I say, hell yes, why not! Pop up all the things master!

In this tutorial we will show you how to add pop-up image hotspots to your virtual tours with My360. In fact, we’ll go a step further and explain also how you can add images WITH text as a hotspot to your tours! (don’t tell us we didn’t think of everything here!)

 

Alright you clever clogs… this one’s for you, the quick guide: 

  1. Go to the tour editor or create a new tour

  2. Drag the blue ball to the screen

  3. Add the “info” icon

  4. Activate “3d” (optional, but nice)

  5. Change the icon (upload your own or choose a different one)

  6. Upload your image(s)

  7. Add some text (optional)

  8. Click save & publish

  9. You’re done!

 

Here’s the same steps but with pictures and a little more explanation:

 

1. Go to your tour editor or create a new tour

image hotspot

 

2. Drag the blue ball to the screen:

image hotspot

 

3. Choose the “info” hotspot (this one can also be used for just text)

image hotspot

 

4. Activate “3d” (optional, but makes the icon work better within the player)

image hotspot

 

5. Change the icon (optional) by double clicking on the existing icon

image hotspot

You can choose any icon from our existing library of icons, or just upload your own. Remember to choose “original” if you want your icon to have a transparent background.

image hotspot

 

6. Upload your image for the Pop Up

Click on the “image” icon above the text field to choose your image for the pop up:

image hotspot

Click on browse server to access/upload your image:

image hotspot

Choose the image you want to add to your Pop Up – choose “original” especially if you want to have the image with a transparent background.

image hotspot

Resize the image (recommended to do this 400 px wide – it really does not have to be bigger than that)

image hotspot

 

7. Add some text (optional)

image hotspot

 

8. Click save & publish

image hotspot

And publish:

image hotspot

And there it is! You now have an amazing pop-up image hotspot in your tour and you even added some text too! Great work for today!

image hotspot

Here’s an example of an image hotspot in action:

And here’s one with the text added too:

So that’s all there is to it!

We encourage you to use hotspots throughout your tours to show your visitor everything there is to see in this tour, however, be aware, the more images you add to a tour, the heavier the tour becomes, so don’t go too crazy with this feature, or you’ll regret it!

We recommend 1 or 2 hotspots per scene is plenty, of course, you can also ignore that advise and go absolutely pop-up mad, but then it is at your own risk… don’t say we didn’t warn you! 🙂 #wewillloveyouanyway

One Response

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

1.2K views March 21, 2023 5:09 pm

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

406 views March 21, 2023 5:18 pm

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

303 views February 2, 2023 4:09 pm

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

378 views February 1, 2023 3:39 pm

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

288 views July 14, 2022 9:43 am

Custom Transitions on your Virtual Tour | My360 Virtual Tour Software

147 views June 18, 2022 1:56 pm

Adding your property virtual tours to My360rea.com for FREE

138 views May 31, 2022 10:03 am

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

46 views May 13, 2022 2:45 pm

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

199 views March 9, 2022 12:41 pm

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

1.9K 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