Skip to content

Add a launcher icon to a tooltip

Show a small icon next to an element, so visitors know there's help available there.

Who can do this: All Flook users

Before you start

You need a tooltip to work on. See Create a tooltip. Launchers are only available on tooltips that aren't part of a tour.

Steps

  1. In the Flook Builder, open your tooltip.
  2. In Tooltip Settings, on the Essentials tab, find the Launcher section.
  3. Turn on Launcher.
  4. Choose an Icon, for example Question circle outline or Info circle solid.
  5. Optional: choose a Colour. To go back to your theme's colour, click Reset to Theme.
  6. Choose a Placement. This sets where the icon sits next to the element.
  7. Optional: use Offset to nudge the icon left, right, up or down.
  8. Click Save.

What happens next

Visitors see the icon next to the element. The tooltip appears when they hover over or click the icon, depending on your On setting. Hovering over or clicking the element itself no longer opens it.

Tips

  • If there isn't room on the right, the icon moves to the left by itself.
  • The icon hides when the element is scrolled out of view.
  • You can set the default icon, colour and size for all tooltips in your theme. See Create and edit a theme.
  • If the selector matches more than one element on the page, each one gets its own icon. To use just the first, turn on Only use first matched element in Element Targeting.