Hotspots

3 min readUpdated 2026-05-19

What is a hotspot?

A hotspot is a pulsing circular beacon that sits on top of a UI element. When a user clicks or hovers the beacon, a tooltip-style panel opens with your content. The user controls when they view the hint — hotspots are less disruptive than tours or tooltips because they don't interrupt the user's workflow.

Hotspots are best for:

  • Highlighting new features without forcing a tour
  • Marking areas of a complex dashboard that users often miss
  • Optional discovery — users who are curious click; others ignore it

Creating a hotspot

Use the Chrome extension. Click New Flow → Hotspot, then click the element on your page you want to mark. Write your title and body, save, and publish.

Pulsing hotspot beacon on a UI element with tooltip revealed on hover
Hotspot beacons pulse to draw attention — hovering or clicking reveals the card

Hotspot content

Each hotspot has:

  • Beacon color — inherits your brand color by default; can be overridden per hotspot
  • Beacon size — Small / Medium / Large
  • Trigger — Click (default) or Hover
  • Title (optional)
  • Body — the tooltip content

Beacon positioning

The beacon is placed at a corner of the anchored element:

  • Top-right (default)
  • Top-left
  • Bottom-right
  • Bottom-left
  • Center

Choose the corner that doesn't obscure important UI.

Hotspot beacon shown in five corner positions on a UI element
Position the beacon at any corner or center of the target element

Frequency

| Setting | Behaviour | | ------------------- | ----------------------------------------------------- | | Until dismissed | Beacon pulses until user opens and closes the tooltip | | Once | Beacon shown once per user, then removed | | Persistent | Beacon always visible (good for "new feature" badges) |

Targeting

Add URL and user attribute rules to show hotspots only on the right pages and to the right users. See targeting overview.

Hotspots vs tooltips

| | Hotspot | Tooltip | | ----------- | ---------------------------- | ------------------------ | | Visibility | Always visible (beacon) | Appears on page load | | Interaction | User-initiated (click/hover) | Automatic | | Disruption | Low — user chooses | Medium — appears in flow | | Best for | Discovery | Guidance |

Use hotspots when you want to nudge users to explore without interrupting them. Use tooltips when you want to ensure a user sees a message.

Was this helpful?