> Guide viewers with pointer steps (an animated cursor) or hotspot steps (a pulsing dot), and set their placement and options in LiveDemo.

Canonical: https://livedemo.ai/docs/edit-a-livedemo/pointer-and-hotspot-steps/

# Pointer & hotspot steps

Both steps point at an element and show a tooltip. They differ in how they draw attention:

| | Pointer | Hotspot |
| --- | --- | --- |
| What viewers see | An animated cursor that moves to the element and clicks it | A pulsing dot on the element |
| Best for | Showing a sequence of clicks, like a video | Letting viewers click themselves |
| [Autoplay](https://livedemo.ai/docs/edit-a-livedemo/autoplay/) | No | Yes |

## Add one

In the **Screens** tab, hover between two steps and click **Add pointer click** or **Add hotspot**.

## Position it

Drag the dot or cursor onto the element in the preview. Then open the step's settings (gear icon):

- **Placement**: where the tooltip sits: left, top, bottom or right of the element. Default: left.
- **Pointer only**: **Select** (default) lets you click the target element. **Pick** chooses it again, **Cancel** stops picking, and **None** shows the tooltip with no element.

## Options

| Option | What it does |
| --- | --- |
| **Show footer** | Shows the button row under the text |
| **Hide back button** | Removes **Back** on this step |
| **Show step number** | Shows the step number in the tooltip |
| **Next Button text** | Label of the next button. Default: Next |
| **AutoPlay** | Hotspots only. See [Autoplay](https://livedemo.ai/docs/edit-a-livedemo/autoplay/) |

Tooltip colors, font, arrow and glow come from the demo [Theme](https://livedemo.ai/docs/edit-a-livedemo/theme/).

## Write the text

Click the tooltip text to edit it. See [Step text & buttons](https://livedemo.ai/docs/edit-a-livedemo/step-text-and-buttons/).

---

Next: [Step text & buttons](https://livedemo.ai/docs/edit-a-livedemo/step-text-and-buttons/)