Does the Bolt.new integration require a new backend?

No backend change is required for the hosted widget path. Add the Chirps embed to the generated app's global layout; use the documented API path only when you intentionally build a custom native interface.

What does Chirps train on for Bolt.new?

Chirps uses the public URLs and files you provide during assistant setup. Review the knowledge source and test answers before publishing; do not treat an unverified crawl as a substitute for your own content review.

AI app builder

Bolt.new makers and rapid-prototyping teams

Add an AI customer-support assistant to Bolt.new

Ask Bolt.new to add the Chirps embed to the app's global layout, then validate the widget in the generated preview before deploying.

10–15 min

Typical first install

Preview first

Review before publishing

Installation path

Reviewable code change

Supports common HTML, React, and Next.js output

A reversible layout-level change

Knowledge and conversation controls remain managed in Chirps

Step-by-step

Install Chirps on Bolt.new

Follow the path that matches your project. Keep the generated snippet private to your workspace and verify the result on a preview URL.

Create your Chirps AI Assistant

Sign up at chirps.cc, provide your website URL to instantly sync your content or upload your knowledge base files, and grab your unique embed script.

Open your Bolt.new Project

Launch your Bolt.new container and open your project's main layout file, usually app/layout.tsx for Next.js or index.html.

Add next/script or native tag

If using Next.js in Bolt.new, use the Next.js <Script> tag to inject the Chirps embed code. Otherwise, paste it directly before the closing </body> tag.

Deploy and Test

Save the file. Bolt.new's hot-module-reloading will instantly render the Chirps AI widget on your site.

Keep the installation maintainable

The embed only mounts the widget. Your content, privacy settings, bookings, leads, and handoff rules stay editable in Chirps, so a content change does not require another deployment.

Questions

Bolt.new integration FAQ

How do I add Chirps AI to Bolt.new?

Create or select an assistant in Chirps, train it on the public pages or files you choose, copy the generated installation snippet, and place it in the global layout or code-injection area for Bolt.new. Test the preview before publishing.

What can the Bolt.new assistant help with?

It can answer questions grounded in your approved knowledge, collect enquiries, offer booking or lead forms when those artifacts are enabled, and hand conversations to your configured human-support channel.

Can I change the assistant after installation?

Yes. Widget appearance, knowledge, instructions, language, and enabled artifacts are managed in Chirps. You normally do not need to edit the site code again unless you move the widget to a different layout.