OrhanAI
FeaturesPricingDemoContact
OrhanAI

Build website chatbots in minutes. Turn your site into a ready to use widget for Q&A, lead capture, contact details, directions, handoff, and conversation analytics.

Built for businesses that need useful support on their website.

Product

FeaturesLive demoDocsSolutionsPricingAffiliate programFAQ

Workflow

Website chatbotAI chatbot for websiteLead capture chatbotChatbot widgetChatbot analyticsSource grounded chatbotMonitoringSecurity

Account

LoginCreate accountContactAbout

Legal

PrivacyTerms

(c) 2026 OrhanAI. All rights reserved.

Ready to embed on your website.

LoginBuild chatbot

Docs

OverviewAccount setupDashboardCreate chatbotChatbot settingsTrain knowledgeTest and publishWidget setupPlatform embedsWordPressWebflowShopifyWixSquarespaceFramerGoogle Tag ManagerBigCommerceBubbleCarrdCustom HTMLConversationsAnalyticsBillingTeam and rolesNotificationsSupportSecurityAdmin monitoringDeveloper integrationsTroubleshooting

Docs sections

OverviewAccount setupDashboardCreate chatbotChatbot settingsTrain knowledgeTest and publishWidget setupPlatform embedsWordPressWebflowShopifyWixSquarespaceFramerGoogle Tag ManagerBigCommerceBubbleCarrdCustom HTMLConversationsAnalyticsBillingTeam and rolesNotificationsSupportSecurityAdmin monitoringDeveloper integrationsTroubleshooting
Webflow

Webflow chatbot embed

Add the widget script to Webflow site settings for every page or to page settings for a single page.

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 chatbot should appear on one page.

Webflow snippet
<script
  src="https://your-domain.com/widget.js"
  data-workspace-id="WORKSPACE_ID"
  data-chatbot-id="CHATBOT_ID"
  defer
></script>

Install

Install steps

  1. 1Copy the widget snippetOpen the chatbot Embed page and copy the script for the chatbot you want to publish.
  2. 2Open Webflow custom codeGo to Site settings, open Custom code, and find the Footer code field.
  3. 3Paste in Footer codePaste the full script so Webflow outputs it before the closing body tag.
  4. 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 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.

Next doc

Shopify chatbot embed

Install the chatbot launcher on a Shopify storefront by adding the script to the active theme.

Open

On this page

Before you startInstall stepsDomainsVerifyTroubleshooting
OrhanAI
FeaturesPricingDemoContact
LoginBuild chatbot