WebChat Widget

Guideline for install webchat widget into a website and introduction to additional features.

Please pay attention to the following points:

1. WebChat Widget Setting

   • WebChat Widget -> Setting -> Whitelist Domains, place your website domain in order to use and display the widget.

   (If you enter the real website domain that have published on the Internet, make sure to publish your website every you make changes, to test out is the widget working normally.)

   • Click Apply Changes if you have edited any things on webchat widget, include whitelist domain.

2. When Install Webchat Widget into website

   • Replace "id" with you division id where you want to display the widget.

   For example, <script async defer src="https://chatkuai.com/js/widget/jsdf8q49q318ws3/embed.js?id=divider-7Uxz--IsGh"></script>

3. Set and Receive specific payloads when flow been triggered

   • Place the Ref url inside the script, behind the "id". Make sure to add "&" between "id" and "ref".

   For example, <script async defer src="https://chatkuai.com/js/widget/78pov4zhcxfe1p9b/embed.js?id=divider-7Uxz--IsGh&ref=name--aesthetic--demo"></script>

4. Ref URL settings

   • Remember to save changes when edit settings of the Ref URL.

   • Style and Channel is suggest to select as same as webchat widget to avoid any clashing.

   • Set a parameter name to use it on webchat widget script.

Video tutorial: