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. 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:

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

444 views February 2, 2018 12:04 pm

Add Text to your virtual tour | My360 Virtual Tour Software

211 views February 2, 2018 11:56 am

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

842 views February 2, 2018 11:54 am

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

206 views February 2, 2018 11:29 am

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

829 views February 2, 2018 11:28 am

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

572 views February 1, 2018 9:39 pm

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

276 views February 1, 2018 9:07 pm

How to add a single image to your virtual tour | My360 Virtual Tour Software

499 views February 1, 2018 9:04 pm

Create a basic virtual tour | My360 Virtual Tour Software

6.8K views February 1, 2018 8:56 pm

Embed Virtual Tour in Wordpress | My360 Virtual Tour Software

328 views October 6, 2020 4:15 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