# Hotspots

**Hotspots** are 2D interface elements that can be anchored to any point on a 3D object or within the scene. They serve as visual triggers for executing actions, such as toggling UI elements, starting animations, or launching interactions. Behavior is defined through [**Interact mode**](https://help.vectary.com/documentation/3d-configurator/interactions).

Hotspots are always camera-facing, maintaining clear visibility from any viewing angle.

<figure><img src="https://2973737105-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAXNLyKVZ2tvtyDr8sVES%2Fuploads%2FUxyZvAU0wezyH0u8p1s7%2Fimage.png?alt=media&#x26;token=62bcfc7e-7834-48b8-b832-a227421e5228" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2973737105-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAXNLyKVZ2tvtyDr8sVES%2Fuploads%2FVYkANSGYk96ydOU97hfQ%2Fimage.png?alt=media&#x26;token=a0d671ac-c74e-440b-aa53-6ae8c2f3591a" alt=""><figcaption></figcaption></figure>

Supported content types:<br>

* Static images - `JPG`, `PNG`, `SVG`, `WebP`
* Animated assets - `GIF`, `MP4`, `Lottie`
* [figma-frames-import](https://help.vectary.com/documentation/importing/figma-frames-import "mention")

To anchor a Hotspot to a specific surface of a 3D object, enable the **Snap to Face** option.

{% embed url="<https://screen.studio/share/IJ1yePoV>" %}

#### Settings

* **Size** — sets the default display size of the Hotspot
* **Hover Size** — sets the size of the Hotspot on hover
* **Fade** — adjusts the transparency of the Hotspot when obstructed by geometry:
  * **100%** — always fully visible, even behind geometry
  * **0%** — fully hidden when occluded by geometry