Tooltips & hotspots
A tooltip is a single hint anchored to one element - the lightest way to explain a control exactly where the user needs it.
A tooltip anchors to one element, so the builder extension is the fastest way to make one: click the control you want to explain on your live app, and the extension captures a change-resistant selector for it. Write the hint, save the draft, and publish from the dashboard.
When to use a tooltip
Use a tooltip to explain one confusing input, highlight a new button, or answer a common "what does this do?" right at the element. For a sequence, use a tour instead.
Building a tooltip
- Create a flow of type Tooltip. It starts with a single step, ready to fill in.
- Write the title and body, and point it at an element (a typed CSS selector or an extension capture).
- Choose how it appears - see triggers below.
Triggers
A tooltip's "Show the tooltip on" control decides how it reveals:
| Trigger | Behavior |
|---|---|
| Load | Shows immediately (with an optional page dim / spotlight). |
| Hover | A small pulsing hotspot; the hint appears on hover. |
| Click | A pulsing hotspot; the hint appears when the user clicks it. |
Hover and click show a subtle hotspot instead of dimming the page, so the tooltip stays out of the way until the user wants it.
Placement
Pick a side (top, bottom, left, right, or auto). If the chosen side would run off-screen, Onbixo falls back to a side that fits, so the hint is always visible.
Tooltips are subtle by default and do not dim the page on hover/click - ideal for ambient hints that never interrupt. Reserve the load trigger (with a dim) for something you really want noticed.
Last updated: Aug 5, 2026