Flukki logo

First no-code product tour builder for Flutter
https://www.flukki.com/

Flukki SDK + product tours builder

User perspective

display

Builder

creation

user example

Advantages

  • building product tours without coding, inside of your app. You will achieve the best UX by building a product tour on web
  • measure stats, like skip rate or success rate
  • delivering new and updated product tours to your users without app store deploy

How it works

The whole mechanism is pretty easy. You configure our plugin and start creating product tours with the builder. The outcome of the builder is sent to our servers and saved there. Thanks to that, we are able to send the product tour to every user of your app. During initialization of the plugin, it fetches the newest product tours and display it to users. You can be sure, that your users always see the most recent version of your onboardings.

How to get key

  1. Create an account at https://www.flukki.com/
  2. Click the green button on the left side with 'API KEY' title
  3. Done, the key is in your clipboard

Configuration

  1. Add Flukki to you project
 flukki_product_tours: ^2.0.4
  1. Add environment variable to your Flutter run method This is crucial part of configuration, because enabling memory allocations allow us analyze widget tree changes in your app. You can check how to configure your IDE and read more about memory allocations here: Flutter | Understanding the MemoryAllocations
--dart-define=flutter.memory_allocations=true
  1. Initialize the plugin
Flukki.instance.initialize(appName: 'Awesome app', key: key)
  1. Sign in
await Flukki.instance.signInAnonymous();
or
await Flukki.instance.signInUser(userID);
  1. Wrap your app with our widget
return MaterialApp(  
 home: FlukkiProductTour( child: Scaffold(
  1. Turn on the builder. Please be aware where you use this method! It is intended to be used by a user with super admin role. You can attach it to a button somewhere in a superadmin panel, or create a fancy gesture that will enable the builder, but regular user should not be able to run it. Everyone who is able to run this method can modify product tours.
Flukki.instance.turnOnBuilder()
  1. To sign user out just call
await Flukki.instance.signOut();

That's all, now publish your app, create a product tour and we will take care about everything else :)

Limitations

This is the very beginning of our story, and please be aware, that you will possibly experience:

  • Plugin is fragile for widget tree changes. For example you will wrap your pointed widget with Center, or some other widget and plugin will stop to recognize the original widget.
  • On web you should use CanvasKit renderer instead of the HTML one, because overlays were not working properly there
  • Product tours created in debug mode won't work in release mode and the other way around

Libraries

constants
flukki_product_tours