Which Wix plan do you need for custom code embedding?
The Custom Code panel requires a paid Wix plan and a connected custom domain. Wix's free plan uses a .wixsite.com subdomain and does not expose the Custom Code settings — the menu item either does not appear or displays an upgrade prompt.
Wix currently offers four paid tiers: Light, Core, Business, and Business Elite. All four support the Custom Code panel once a custom domain is connected. The choice of tier affects storage, bandwidth, and ecommerce features — not custom code access. If you are already on any paid plan, you can embed a chatbot today.
One important caveat: if you ever change your connected domain, Wix deletes all saved custom code snippets. You will need to re-add your chatbot embed after any domain switch.
| Method | Plan required | Scope | Best for |
|---|---|---|---|
| Custom Code (Settings panel) | Any paid plan + custom domain | All pages or specific pages | Most businesses — recommended |
| HTML embed element (iFrame) | Free or paid | Single page only | Free-plan workaround; limited |
| Velo (JavaScript API) | Any paid plan + custom domain | Full programmatic control | Developers needing conditional logic |
Method 1: How do you add a chatbot site-wide via Custom Code?
The Custom Code panel is the recommended method for most Wix sites. It loads your chatbot script on every page automatically, requires no coding knowledge, and takes under 5 minutes.
- 1
Open your Wix dashboard
Log in at wix.com and click the site you want to edit to open its dashboard.
- 2
Navigate to Settings
In the left sidebar, click Settings. Scroll down to find the "Development & integrations" section.
- 3
Click Custom Code
Under Development & integrations, click Custom Code. If you do not see this option, your site is on the free plan or does not have a connected domain — see the plan requirements above.
- 4
Click + Add Custom Code
A panel opens where you paste your script tag. Give the snippet a recognizable name (for example, "Knobot chatbot") so you can identify it later.
- 5
Paste your chatbot script and choose Head placement
Paste the full <script> tag from your chatbot provider. Set placement to "Head." This ensures the widget initializes before page content renders. Choose "All pages" unless you want the chatbot on specific pages only.
- 6
Click Apply
Wix saves and deploys immediately. No separate publish step is needed — the script is live on your next page view.
- 7
Test on the live published URL
Open your site URL in a new browser tab (not the Wix editor preview). The editor preview does not execute third-party scripts. Confirm the chat widget appears in the corner of the page.
Method 2: How do you embed a chatbot on a single Wix page using the HTML element?
The HTML embed element works on all Wix plans including the free tier, but it places the chatbot inside a sandboxed iframe on one specific page. This method has meaningful limitations: the iframe sandbox blocks access to browser storage APIs, which can prevent the chatbot from remembering conversation context between page views. Use this only as a fallback if you cannot upgrade to a paid plan.
- 1
Open the page you want to edit in the Wix Editor
From the dashboard, click Edit Site to open the editor, then navigate to the specific page.
- 2
Click Add Elements in the left panel
In the editor, click the + (Add Elements) button on the left side of the screen.
- 3
Go to Embed Code → Embed HTML
Select "Embed Code" from the elements menu, then choose "Embed HTML." An embed block is added to the page canvas.
- 4
Click the embed block and select Enter Code
Click the embed element on the canvas, then click the "Enter Code" button that appears.
- 5
Paste your chatbot script and click Apply
Paste the <script> tag or iframe code from your chatbot provider and click Apply. The embed must use an HTTPS URL — HTTP content will not display.
- 6
Position and resize the element
Drag the embed block to a corner of the page and resize it. For a floating chat widget, make the element large enough that the chat button is visible but position it at the bottom of the viewport.
Method 3: How does Velo let you go beyond a basic embed?
Velo is Wix's developer platform that gives you JavaScript access to page elements, site events, and Wix APIs. For most small businesses, the Custom Code panel is sufficient. Velo becomes relevant when you need conditional logic — for example, showing the chatbot only on service pages, auto-opening the chat after a visitor has scrolled 50% of the page, or passing a logged-in member's email into the widget's pre-fill fields.
To use Velo, enable it in your editor via the Dev Mode toggle (Wix Editor: top menu → Dev Mode → Turn on Dev Mode). Once enabled, a Code Panel appears where you can write JavaScript that runs on the client side of any page. You can inject an additional script tag dynamically using standard DOM methods, or use Wix's $w.onReady() lifecycle hook to trigger chatbot actions after the page loads.
Velo is available on all paid Wix plans — the same plan requirement as the Custom Code panel. It does not replace Custom Code; it supplements it for cases where simple script injection is not enough.
How do you embed Knobot specifically on a Wix site?
Knobot generates a single <script> tag from the dashboard — there is no plugin to install and no developer knowledge required. Knobot's Premium plan ($79/month) includes 10,000 chat messages/month, so there is no per-chat overage as your Wix site grows.
- 1
Create a Knobot account and connect your site
Sign up at knobot.org. After creating your business profile, Knobot scrapes your website to build an initial knowledge base from your existing content.
- 2
Customize the widget
In the Knobot dashboard, set the primary color, welcome message, and lead-capture fields (name, email, phone) to match your brand. Changes propagate automatically to the live widget.
- 3
Copy the embed snippet
Navigate to Embed → Get Code in the dashboard. Copy the full <script> tag.
- 4
Paste into Wix Custom Code (Head)
In your Wix dashboard: Settings → Development & integrations → Custom Code → + Add Custom Code. Paste the snippet, name it "Knobot," select Head placement and All pages, then click Apply.
- 5
Test lead capture on the live site
Open your published Wix site URL in a new tab. Trigger the chatbot and submit a test name and email. Confirm the lead appears in the Knobot dashboard under Conversations.
What should you do when the chatbot does not appear on Wix?
If the script is in the Custom Code panel but the chat widget does not show on your live site, these are the most common causes.
How does Wix Studio differ from the standard Wix Editor for chatbot embedding?
Wix Studio is Wix's platform for agencies and professional developers managing multiple client sites. The Custom Code panel under Settings → Development & integrations works identically in both the standard Wix Editor and Wix Studio — the steps above apply to both.
The meaningful differences for developers are in Wix Studio's Code Panel (Velo integration is more prominent and the UI is organized differently) and in its multi-site workspace tools. If you are an agency embedding Knobot across many client Wix sites, Wix Studio lets you manage those sites from a single workspace — but each site still requires its own Knobot embed snippet, as each Knobot account is tied to a specific domain.
One Studio-specific path: in Wix Studio, the HTML embed element is accessed via Add Elements → Embed & Social → Embed Code, rather than through the Embed Code category in the classic editor. The end result and limitations are the same.