AI live chat for Framer, added with Custom Code
Framer's Custom Code settings take a script at the end of <body>, which is made for widgets like this. One paste, one publish, and the chat runs on every page of your site.
Card required · Cancel before day 15 and pay nothing
Last reviewed 2026-10-23
Replyze on Framer
3 steps · Paste the snippet
- 1In Framer, open your project settings and select the Custom Code tab.
- 2Add a script, paste the snippet, place it at the end of <body> and choose all pages.
- 3Set it to run once, save, then publish your site and open the live page to check the chat button.
<script>
window.ReplyzeConfig = {
token: 'wgt_YOUR_TOKEN_HERE',
apiUrl: 'https://client.replyze.chat'
};
</script>
<script src="https://cdn.replyze.chat/widget.js" async></script>Why Replyze for Framer
Uses Framer's built-in Custom Code, with no plugin to install.
Runs on your published site, on all pages or only the ones you pick.
The chat sits in its own container fixed to a corner of the screen, so your Framer layout, breakpoints and animations stay as they are.
The script loads asynchronously, so it doesn't block your page.
Set the widget's colour, position and greeting in Replyze; your Framer project doesn't change.
Install
Add Replyze to Framer
Add the snippet as a custom script at the end of <body> in your Framer project settings, then publish.
- 1
In Framer, open your project settings and select the Custom Code tab.
- 2
Add a script, paste the snippet, place it at the end of <body> and choose all pages.
- 3
Set it to run once, save, then publish your site and open the live page to check the chat button.
Snippet to paste
<script>
window.ReplyzeConfig = {
token: 'wgt_YOUR_TOKEN_HERE',
apiUrl: 'https://client.replyze.chat'
};
</script>
<script src="https://cdn.replyze.chat/widget.js" async></script> Replace wgt_YOUR_TOKEN_HERE with your widget token, or copy the snippet with your token already in it from Settings → Chat Widget → Install in your Replyze dashboard.
In practice
How Replyze fits into Framer
In your Framer project settings, the Custom Code tab lets you add a script, choose where it goes and on which pages it runs. Put the Replyze snippet at the end of <body> on all pages, where Framer advises placing scripts, then publish. Framer doesn't load custom code in the canvas preview, so check the live site.
The widget renders in its own container fixed to a corner of the screen, so it doesn't change your Framer layout, breakpoints or animations. Its colour, left or right position, light or dark theme, greeting and assistant photo are set in your Replyze dashboard, not in Framer.
If a sticky bar on mobile sits where the chat button does, move the button to the other side under Settings → Chat Widget → Layout → Position in Replyze.
What visitors on Framer get
AI first, your team when it matters
Answers from your own help articles
The AI replies in the visitor's language from the articles you publish and the answers your team teaches it. If the answer isn't there, it says so instead of guessing.
A person when it matters
Visitors can ask for a person at any time, and topics your industry setup marks for the team, such as refunds and complaints, are handed over too. The teammate replies in the same chat, with the whole conversation in front of them.
Chat, email and messaging in one inbox
Web chat on every plan. Email, WhatsApp and Telegram on Pro and Business, with Messenger and Instagram in beta, all in one shared inbox.
FAQ
Framer + Replyze, answered
Yes. Framer lets you choose the pages each custom script runs on, so you can leave the chat off a landing page, for example.
End of <body>. The widget loads asynchronously and starts on its own, so it doesn't need to be in <head>, and Framer itself advises placing scripts at the end of the body.
No. Framer doesn't load custom code in the canvas preview. Publish the site and open the live page to see the chat.
Yes, within the widget settings: in your Replyze dashboard set the primary colour, left or right position, light or dark theme, greeting and assistant photo. The text on your brand colour switches between light and dark automatically so it stays readable.
Sources
- Framer Help: How to add custom code · checked 2026-10-23
Other platforms
Let AI answer the questions you get every day
Teach it your answers, pick your colours and add it to your site. When a customer needs a person, your team takes over.
Card required · Cancel before day 15 and pay nothing. No card? Start on the Free plan.