WebChat Widget installation
Guideline for install webchat widget into a website and introduction to additional features.
Please pay attention to the following points:
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.
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="></script>
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"></script>
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:
Last updated