Guides / Bolt.new
How to Add an AI Chatbot to a Bolt.new Site
To add an AI chatbot to a Bolt.new site, put the Chatonbo script tag in index.html just before </body>, either by asking Bolt in the chat or by editing the file, then redeploy. The chat loads on every page and answers from your own content.
Bolt.new is an AI app builder from StackBlitz that generates and deploys full web apps from a prompt. Most Bolt.new web projects are Vite apps (React, Vue or Svelte) with a single index.html at the project root. If yours is a Next.js project, use the v0 guide steps instead: the script goes in app/layout.tsx.
1. Ask Bolt to add it
The fastest way, no file editing.
- Copy your bot ID from the Install page of your Chatonbo bot.
- Paste the request below into the Bolt chat with your bot ID filled in.
- Redeploy the site so the change reaches your live URL.
Paste this into the Bolt chat
Add this script tag to index.html just before the closing </body> tag, keep everything else unchanged, then publish:
<script src="https://chatonbo.com/widget/chatonbo-widget.js" data-bot-id="YOUR_BOT_ID"></script>2. Edit index.html in the file tree
If you prefer to make the change yourself.
- Open index.html from the file tree on the left.
- Paste the snippet on the line just before </body> and save.
- Redeploy.
Snippet
<script src="https://chatonbo.com/widget/chatonbo-widget.js" data-bot-id="YOUR_BOT_ID"></script>Check that it works
- Open the deployed URL (not the in-editor preview) in a private window and look for the chat bubble.
- Ask something only your site answers.
- The Chatonbo Install page shows the bot as live once it has loaded on your domain.
Rather have us do it?
Installation is free on every plan. Invite [email protected] as a collaborator on your Bolt.new project and reply "invited" to any Chatonbo email, or use the install request on your dashboard. We never ask for passwords.
Frequently asked questions
Does the chatbot keep working when visitors move between pages?
Yes. Sites from these builders are single-page apps: the page shell loads once and pages change without a full reload. The Chatonbo script sits in that shell, so the chat stays open with the same conversation while visitors browse.
Can Chatonbo read a site that is built with JavaScript?
Yes. When a page renders its content with JavaScript, the Chatonbo crawler renders it in a headless browser before reading it, so the assistant learns the same text and products a visitor sees. You can also add PDFs, FAQs or plain text on the bot's Knowledge page.
Do I need to know how to code?
No. You paste one line, either into the builder's chat as a request or into a settings field. If you would rather not touch it, Chatonbo installs it for free: invite [email protected] as a collaborator and reply "invited". We never ask for passwords.
How much does it cost?
Chatonbo has a free plan with 100 conversations a month. Pro is $19 a month for 5,000 conversations and Business is $59 a month for 10,000, with no per-seat or per-resolution fees. Paid plans start with a 30-day free trial.