Web chat

We provide an easy to use webclient that can be placed on a website.

Embed

You can add it by embedding a simple javascript code on your web page. Then you'll have live chat with chatbot functionality on your website.

Here is a simple example showing the embed coee

<html>
    <head>
    </head>
    <body>
        <script src="https://widget.flow.ai/w/Aasdasdada132424234==/flow-webclient-1.1.2.min.js"></script>
    </body>
</html>

Customization

There are a number of customisation options for the web client, like changing the color or position of the button. There are some more advanced behaviors you can add.

Trigger event

Triggering an event is especially useful for showing a welcome message or pushing a dialog into a specific flow when a user opens the webclient.

An event can be triggered by adding a global javascript variable called __flowai_webclient_autoTriggerEvent. The following example will automatically trigger the event SHOW_WELCOME whenever a user opens the webclient for the first time.

Example

<script type="text/javascript">
window.__flowai_webclient_autoTriggerEvent = 'SHOW_WELCOME';
</script>
<script src="https://widget.flow.ai/w/Aasdasdada132424234..."></script>

Auto open

Automatically open the webclient when it's loaded on the page by setting __flowai_webclient_autoOpen to true.

Example

<script type="text/javascript">
window.__flowai_webclient_autoOpen = true;
</script>
<script src="https://widget.flow.ai/w/Aasdasdada132424234..."></script>

Alternative button

We have an option you can use a custom button to toggle the webclient. Provide a query selector that matches the button or buttons.

Example

<script type="text/javascript">
window.__flowai_webclient_triggerSelector = '#alternativeButton';
</script>
<a href="#" id="alternativeButton">Click me!</a>
<script src="https://widget.flow.ai/w/Aasdasdada132424234..."></script>

results matching ""

    No results matching ""