Launchers

Prev Next

With Launchers, you can embed beacons/icons/buttons in your app outside the context of flows. You can use them to draw users’ attention towards certain parts of your app or add little explanation tooltips here and there.

Creating a Launcher

To create a launcher, sign in to Userflow and

  • Go to Launchers in the sidebar.  

  • Click Create launcher.

  • Give it a name and click the Create launcher button.

Launchers are published in the same way as flows and checklists.

Launcher builder

Configure the following when setting up a launcher:

  1. Show on URLs matching - Determines the URLs (=pages) it should show in the application. You can also add Only show if conditions.  

  2. Appearance - Should it show as a beacon, button, icon, or be hidden, and which target UI element should it be attached to in the UI?

  3. Behavior

    • Should it activate when the launcher or target UI element is clicked or hovered?  

    • Should it show a tooltip on activation or should it execute an action (e.g. start a flow, navigate to a page, evaluate js).

  4. Tooltip settings - if the launcher shows a tooltip on activation you can change the tooltip settings including. the position, and whether it should dismiss the launcher after first activation in the tooltip settings.

Use cases for Launchers

Hotspots

Draw users’ attention to interesting elements in your app. When the user hovers over the hotspot, you can display a tooltip with information about it and possibly a button that initiates a flow.

Launcher beacon

Launcher activated

Explanation tooltips

Add icon launchers next to elements in your app that may require additional explanation beyond what your UI currently provides.

Launcher icon

Buttons to restart flows

Add a button on a page that lets users (re)start a flow/checklist they may or may not have already seen.

Launcher button

Customize the look-and-feel of your launchers

You can customize the look of your launcher beacons/icons/buttons under Settings → Themes as usual. See how in our Themes guide.

Launcher z-index

In some cases, Launchers may appear on top of an object where you want it to be below. In this case, you can change the launcher z-index. Go to the Launcher and click on Advanced settings, and you will find the z-index setting.