> ## Content Index
> Fetch the complete content index at: https://gothru.co/docs/llms.txt
> Use this file to discover other available public pages before exploring further.

# How to create an HTML Hotspot
- URL: https://gothru.co/docs/how-to-create-an-html-hotspot/
- Published: 2022-07-21T04:00:00.000Z
- Updated: 2022-07-21T06:55:44.000Z
- Description: This article will be looking at the steps of how to add a hotspot popup content using an HTML code. HTML content type allows you to add a unique HTML code that embeds a webpage and its content to your virtual tour and also links to the web pages.
- Author: Syafriko Yuliusman
- Tags: Hotspot

This article will be looking at the steps of how to add a hotspot popup content using an HTML code. HTML content type allows you to add a unique HTML code that embeds a webpage and its content to your virtual tour and also links to the web pages.

The following are the steps on how to add a hotspot popup content using an HTML code:

1\. Add a hotspot from the Plugin Manager on the left side.

![](https://lh3.googleusercontent.com/Lw_o4Vp4-BiSVRbPhfo7rN3-MRY-Xp_rvzrLaNIhc9-vZzwYp2G8TVSNfUYoo2iHrJaiOZPW37HPAyOCZx5IXx2ez0iJctOAkSf4ENm74F4HktOA205MzFvf41HMciWOIqpADCVK)

2\. The default hotspot Marker appears in the middle of the active panorama. Click the gear button to open the hotspot settings.

![](https://lh6.googleusercontent.com/XHsAK6ZeQS2cIWihfrxG-ec0sTqZKuAmgXLkCGkxIBdBbOD3WTdcDndzoBppJGQmTNlqFauE4UxU0-d_tK0_uBNJCl79e9P5rGAXQ8oyezTA5AZWWdN4TaHPd7oBiADX3SrVlySo)

3\. In the hotspot settings, navigate to the content section.

![](https://lh3.googleusercontent.com/sqfn6OCupESsPxemJKmDZw4qJJnE7BhxnmEaEe4Fp9APv_vltaKgXNuZ5d4Pyg1XdhqIrJZjSXMzawFOOM3OifoVGej9Uqg_z58y27IwFNaXjpd9QUGTT9q5Q0xVDKzlypXNVupC)

4\. Select the HTML content type. **Content type** \> **HTML**

![](https://lh5.googleusercontent.com/cDuDR1YOAlM6EyPldlZREGmhy1fG-oTMhwUZ9iX8C4ufuep54A1Yl8b-AdLpbkzgiyAuBcmH6Lq4Lg4SAXsWQ1w3Nl28laKtDwPeJdI7gouV5mXpSfyiuZSoh5uqyU7Ziyf-HvPd)

5\. Paste or type in the HTML code you want to embed in the HTML field like in the example below.

Example of the html code:

<a href="[https://www.flysas.com/en/book/](https://www.flysas.com/en/book/?ref=gothru.co) " target="\_blank"><img src="[https://img.gothru.org/18037/18059922780918525149/overlay/assets/20211223062857.B5lcQi.png?save=optimize](https://img.gothru.org/18037/18059922780918525149/overlay/assets/20211223062857.B5lcQi.png?save=optimize&ref=gothru.co) " alt="" style="width:100%;border-radius:4px;border-color:#1a0dab;"></a>

![](https://lh4.googleusercontent.com/OUb77a7DzLkWOd9XSyy9GmBJ3_locPegdZRDxHox7VQsY7WIUSlHp8xZkntBE5ljRdRWq5oJHvs-VBG7yDSGuWKAVqGFZeytMwl2VJSGX0--cl6AYTI1Vux0Snjky5FLjKuKORFM)

6\. Overlay Editor will automatically generate the content onto the popup content entry as shown in the following example.

![](https://lh3.googleusercontent.com/laWEOt75gYgdgB90h15NtjKL49Bi8M3S2RKIez_tMH4VqNwJM-jQIbtNZntEXKpMIlmWFbRUazP4tlOXl5O19xVIWumfp0KLzkJWyu6Yx2G6mT2UjfFUI0jDpKLORWBdQ1xAUP-U)