Integration

Steps to integrate Flowdash in your web application.

Getting Started

1. You can start creating product tours with the flow builder chrome extension here.

2. When you're ready to integrate, install the drop in JS library in your code after the body tag like below:

<script type="text/javascript">
    var s = document.createElement('script')
    s.src = 'https://js.flowdash.ai/'
    s.async = true;
    document.head.appendChild(s);
    s.onload = function () {
      flowdash.init('<YOUR_FLOWDASH_APP_ID>','<FLOWDASH_API_KEY>');
    }
</script>

3. At a place appropriate for your app call flowdash.onRouteChange to listen for route changes. For a React app the code below would be sufficient to be placed in the Root component.

  componentDidUpdate(prevProps) {
    const { location: { pathname } } = this.props;
    if (pathname !== prevProps.location.pathname) {
      window.flowdash.onRouteChange();
    }
  }

Need help? Have a question?

We're always happy to help. Feel free to reach out to us at [email protected]