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

Share on facebook
Share on twitter
Share on linkedin
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.

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 set maximum clicks on your virtual tour to force a contact form

10 views May 13, 2022 2:45 pm

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

47 views March 9, 2022 12:41 pm

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

107 views March 8, 2022 3:08 pm

Configure Max Clicks in your Virtual Tour | My360 Virtual Tour Software

505 views February 2, 2018 12:04 pm

Add Text to your virtual tour | My360 Virtual Tour Software

229 views February 2, 2018 11:56 am

Adding Images & Gifs to a virtual tour | My360 Virtual Tour Software

955 views February 2, 2018 11:54 am

Hide sensitive information in your virtual tour | My360 Virtual Tour Software

223 views February 2, 2018 11:29 am

How to add a video intro to your virtual tour | My360 Virtual Tour Software

877 views February 2, 2018 11:28 am

How to configure your default virtual tour settings | My360 Virtual Tour Software

597 views February 1, 2018 9:39 pm

How to add a basic text hotspot to your virtual tour | My360 Virtual Tour Software

296 views February 1, 2018 9:07 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