Website builder
Webflow designers, agencies, and marketing teams
Add an AI customer-support assistant to Webflow
Publish a responsive Chirps AI support widget on a Webflow site through the platform's custom-code settings, without rebuilding your CMS pages.
10–15 min
Typical first install
Preview first
Review before publishing
Installation path
Universal embed script
A site-wide embed placed before the closing body tag
Knowledge from public marketing and help content
A clear test-and-publish workflow for designers
Step-by-step
Install Chirps on Webflow
Follow the path that matches your project. Keep the generated snippet private to your workspace and verify the result on a preview URL.
Configure your AI
Register at chirps.cc, input your Webflow staging or production URL to ingest your site content, and copy the provided script snippet.
Open Webflow Designer
Go to your Webflow dashboard and open the project settings for your website.
Add Custom Code
Navigate to the Custom Code tab and paste your Chirps AI <script> tag into the 'Before </body> tag' section.
Publish your Site
Publish your Webflow site to production. The AI assistant will instantly mount and be ready to chat.
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
Webflow integration FAQ
How do I add Chirps AI to Webflow?
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 Webflow. Test the preview before publishing.
What can the Webflow 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.