Framer logo

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.

1

Create your Smart Agent

Register at chirps.cc, provide your Framer website URL to instantly sync your content, and copy the embed code.

2

Go to Framer Settings

Open your Framer project, click on the Settings gear icon, and navigate to the General tab.

3

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.

4

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.