Explore the demo01
Copy your install code
Open your assistant’s website install settings in InsertChat, choose HTML or custom website as your website platform, and copy the installation code.
Website builder
Add an AI chatbot to your Framer site.
Framer’s Custom Code settings are built for chat and support widgets, so adding InsertChat takes one script at the end of the body. Your assistant answers visitors from your pages, books calls, and brings every conversation into the inbox your team uses for calls and email.
To add an AI chatbot to Framer, open Project Settings → Custom Code, click Add Script, paste your InsertChat install code, place it at the end of the body, and publish. Framer doesn’t load custom code in the canvas preview, so test on the live site. The chat answers from your content and books calls.
Book demos from a Framer landing page
A founder on your Framer landing page asks how onboarding works and whether you connect to their CRM. The assistant answers from your pages and documents, asks who they are, and books a call in your calendar. The lead and transcript go to the shared inbox, and a HubSpot contact or Zoho CRM lead is created too if you connect one.
Where the code goes in Framer
Location: Project Settings → Custom Code → Add Script, end of body
Requirements: Framer’s help article lists no plan requirement for custom code; connecting your own domain needs a paid Framer plan. Framer doesn’t load custom code in the canvas preview.
Source: Framer: How to add custom code · Framer Academy: Custom code, checked .
A website install adds the chat to your pages without signing in to your Framer account or reading its data. The assistant answers from the knowledge you add, and every conversation lands in your shared inbox.
How to set up Framer with InsertChat
02
Add a script in Framer
Open Project Settings → Custom Code and click Add Script. Name it InsertChat, paste the code, and place it at the end of the body tag.
03
Publish and test
Publish, open the live site, and ask the chat a few questions. Then run Verify on your website in InsertChat with the published URL.
How businesses use Framer with InsertChat
Illustrative examples. Answers depend on the knowledge you add; actions depend on the connections and permissions you turn on.
Ship a chat assistant with every client site
Studios that build on Framer can hand over a site with its own trained assistant, branded for the client and managed from your InsertChat workspace.
Agencies & teams use cases
Answer service questions during tax season
A visitor asks whether you file for small businesses and what documents to bring. The assistant answers from your services and checklist pages and books a first meeting.
Accounting use cases
Turn portfolio views into discovery calls
A visitor admiring a project asks whether you work remotely. The assistant explains your process, collects the project details, and books a discovery call in your calendar.
Interior design use casesConnect the rest of your front desk
Website chat
Add an AI assistant to the site you already have. It answers visitors from your pages and documents, saves leads, books appointments, and hands the chat to a person when it needs one.
Explore Website chat
Lead capture
Every call, chat, text, and email gets an answer right away. The assistant saves the lead as a contact with its source and tells your team when someone is ready to book or buy.
Explore Lead capture
Scheduling
Your front desk offers open times, books the one the customer picks, and moves or cancels it later, on calls, website chat, and texts. Every booking stays linked to the customer and the conversation.
Explore SchedulingRelated guides and comparisons
More website installs
All integrations ↗
Framer’s help article on custom code doesn’t list a plan requirement. Framer’s pricing page says connecting a custom domain needs a paid plan, so check your plan before you go live on your own domain.
Framer doesn’t load custom code in the canvas preview. Publish the site, open the live page in a browser, and check that the chat launcher appears.
Yes. When you add the script in Project Settings → Custom Code, select the pages it should run on. Leave every page selected if you want visitors to reach the chat anywhere on the site.
Set the assistant’s name, logo, colors, and tone in InsertChat, then adjust the launcher’s button color and its bottom and side clearance so it doesn’t cover your own buttons.
Facts last reviewed .
Build your AI front desk.
Start with the questions you answer every day.
Add your business information, test the answers, and connect your first customer channel.