Copy your code
Open Channels and install and press Copy code. The code looks like this, with your own key:
<script src="https://chatibot.ai/widget.js" data-bot="your-key" defer></script>
Each bot has its own key, so if you have more than one bot, choose the right one at the top of the dashboard first.
Paste it into your website
Paste the code just before the closing </body> tag on every page. Most website builders have a place for this:
- Wix: Settings, Custom code, Add custom code. Choose “All pages” and “Body – end”.
- Squarespace: Settings, Developer tools, Code injection, Footer.
- Shopify: Online Store, Themes, Edit code, then
theme.liquid, just above</body>. - Webflow: Site settings, Custom code, Footer code. Publish the site afterwards.
- Hand-built sites: your footer template, or each page’s HTML.
Menu names change from time to time. If you can’t find the place, search your builder’s help for “custom code” or “footer code”.
Let your developer do it
Press Email to my developer on Channels and install. It opens an email with the code and instructions, ready to send.
Check it’s working
Reload your website and look for the chat button in the corner. In Chati, the install badge changes to “Installed” once the chat has loaded on your site. Then add your website under Works on so the chat can’t be used anywhere else.