# Using Hotspots

## Final Result :tada:

<figure><img src="https://3497237590-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWzFDCBJYsAI1jsAj4WvF%2Fuploads%2FRUTPiJIrkvZVUL2e8nfs%2FBildschirmaufnahme2024-11-25132524-ezgif.com-video-to-gif-converter.gif?alt=media&#x26;token=ceceb5bb-8a9d-4cd3-a0e2-b2ac810d46e1" alt=""><figcaption><p>Interactive Hotspots</p></figcaption></figure>

## Adding Hotspots

### Step 1: Getting started

Turn on the Hotspot feature and click on "+Add Next Hotspot"

<figure><img src="https://3497237590-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWzFDCBJYsAI1jsAj4WvF%2Fuploads%2FWOPnM4mroaK140HpvBjT%2FBildschirmaufnahme2024-11-25133312-ezgif.com-video-to-gif-converter.gif?alt=media&#x26;token=629da378-379a-44cd-9787-66302e8223ce" alt=""><figcaption><p>Add Hotspots</p></figcaption></figure>

### Step 2: Provide Hotspot information

Provide an ID - Name / Header TEXT / Subline TEXT in German and Englisch

<figure><img src="https://3497237590-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWzFDCBJYsAI1jsAj4WvF%2Fuploads%2FYfIcMziwOiqzfF2L35AG%2FBildschirmaufnahme2024-11-25134026-ezgif.com-video-to-gif-converter.gif?alt=media&#x26;token=9003ae0a-1071-4e4e-80b2-91ebe8bdb863" alt=""><figcaption><p>Fill all needed details</p></figcaption></figure>

### Step 3: Set Hotspot Position

After filling all the details, you are ready to set the Hotspot position! Click on "Set Hotspot Position" and click on the wanted positon on the model where you would like to see the annotation.

<figure><img src="https://3497237590-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWzFDCBJYsAI1jsAj4WvF%2Fuploads%2FBn7UCN6g9lWa7dqkIC3S%2FBildschirmaufnahme2024-11-25135124-ezgif.com-video-to-gif-converter.gif?alt=media&#x26;token=8667a32d-ddf1-4118-ba63-c4d46df15937" alt=""><figcaption><p>Set the Hotspot position</p></figcaption></figure>

### Step 4: Visible/Hidden Hotspots

You can choose between "VISIBLE" and "HIDDEN" Hotspots. By selecting "visible", the hotspot is active the whole time. When selecting "hidden", the hotspot only gets active by clicking on the annotation.

<figure><img src="https://3497237590-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWzFDCBJYsAI1jsAj4WvF%2Fuploads%2FMNMOk9ctEG8T3Q8O7vv2%2FBildschirmaufnahme2024-11-25135829-ezgif.com-video-to-gif-converter.gif?alt=media&#x26;token=65bf13c9-0d0c-4ee5-be8f-ec77aa34733f" alt=""><figcaption><p>Choose between Hidden and Visible Hotspots</p></figcaption></figure>

### Step 5: Zoomable Hotspots

The Hotspot can be set to "STATIC" and "DYNAMIC". When selecting "static", we get the default annotation. By selecting "dynamic", we get a dynamic annotation with an special camera zoom straight to the annotation for a better view.

<figure><img src="https://3497237590-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWzFDCBJYsAI1jsAj4WvF%2Fuploads%2FhFDqqncUav2BMUCer2Tz%2FBildschirmaufnahme2024-11-25140548-ezgif.com-video-to-gif-converter.gif?alt=media&#x26;token=6d92edd1-ba36-48a3-9e36-62fe93c7d3dd" alt=""><figcaption><p>Get dynamic interactions with your model</p></figcaption></figure>
