Webflow
Before you start
Best for
Marketing sites, SaaS websites, landing pages, portfolios, and client websites built in Webflow.
Install location
Use Site settings, Custom code, Footer code for all pages. Use page custom code before body only when the AI Agent should appear on one page.
Webflow snippet
<!-- Start of OrhanAI Script -->
<script src="https://your-domain.com/widget.js" data-bot-id="AGENT_ID"></script>
<!-- End of OrhanAI Script -->Install
Install steps
- 1Copy the widget snippetOpen the AI Agent Embed page and copy the script for the AI Agent you want to publish.
- 2Open Webflow custom codeGo to Site settings, open Custom code, and find the Footer code field.
- 3Paste in Footer codePaste the full script so Webflow outputs it before the closing body tag.
- 4Save and publishSave changes, publish the Webflow site, then test the live custom domain.
Access
Domains
- Add the custom Webflow domain used by visitors.
- Add the webflow.io staging domain if you need to test there.
- Keep old staging domains out of the allowlist after launch.
Verify
Verify
- Custom code may not fully run inside the Designer. Verify on the published site.
- If the widget appears on only one page, move the snippet from page settings to Site settings.
- Footer code is preferred for this script because it keeps the page content loading first.
Troubleshoot
Webflow troubleshooting
- If the launcher does not appear, confirm the AI Agent is published 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.
Next doc
Shopify AI Agent embed
Install the AI Agent launcher on a Shopify storefront by adding the script to the active theme.