Follow this quick tutorial to get started with Chatty.js!
To install Chatty.js, download this zip folder. Extract all files and insert the extracted folder into the same level as all your html files.
Chatty.js can be integrated with plain JavaScript. The following code shows what scripts you must add to your html files that use Chatty.js:
<script defer src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script defer type="text/javascript" src='chatty/js/Chatty.js'></script>
<link rel="stylesheet" type="text/css" href="chatty/chatty.css">
You must also include a script tag where src is the path to the JavaScript file that calls the Chatty.js functions. It should look something similar to:
<script defer type="text/javascript" src='fileName.js'></script>
Chatty.js is a JavaScript library to let you quickly set up a simple chatbox for your web application. Here is a short code snippet that your JavaScript file should contain something similar to when you set up your chatbox for the first time:
// These commands will generate a chatbox onto your webpage.
const cb = new Chatbox("#E07A5F", "light")
cb.makeChatbox()
Go to Examples to learn about all the different functionalities you can add to your chatbox!