Framer chatbot embed
Add the widget script in Framer custom code settings and run it on the pages where visitors need chat.
Framer
Before you start
Best for
Modern marketing sites, landing pages, product pages, startup sites, and campaign pages built in Framer.
Install location
Use Project Settings, Custom Code, Add Script, and choose the end of body location.
Install
Install steps
- 1Copy the widget snippetOpen the chatbot Embed page and copy the final script.
- 2Open Custom CodeIn Framer, open Project Settings and choose Custom Code.
- 3Add a scriptCreate a script, give it a recognizable name, paste the widget snippet, and select the end of body location.
- 4Choose pages and publishApply it to all pages or selected pages, publish the project, and test the live site.
Access
Domains
Add the Framer custom domain.
Add the framer.app preview domain if you use it for testing.
Use the final production hostname before sending traffic.
Verify
Verify
If Framer runs the script more than once during navigation, switch the script run option and retest for duplicate launchers.
Place visual chat widgets at body end rather than the head.
Use selected pages when only a campaign or help page needs the chatbot.
Troubleshoot
Framer troubleshooting
If the launcher does not appear, confirm the chatbot is published, the plan and credits are active, and the exact live hostname is allowed.
If the widget loads in preview but not production, check whether the builder preview URL and the live custom domain are different hostnames.
If the page has a content security policy, allow the OrhanAI app URL and widget requests before retesting.
If the launcher appears twice, remove duplicate snippets from theme files, site settings, and tag managers.
If mobile layout feels crowded, adjust widget position and test the most important conversion pages first.
If these checks pass and the widget still does not load, compare the installed snippet with the current Embed page and review widget setup.