Website builder
Framer makers, startups, and design teams
Add an AI customer-support assistant to Framer
Add a polished Chirps AI assistant to a Framer site through code injection while keeping your visual design system intact.
10–15 min
Typical first install
Preview first
Review before publishing
Installation path
Universal embed script
Footer injection keeps the widget independent from page layout
Train on published pages and support material
Responsive widget behavior for desktop and mobile visitors
Step-by-step
Install Chirps on Framer
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 Smart Agent
Register at chirps.cc, provide your Framer website URL to instantly sync your content, and copy the embed code.
Go to Framer Settings
Open your Framer project, click on the Settings gear icon, and navigate to the General tab.
Insert the Script
Scroll down to the 'Custom Code' section and paste your Chirps AI <script> tag into the 'End of <body> tag' input box.
Publish
Update your Framer site. Your intelligent assistant will instantly appear on your live pages.
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
Framer integration FAQ
How do I add Chirps AI to Framer?
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 Framer. Test the preview before publishing.
What can the Framer 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.