Tooltips

You can now add tooltips anchored to specific elements in your web app. Tooltips are great if a flow step asks the user to click a specific element on the page.

Choose Tooltip in the Step appearance popover next to a step. Then select the element you want the tooltip to be anchored to. Optionally add an action or enable backdrop.

Tooltip demo

Tooltips join our 2 other step appearances: Speech bubbles and modals.

Tooltips feature highlights:

  • Tooltips are automatically scrolled into view.
  • Perform actions, such as going to the next step, when users click the target element.
  • Optional backdrop, which adds a semi-transparent layer on top of your app, revealing only the target element and the tooltip.
  • Tooltips are automatically placed either above, below, to the right of or to the left of the element - depending on what seems best for the user. You can optionally set your desired placement.