Windsurf logo

Developer workflow

Windsurf/Cascade developers and agencies

Add an AI customer-support assistant to Windsurf

Use Windsurf Cascade to place the Chirps snippet in your global layout, review the proposed change, and test the deployed site.

10–15 min

Typical first install

Preview first

Review before publishing

Installation path

Reviewable code change

Prompt-driven placement with a visible code diff

Suitable for HTML, React, and Next.js projects

No credentials are placed in the application source

Step-by-step

Install Chirps on Windsurf

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

1

Create your Chirps AI Assistant

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

2

Open Windsurf IDE

In your Windsurf IDE, use the Cascade AI feature to start a new prompting session.

3

Prompt the AI

Type: "Inject this script tag into my global layout or html file to add my customer support assistant: [paste snippet here]"

4

Accept changes

Windsurf will automatically find the correct context boundary to deploy the script. Hit accept, save, and deploy 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

Windsurf integration FAQ

How do I add Chirps AI to Windsurf?

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 Windsurf. Test the preview before publishing.

What can the Windsurf 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.