Skip to content

Add your bot to any page

Jump to bottom
Jordi Cabot edited this page Feb 28, 2021 · 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.

Is your website a WordPress one?

If so, installation is even easier. Just download our free WordPress chatbot connector plugin and enter your bot URL in the WP plugin configuration options

Installation

Your first bot

The Xatkit DSL

NLP in Xatkit

Platforms

Bot monitoring

Advanced Concepts

Collaborations

Clone this wiki locally