Skip to content

Add your bot to any page

Jordi Cabot edited this page Nov 7, 2020 · 8 revisions

You can add your Xatkit bot to any web page you with thanks to our Chat Widget. Go to the docs of the widget to learn about all the ways to customize the rendering of the widget but the TL;DR version is the following

  • Download xatkit.min.js and xatkit.min.css and add them to the page
  • Add <div id="xatkit-chat"></div> to the HTML
  • Call the renderXatkitWidget with an optional JSON ``args``` parameter to configure the widget

Example

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>My title</title>
    <link href="./assets/xatkit.min.css" rel="stylesheet">
</head>
<body>
<div id="xatkit-chat"></div>
<!-- <div id="my-id"></div> -->

<script src="assets/xatkit.min.js"></script>
<script>
   xatkit.renderXatkitWidget();
  //xatkit.renderXatkitWidget(args);
</script>
</body>
</html>

Also, you can always just look at the HTML page that displays the bot when testing your installation and do the same on your own web page.

Clone this wiki locally