xatkit-chat-widget
A React component to embed Xatkit chatbots in websites. Note: Adapted from react-chat-wdiget.
Installation
npm
npm install --save xatkit-chat-widget
yarn
yarn add xatkit-chat-widget
Usage
Using default values:
import {renderDefaultXatkitWidget} from 'xatkit-chat-widget'
import 'xatkit-chat-widget/lib/xatkit.css';
renderDefaultXatkitWidget();Your HTML page should include:
<div id="xatkit-chat"></div>
Using custom values
import {renderXatkitWidget} from 'xatkit-chat-widget'
import 'xatkit-chat-widget/lib/xatkit.css';
renderXatkitWidget('my-id','My title', 'My subtitle', true,'My placeholder');Your HTML page should include
<div id="my-id"></div>
Using the bundle directly in your HTML page
- Download xatkit.js and xatkit.css
- Example:
<html lang="en">
<head>
<meta charset="UTF-8">
<title>My title</title>
<link href="./assets/xatkit.css" rel="stylesheet">
</head>
<body>
<div id="xatkit-chat"></div>
<!-- <div id="my-id"></div> -->
<script src="assets/xatkit.js"></script>
<script>
xatkit.renderDefaultXatkitWidget();
//xatkit.renderXatkitWidget('my-id','My title', 'My subtitle', true,'My placeholder');
</script>
</body>
</html>