Hotspot Overlay

The Hotspot is a button with a popup window that presents extra information about an area or product on a virtual tour. Briefly, you can attach a piece of content that the visitors can click and connected to other source of information. The visitors will be able to learn more about an item within a virtual tour without leaving the tour to search about it.

Why Gothru Overlay hotspots?

Gothru Overlay hotspot is very interactive and highly customizable. You can choose where you want the hotspot to appear, the content it takes, and the details you want it to give.
Hotspots provide better experience and information for visitors. The visitors simply click on the hotspot to get more information about a product or service like they are currently standing in the building.
Increase the amount of interaction and information access with more potential customers for your business.
There are various content types you can add to the popup making your tour more attractive and informative. Berlin hotspot now supports nine content types -- simple, HTML, Image-left, Image-top, video-top, image, video, audio, and iframe.

Types of Hotspot

There are three types of hotspots on the Gothru Overlay editor: Hotspot (pulse), Berlin, and Pano Link.

1. Hotspot (Pulse Hotspot)

The hotspot is the main hotspot option on the Overlay editor. It's also known as the pulse hotspot because by default it appears with a pulse effect.

How to add a pulse hotspot:

Open the Overlay editor
Go to the plugin manager
Select the hotspot type under the hotspot plugin
Drag the hotspot around to set to the position
Set the hotspot design including the pulse effect using the tools under the hotspot section
Adjust the popup setups using the tools under the popup section
Add content to the popup using the tools under the content type section
Click “save” and then “publish” to see the results

For more details with images, see “How to work with the hotspot settings?”

2. Berlin Hotspot

Berlin hotspot is highly customizable and used in the same way as the standard pulse hotspot but distinct in its icon or marker. By default, the basic hotspot comes with a pulse effect, but Berlin uses a standard black and green map marker. This marker can also display custom images or symbols, in this case, it is referred to as "hotspot icon."

How to add a Berlin hotspot:

Open the Overlay editor
Go to the plugin manager
Select the Berlin hotspot under the hotspot plugin
Drag the hotspot around to set to the position
Set the hotspot design using the tools under the hotspot settings
Adjust the popup setups using the tools under the popup setting
Add content to the popup using the tools under the content type section
Click “save” and then “publish” to see the results

For more details with images, see “How to work with the Berlin hotspot?”

3. Pano Link Hotspot

Pano Link is a button that allows you to move between rooms/panoramas, to join them into a combined virtual tour. This hotspot allows you to move between rooms/panoramas, to join them into a combined virtual tour. With Pano Link, visitors can spend less time exploring a building and go from one pano to another pano easily. The visitor simply clicks through the hotspot to reach the next rooms/panoramas and discover what inside from different views and angles. It is very suitable to show building directories such as houses or buildings with multi-stories.

How to add a Pano Link hotspot:

Open the Overlay editor
Go to the plugin manager
Select the Pano link hotspot under the hotspot plugin
Drag the hotspot around to set to the position
Set the hotspot design using the tools under the hotspot settings
Adjust the popup setups using the tools under the popup setting
Add content to the popup using the tools under the content type section
Click “save” and then “publish” to see the results

For more details with images, see “How to work with the Pano Link?”

The popup content section is where you can add content to the popup. You can embed nine content types -- simple, HTML, Image-left, Image-top, video-top, image, video, audio, and iframe. Default to the simple content type.

The following is the brief information about the types of content under the popup content section.

1. Simple

Simple sets a title with a brief explanation. With the Simple Content type, you can put briefly the main information to help the visitors better understand the product, without opening a new tab to look for the information.

2. HTML

Html sets HTML code that embeds a webpage and its content to the virtual tour. The HTML <img> tag will embed an image of a web page that is not only technically inserted into a virtual tour, but also linked to the web pages.

3. Image-left

It allows you to create a Popup that contains an image/photo with a piece of brief information appended on the right side. Image-left content enables you to showcase a specific area or product details so the visitors will better understand the area or product.

4. Image-top

Similar to Image-left content, the image-top also allows you to showcase a specific area or product details with a caption appended to the image.

5. Video-top

It allows you to create a popup that contains a video with a description underneath. In general, visitors simply click on the hotspot to view a Youtube/Vimeo video that has the information related to the product.

6. Image

Similar to Image-left and image-top content type, the image content also allows you to showcase a specific area or product image but without a caption.

7. Video

Similar to video-top content, it allows you to create a Popup that contains a video but without a caption. You can insert a Youtube/Vimeo video to the hotspot content that has the information related to the product.

8. Audio

It allows you to attach an audio file to the hotspot that has the information related to the product. In brief, you can place your product audio into the virtual tour that makes your tour more appealing to consumers.

9. Iframe

It embeds a webpage on the hotspot using the iframe code. Using Iframe content type, you can embed documents, videos, and interactive media within a virtual tour and the visitors can easily connect to a link that contains information about the product.

For more details about the hotspot content, see the article about "How to work with the Hotspot content type?".