Adding Chatbit to your website
Once you’re done with your chatbot configuration, you can start using it on your website or elsewhere. Open your chatbot and click “Install Chatbot” in the top right corner to see every option.
Chat bubble
To add a chat bubble to the bottom right (or left) of your website, add the chatbot’s script tag across your website pages.
In the Install Chatbot window, open the Embed tab and copy the code titled “Script”. Place it within the <head></head> or <body></body> tags, similar to other tracking scripts you may have.
Here are guides you may use that are relevant to your platform:
See all installation guides, including React, Next.js, Nuxt and plain HTML websites.
Embed iframe
If you prefer to use your chatbot without a chat bubble, you can embed an iframe directly on the necessary pages.
In the Embed tab, copy the code titled “iFrame” and paste it where the chat window should appear on the page.
Link
You can also simply share your chatbot as a link — useful for email signatures, help centers, or testing with your team.
Switch to the Link tab and copy the link.
Input interface
The Input Interface tab gives you an iframe that shows a single search-style input instead of the full chat window. Visitors type a question and get the answer inline. You can see an example on chatbit.co/input.
Visibility options
Visibility settings are under Settings → General.
Visibility. By default, your chatbot is public and works for everyone with the link or the script. Set it to private while you are still working on it; the Install Chatbot window will warn you until you switch it back.
Domain restrictions. Turn on “Restrict iFrame & Widget only to specific domains” and list your domains. The chatbot will then refuse to load anywhere else. This is useful if you want to exclude it from your staging environment, or if you see it embedded on other websites without your permission.
Rate limiting. Limit how many messages one device can send within a number of seconds, and set the message visitors see when they hit the limit. The limit applies to your website visitors, not to you in the Chatbit app.
Next steps
Once your chatbot is live, make a habit of reviewing the chat logs and optimizing your AI chatbot responses to fit your goals.
Next guide: Optimizing your AI chatbot responses