Hotspots & Callouts

Guide users through your demo and provide context with hotspots and 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 Edit page or click Hotspot in the toolbar. Move a hotspot by clicking and dragging it to your desired location, and delete it in the Hotspot 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 Hotpot settings. If you set the tooltip position as Auto, Interactively will detect the edges of the frame and adjust its position accordingly.

If a hotspot or tooltip is placed outside or too close to the frame, Interactively will automatically reposition it.

---

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.

Tip: Use callouts to display information that isn’t tied to a specific click.

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 feature, users can automatically progress through the hotspots in your Interactively demo.

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.