# Hotspots & Callouts

## Hotspots

Hotspots are automatically placed where you click when recording an interactive demo with our Chrome extension.

Viewers need to click on a pulsating hotspot to progress through your demo.

### How do I add more hotspots to my demo?

To add a hotspot, double-click anywhere on the <kbd>**Edit**</kbd> page or click <kbd>Hotspot</kbd> in the toolbar. Move a hotspot by clicking and dragging it to your desired location, and delete it in the <kbd>Hotspot</kbd> settings.

### How do I edit a hotspot?

Click a hotspot to open the hotspot editing modal. From there, you can add text, adjust alignment, customize hotspot and text colors, choose whether the hotspot opens by default, change the tooltip position, set its destination, and more.

### How do I change the hotspot text position?

You can change the position of the text in the hotspot tooltip in the <kbd>Hotpot</kbd> settings. If you set the tooltip position as <kbd>Auto</kbd>, Interactively will detect the edges of the frame and adjust its position accordingly.&#x20;

{% hint style="warning" %}
If a hotspot or tooltip is placed outside or too close to the frame, Interactively will automatically reposition it.
{% endhint %}

***

## Callouts

### What are callouts?

Callouts provide an additional way to add textual context to your demos. They can act as static text boxes to display information or function interactively as hotspots, guiding users to the next step.

{% hint style="info" %}
**Tip:** Use callouts to display information that isn’t tied to a specific click.
{% endhint %}

### Can I add hotspots and callouts to video steps?

Yes! You can add hotspots and callouts to video steps the same way you would add them to image steps. The hotspots and callouts will remain on-screen throughout the video, and clicking them will advance the user to the next step.

### Is it possible to progress through a demo without having to click?

For sure! When you enable the [Autoplay](/interactively-docs/build/settings.md) feature, users can automatically progress through the hotspots in your Interactively demo.

{% hint style="danger" %}
If your demo starts with a video step then **Autoplay** will not work due to browser restrictions that prevent videos from playing without user interaction.
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://interactively.gitbook.io/interactively-docs/build/edit/hotspots-and-callouts.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.