Wix is one of the easiest ways to build a website. Adding an AI chatbot to it should be equally simple — and it is, once you know the right approach.
This guide covers how to add an AI support agent to your Wix site in two ways: through Wix Velo (their custom code layer) and through the HTML embed widget. Either works. Pick the one that matches your comfort level.
Why Wix Site Owners Need AI Chat
Wix sites typically belong to small business owners — coaches, consultants, retailers, local services, creators. These businesses share a common support problem: questions come in faster than one person can answer them, especially after hours.
A well-configured AI chatbot handles the most common questions automatically:
- Business hours and location (for local businesses)
- Service and pricing questions (for consultants and agencies)
- Product details and availability (for ecommerce)
- Booking and scheduling questions (for service providers)
And it does it at 2am on a Saturday, when you're not watching your inbox.
The Problem with Wix's Native Chat
Wix offers Wix Chat — a built-in messaging widget that lets you chat with visitors in real time. It's fine for what it is: live chat where a human responds.
But it's not an AI chatbot. There's no automated response layer, no knowledge base, and no ability to answer questions without you online. If you want AI, Wix Chat isn't it.
The Wix App Market has a few third-party chatbot options, but most are limited in their AI capabilities — they're FAQ-matchers, not true AI agents. For an AI chatbot that reasons over your actual knowledge base, you need to bring your own tool.
That's where the embed approach comes in.
Method 1: HTML Embed Widget (Easiest)
This is the simplest approach and works in Wix Editor, Wix Studio, and on all Wix templates.
Step 1: Set Up Your AI Chatbot
Before adding anything to Wix, build your chatbot:
- Create a free account at frontface.app
- Add your knowledge base — paste your FAQ content, upload a document, or add your site's URL
- Customize the widget appearance to match your brand
- Copy the embed code from your dashboard
The embed code is a short <script> tag.
Step 2: Add the HTML Embed to Wix
- In the Wix Editor, click the + button to add an element
- Go to Embed Code → HTML iFrame
- Drag the HTML element to your page (place it anywhere — the chatbot widget will float in the corner regardless of where the embed block sits)
- Click the HTML element to open the editor
- Select Code mode and paste your embed snippet
- Click Apply
The chatbot widget will appear on your published site (not always in the editor preview — publish first to test it).
Step 3: Apply to All Pages
If you want the chatbot on every page (recommended), add the HTML embed to your site header or footer rather than an individual page:
- In the Wix Editor, click on your header or footer
- Click Edit Header (or Footer)
- Add the HTML Embed element there
- The embed will appear on every page automatically
Step 4: Publish and Test
Hit Publish and visit your live site in an incognito window. The chatbot widget should appear in the corner. Ask it a question from your knowledge base and verify the answer is accurate.
Method 2: Wix Velo (For Developers or Advanced Users)
Wix Velo is Wix's JavaScript development environment. If you're comfortable with code, this gives you more control — including the ability to show/hide the chatbot based on page, user type, or other conditions.
Step 1: Enable Velo
In the Wix Editor, go to Dev Mode → Turn on Dev Mode. This activates the Velo code panel.
Step 2: Add to masterPage.js
- In the left panel, open Site Structure → masterPage.js
- This file runs on every page — perfect for a sitewide chatbot
- Add the following code:
$w.onReady(function () {
const script = document.createElement('script');
script.src = 'https://cdn.frontface.app/widget.js';
script.setAttribute('data-id', 'YOUR_CHATBOT_ID');
script.async = true;
document.body.appendChild(script);
});
Replace YOUR_CHATBOT_ID with the ID from your FrontFace dashboard.
Step 3: Preview and Publish
Use Preview to test, then Publish to go live. The chatbot will load on every page after the site's main content.
Tips for Wix Ecommerce Stores
If you're running Wix Stores (Wix's ecommerce platform), your AI chatbot has specific jobs:
Feed it your product content. The chatbot is only as good as your knowledge base. Upload your product descriptions, shipping policy, return policy, and any common questions you get about your products.
Let it handle pre-purchase questions. "Does this come in size L?" or "How long does shipping take to Canada?" are exactly the questions that prevent purchases when unanswered. A chatbot that handles these at the product page level can meaningfully increase conversion.
Use lead capture for out-of-stock items. If customers ask about something you don't have, the chatbot can capture their email for a back-in-stock notification. Configure this in your FrontFace dashboard.
Check your Wix mobile view. Wix separates mobile and desktop editor views. Verify the chatbot widget appears correctly on mobile — you may need to ensure the HTML embed element is included in your mobile header/footer as well.
Wix Editor vs. Wix Studio
Both platforms support the HTML embed approach. The main difference:
- Wix Editor: More constrained layout system. Add the HTML embed via the + menu and place it in your site header.
- Wix Studio: More flexible. You can add the embed in the global header/footer via the Site Components panel, which gives cleaner sitewide coverage.
The Velo method works the same in both.
Frequently Asked Questions
Q: Do I need to be a developer to add a chatbot to Wix?
No. The HTML embed method requires only pasting a code snippet into a Wix HTML element — no programming knowledge needed. If you can follow a step-by-step guide, you can do this.
Q: Will the chatbot slow down my Wix site?
No. The chatbot script loads asynchronously — after your main page content — so it doesn't affect your page speed or Wix's built-in SEO performance.
Q: Can I add the chatbot to specific pages only on Wix?
Yes. Instead of adding the HTML embed to your header/footer (which is sitewide), add it to individual page elements. The chatbot will only appear on pages where the embed is present.
Q: Does this work with Wix's mobile version?
Yes, but check it. Wix's mobile editor is separate from desktop. If you add the embed to the desktop header, verify it's also included in the mobile header — Wix sometimes requires this to be set separately.
Q: How do I update the chatbot's knowledge base?
Update your knowledge base in the FrontFace dashboard — add new FAQs, update existing content, or add a new document. The change takes effect immediately. You don't need to touch your Wix site at all.
See FrontFace's Wix integration guide for the full setup walkthrough with screenshots.