🎉  Userflow joins forces with Beamer to create all-in-one growth toolkit

Read more
blog single image
blog single image
Userflow Updates

Custom checklist launcher button

blog author
Sebastian Seilund

July 1, 2020

Traditionally, when users minimize a checklist, Userflow's launcher button shows in the corner of the page:

Launcher button

When users click it, the checklist will be shown again.

We now have a couple of controls that let you render your own button to show the checklist.

Here's how to do it:

  1. In the Checklist builder: Uncheck Show launcher button when minimized in the Checklist settings panel.
  2. Optional: If you want to remove the Dismiss checklist button and prevent users from dismissing the checklist permanently, also check Prevent users from dismissing the checklist.
  3. Add a button in your app with a JavaScript click handler that runs userflow.start(checklistId), where checklistId is the ID of your checklist (find this under the Link/Embed tab).

2 min 33 sec. read

blog single image
Userflow Updates

Custom checklist launcher button

blog author
Sebastian Seilund

July 1, 2020

Traditionally, when users minimize a checklist, Userflow's launcher button shows in the corner of the page:

Launcher button

When users click it, the checklist will be shown again.

We now have a couple of controls that let you render your own button to show the checklist.

Here's how to do it:

  1. In the Checklist builder: Uncheck Show launcher button when minimized in the Checklist settings panel.
  2. Optional: If you want to remove the Dismiss checklist button and prevent users from dismissing the checklist permanently, also check Prevent users from dismissing the checklist.
  3. Add a button in your app with a JavaScript click handler that runs userflow.start(checklistId), where checklistId is the ID of your checklist (find this under the Link/Embed tab).

2 min 33 sec. read

Traditionally, when users minimize a checklist, Userflow's launcher button shows in the corner of the page:

Launcher button

When users click it, the checklist will be shown again.

We now have a couple of controls that let you render your own button to show the checklist.

Here's how to do it:

  1. In the Checklist builder: Uncheck Show launcher button when minimized in the Checklist settings panel.
  2. Optional: If you want to remove the Dismiss checklist button and prevent users from dismissing the checklist permanently, also check Prevent users from dismissing the checklist.
  3. Add a button in your app with a JavaScript click handler that runs userflow.start(checklistId), where checklistId is the ID of your checklist (find this under the Link/Embed tab).

About the author

Co-Founder of Userflow

Sebastian Seilund is the co-founder and former CEO of Userflow, where he built one of the leading user onboarding platforms for SaaS companies. With experience as a software engineer at Google and having founded multiple successful software companies, including Denmark's first user-friendly accounting software, Sebastian brings deep technical expertise to discussions about product-led growth and user experience.

Effortless Onboarding,
Powerful Results

Try the most-loved user onboarding product on the market.

CASE STUDIES

All case studies
iconicon

Evocalize

a case study

How Evocalize Boosted Product Adoption and Engagement With Userflow 

Learn how
iconicon

Visma Dinero

a case study

How Visma Dinero provides 24/7 onboarding and support with in-app content and AI Assistant.

Learn how
iconicon

Iteratively

a case study

How Iteratively gives users an awesome first-time experience

Learn how
iconicon