# How to add Orka to Webflow Canonical: https://orka.chat/how-to-add-orka-to-webflow Updated: 2026-09-21 [← All installation guides](/installation) WEBFLOW INSTALLATION · SEPTEMBER 2026 # How to add Orka to Webflow. A considered website. A helpful welcome. A small snippet in your site’s head. A direct line to the humans behind your project. [Follow the steps ↓](#installation-steps) Webflow Your website → One inbox Every project your Orka snippet ● YOUR WEBFLOW SITE Hi! Can you help me get started? [Before you start](#before)[Installation](#installation-steps)[Check it works](#check)[Questions](#faq) ## A quick check before you start. An active Site plan or a qualifying Core, Growth, Agency or Freelancer Workspace, plus permission to edit custom code. WHERE YOU WILL ADD IT Site settings → Custom code → Head code ONE PROJECT. ONE SNIPPET. ## Bring your site aboard. 01 ### Copy the right project’s snippet Open [your Orka dashboard](http://dashboard.orka.chat/), then Settings → your project → Installation. Under How to embed, click Copy Code. If this is a new website, create its project first so incoming messages have the right context. 02 ### Open the site settings Choose Custom code in your Webflow Site settings. Use the site-wide setting to support the whole website. 03 ### Paste into Head code Add the complete Orka snippet to Head code. Keep its script tags; do not add extra , or tags. 04 ### Save and publish Save changes, then publish your site to the domain your customers use. Visit that published site to test the chat. THE INSTALLATION SNIPPET Copy example ```html ``` YOUR_PROJECT_ID is a placeholder. Copy the complete snippet from your own project’s Installation screen. This example contains no customer’s project ID. ### The Webflow detail that matters. A Page settings snippet only covers that page. Use Site settings for a shared widget throughout your site, and remove any duplicate page-level copy. If you operate several Webflow sites, create a separate Orka project for each one and use that project’s own snippet. Saving custom code is not the same as publishing it. Your Webflow plan and site permissions must expose the Custom code setting. THE FIRST HELLO IS YOUR TEST ## Installed is good. Working is better. Use a real published page and a test visitor. You are checking the complete journey, from the widget to the right project in your inbox. Open it like a customer. Visit the published site on desktop and mobile. Open the widget and check that it does not cover a key control. Send a recognizable test message. Use something like “Installation test — Webflow”. Check it arrives in the project you intended. Answer from the shared inbox. Reply once and confirm the answer reaches the visitor. Then visit another site page and check again. Set the welcome before inviting people in. Review your colors, availability, reply expectations and help articles. Choose AI behavior separately. ## One more project? Same open tab. Repeat with the next project’s snippet. SaaS, app, shop or publication: the conversations can all come to one inbox. [Explore the portfolio workflow ↗](/best-live-chat-for-multiple-websites) YOUR BEARINGS, BEFORE YOU DIVE IN ## Your Webflow installation questions. Still wondering about something? [Ask a human at Orka ↗](mailto:hello@orka.chat) Where do I find my Orka snippet? + Log in to the Orka dashboard, open Settings, select the project for this website and choose Installation. Click Copy Code in How to embed. Use that project’s full snippet, not the placeholder shown in this guide. What do I need on Webflow? + An active Site plan or a qualifying Core, Growth, Agency or Freelancer Workspace, plus permission to edit custom code. Saving custom code is not the same as publishing it. Your Webflow plan and site permissions must expose the Custom code setting. Do I add it to every page? + Use the site-wide header or the shared layout so the script is included wherever you want chat. Add it once, not through both a plugin and a theme. Test the homepage and an inner page. Does every website need a different project ID? + Use a separate Orka project for each distinct product or store whose context you want to keep separate. Copy its own snippet. The conversations can still appear together in your shared inbox. Why is the widget missing? + Check the published site, confirm the project ID and complete script are present, and look for duplicate installations. Review your platform’s plan restrictions, cache, consent settings and browser extensions. If it still fails, send Orka the public page URL and the error you see. Does installing the snippet enable AI automatically? + Installing the widget is separate from choosing your knowledge and AI behavior. Configure the project, review its answers and decide whether you want human replies, AI drafts or automatic replies. AI usage is separate from the team plan. Your question for Orka ↗ Ask Orky · AI answers from our website, with sources. Your question is sent to OpenAI; please leave out personal information. [Privacy](/privacy) [Email your question ↗](mailto:hello@orka.chat) THE DOCUMENTATION BEHIND THE GUIDE ## Checked, with a way to check again. Valid as of September 2026. Official sources checked 21 September 2026. Platform menus, plans and prices can change. If we have something wrong, email [hello@orka.chat](mailto:hello@orka.chat). [Webflow: custom code in head and body tags ↗](https://help.webflow.com/hc/en-us/articles/33961357265299-Custom-code-in-head-and-body-tags)