You can connect Wix to chatbot in three main ways: embed a chat widget with an HTML element, add the chatbot script as custom code, or install a chat/chatbot app from the Wix App Market. CustomGPT.ai also lets you deploy a Wix-aware AI chatbot quickly.
Scope:
Last updated: November 2025. Applies globally; ensure Wix chatbot embeds, cookies, and data collection comply with privacy laws like GDPR in the EU and CCPA/CPRA in California.
Before you connect your chatbot to Wix
In Wix Editor, Wix Studio or Wix Harmony Editor, open the page where you want the chatbot to appear, then add the relevant HTML/Embed element.
- Confirm which Wix editor you use
Wix now has three editors: Wix Editor, Wix Studio, and the newer Wix Harmony Editor (released January 2026). Open your site in the editor and confirm which one you see, then follow the matching embed instructions for that editor when you add HTML or custom code. - Check your plan and permissions
Verify that your Wix plan supports embeds and custom code (most paid plans do) and that you have permission to edit site settings. - Decide how you’ll connect the chatbot
Choose between:
- Embedding a widget/iframe,
- Adding a JavaScript snippet as custom code, or
- Using a chat/chatbot app from the Wix App Market.
- Plan where the bot appears
Decide if the chatbot should appear on all pages, only on key pages (like support or product pages), and whether it should show on mobile. - Gather your chatbot’s embed/script code
In your chatbot provider, locate the “Install” or “Widget” section and copy the embed code or script snippet you’ll paste into Wix. (Exact steps vary by provider.)
Method 1: Embed your chatbot using an HTML element in Wix
This method treats your chatbot as a visual widget, embedded via an HTML or iFrame element.
Step 1) Open your page in the editor
In Wix Editor or Wix Studio, open the page where you want the chatbot to appear.
Step 2) Add an Embed HTML / HTML iFrame element
Click Add Elements → Embed Code → Popular Embeds and choose Embed HTML (Editor) or add an HTML iFrame element (Studio).
Step 3) Paste your chatbot code
In the element’s settings, switch to the Code option and paste the chatbot’s iframe or HTML snippet into the field.
Step 4) Position and resize the widget
Drag the widget where you want it (e.g., sidebar, bottom of page) and resize the frame to match your chatbot’s recommended width and height.
Step 5) Check mobile layout
Switch to mobile view and adjust the widget’s size and position so it doesn’t cover key buttons or text.
Step 6) Preview and publish
Use Preview to test the chatbot, then click Publish so visitors see it live on your Wix site.
Method 2: Add chatbot scripts as Wix custom code
If your chatbot gives you a JavaScript snippet, add it via Wix’s custom code settings so it loads on selected pages.
Step 1) Copy the JavaScript snippet
In your chatbot dashboard, copy the provided script tag or snippet meant for “Website / JS installation”.
Step 2) Open Wix custom code settings
In Wix Editor, go to your Site Dashboard → Settings → Custom code. This area lets you inject snippets into the <head> or <body> for all or specific pages.
Step 3) Create a new custom code entry
Click + Add Custom Code, paste your script, and give it a descriptive name like “Chatbot widget”. Choose whether it goes in the Head or Body – end based on your provider’s recommendation.
Step 4) Choose where it loads
Select if the code should run on All pages or Specific pages. This controls where your chatbot appears.
Step 5) Save and publish
Save the custom code settings, publish your site, then open a live page to confirm the chatbot loads and behaves as expected.
Step 6) Adjust if it doesn’t appear
If nothing shows, double-check for missing characters in the snippet and confirm that the target pages are included in the custom code’s settings.
Method 3: Use Wix AI Site Chat (native AI chatbot)
Wix AI Site Chat is Wix’s built-in AI chatbot that scans your site and answers questions using your own content.
Step 1) Install Wix AI Site Chat
In the Wix editor, open the App Market, search for “Wix AI Site Chat”, and add the official app to your site.
Step 2) Let it learn your business
Allow it to scan your site and configure training rules so the AI uses your products, services and FAQs while avoiding restricted topics.
Step 3) Configure style, pages and hours
Set the chat bubble’s design, which pages it appears on, and how it behaves when you’re offline (for example, collecting leads via a contact form).
Step 4) Test and publish
Ask common visitor questions in preview, refine training if needed, then publish your site.
Method 4: Use a chatbot or live chat app from the Wix App Market
If you prefer a plug-and-play option, you can add chat or AI chat apps directly from the Wix App Market.
Step 1) Open the App Market
In Wix Editor or Wix Studio, click App Market in the left-hand panel to browse available apps.
Step 2) Search for chat or chatbot apps
Use terms like “chat”, “live chat”, or “AI chat”, or browse recommended apps for interacting with visitors (e.g., Wix Chat).
Step 3) Install your chosen app
Click an app, review its details, then click Add to Site. Follow the app’s guided setup to connect any external accounts.
Step 4) Configure placement and pages
Use the app’s settings to choose which pages it appears on, whether it floats in the corner, and how it behaves on mobile.
Step 5) Customize the chat experience
Adjust colors, welcome messages, and triggers so the chat aligns with your brand and encourages visitors to start conversations.
Step 6) Test in preview and live
Chat with the bot from preview and from the published site to ensure it loads quickly and responds as expected.
How to do it With CustomGPT.ai
This section shows how to connect your Wix website to a CustomGPT.ai chatbot so the bot answers using your Wix content and appears directly on your site.
Step 1) Create an AI agent and connect your Wix site
In CustomGPT.ai, click New Agent and choose the option to connect to a WIX website under Content Management Systems. Enter your Wix site URL so CustomGPT.ai can detect and index your pages.
Step 2) Let CustomGPT.ai build your knowledge base
CustomGPT.ai crawls your Wix site and creates an AI agent powered by that content. You can later re-crawl or auto-sync as your site changes.
Step 3) Customize the agent for website use
In the agent’s settings, adjust tone, language, and roles (for example, Website copilot or support-focused roles) so it behaves like an on-site assistant.
Step 4) Get the Wix embed code for the AI agent
From the agent dashboard, open Deploy / Integration, then follow the Embed your AI agent on Wix guide to copy the iframe or embed code generated for that agent.
Step 5) Embed the AI agent in a Wix page
In Wix Editor, add an Embed HTML element (as in Method 1) and paste your CustomGPT.ai agent code. Resize the frame and preview your page to confirm the embedded agent loads correctly.
Step 6) Add CustomGPT live chat to Wix (optional)
If you prefer a floating chat bubble, follow the Add live chat to Wix guide, embed the live chat code in an HTML element, and pin it to the bottom-right corner of the screen.
Step 7) Add a Website Copilot button or search-style input (optional)
For a search-like experience, deploy Website Copilot and either add a Copilot button or connect a text input field to Copilot so users can type a question and open the assistant automatically.
Troubleshooting common Wix–chatbot integration issues
Even when everything is “correct”, a small misstep can keep your chatbot from showing or working properly.
Step 1) Chatbot not visible on the live site
Make sure you’ve clicked Publish, not just Save. Then double-check that the custom code or embed is targeted to the current page or “All pages”.
Step 2) Embed shows blank or error
Confirm you pasted the full code snippet and that your chatbot provider hasn’t restricted the domain. Some embeds won’t load inside iframes or on HTTP-only pages.
Step 3) Widget overlaps important content
Use the element handles to resize and reposition your HTML/iframe. For floating widgets, adjust pinning or margins so they don’t cover navigation, CTAs, or cookie banners.
Step 4) Mobile layout looks broken
Switch to the mobile editor and tweak the HTML element’s size or visibility. Some embeds work best if you create a mobile-specific version or hide them on very small screens.
Step 5) Site feels slow after adding the chatbot
Avoid stacking multiple chat widgets or loading many heavy third-party scripts on every page. Use one main chatbot and limit where the code runs.
Note: If you changed domains, Wix may delete custom code snippets; re-check Settings → Custom Code.
Example: Connecting an AI chatbot to a Wix online store
Imagine you run a Wix online store and want an AI chatbot that answers questions about shipping, sizes, and returns right on your product pages.
- You create a CustomGPT.ai agent and connect your Wix store URL so it indexes product pages, FAQs, and policy content.
- You configure the agent’s role and tone to act as a helpful shopping assistant, then copy the embed code from the Embed your AI agent on Wix guide.
- In Wix Editor, you add an Embed HTML element to the store’s support or product pages and paste the agent code.
- You test common customer questions in Preview and on the live site, checking that answers cite your real store pages.
- Finally, you watch analytics in CustomGPT.ai to see what customers ask and refine your content accordingly.
Conclusion
A stunning Wix design brings visitors in, but immediate, accurate answers are what keep them from leaving.
Instead of relying on generic scripts that frustrate users, CustomGPT.ai digests your specific site content, from product pages to shipping policies, to deliver responses that actually resolve issues.
Whether you choose a simple HTML frame or a global script injection, the integration takes only moments but upgrades your user experience permanently. Integrate your custom knowledge base now to transform your static website into a responsive, intelligent growth engine.
FAQs
How do I connect my Wix site to a chatbot widget?
You connect a Wix site to a chatbot by either embedding the widget in an HTML/iFrame element, adding the chatbot’s JavaScript as custom code, or installing a chat/chatbot app from the Wix App Market. Before embedding, confirm your Wix editor and plan support custom code, decide which pages should show the bot, and copy the provider’s embed or script snippet so you can paste, position, and test it in the Wix editor.
How can I use CustomGPT.ai as a Wix chatbot on my site?
To use CustomGPT.ai as a Wix chatbot, first create an AI agent connected to your Wix site so it can crawl and index your pages. Then customize the agent’s tone and role, copy the Wix-specific embed or live chat code from the Deploy/Integration section, and paste it into an Embed HTML element or custom code block in Wix so it appears on your chosen pages.