Hotspot Designs and Text

Hotspots are automatically added when recording a Supademo with our Chrome extension. To add or edit hotspots, simply navigate to a Supademo and click Edit.

From here you can:

1. Add additional hotspots by double-clicking on a slide you would like to add a hotspot to;
2. Reposition a hotspot by dragging it to the appropriate position on the screen;
3. Edit a hotspot by clicking the "Edit" link on the bottom left of the hotspot area;

Hotspot design options

You can customize your Supademo slides wtih options from three distinct hotspot designs:

1. Pointer: This style allows you to point to specific areas on the screen.
2. Callout: This style allows you to add a general callout anywhere on the screen.
3. Custom area: This style allows you to highlight specific elements or areas on the screen.

How to edit hotspot text, colors, or destination step

The following options are supported for individual hotspots

• Edit hotspot text
• Add markdown text such as bolding, italics, and hyperlinks
• Tooltip positioning (left, right, top, bottom, auto)
• Tooltip text and background color
• Destination step on click which sets the target slide upon clicking that hotspot - which allows you to set up conditional branching demos

How to change the hotspot transparency

You can adjust the transparency of all of your hotspots by opening your Supademo in edit view, clicking Customize and choose the transparency %.

Add or remove the next and previous buttons

You can add or remove the next and previous buttons on a hotspot callout by opening your Supademo in edit view, clicking Customize and enabling or disabling this option.

Add or remove step counter

For longer demos with many steps, it may make sense to remove the step counter from your hotspot callouts to reduce friction or perception of time investment. To modify this, you can set the value here:

Show/hide text hotspot annotations unless hovered

You can hide the hotspot callout/annotations unless it's hovered upon by a user. You can do this by opening your Supademo in edit view, clicking Customize and enabling or disabling this option.