September 20, 2026

How to Add Live Chat to Your Wix Site

How to add live chat to Wix step by step

You can add live chat to Wix in a few minutes using a JavaScript embed, without touching a line of code beyond copy and paste. This guide walks through the exact steps in the Wix editor, what to check after the widget goes live, and how to get an AI assistant answering visitor questions from your own site content rather than leaving the widget empty until someone is online.

Wix is one of the most common site builders for small businesses precisely because it avoids exactly this kind of manual setup work — and adding chat follows the same philosophy. Unlike some page builders that need a plugin marketplace search and a compatibility check, Wix’s Custom Code panel accepts a standard embed snippet directly, which means almost any live chat provider works the same way described below, not just ones with a dedicated Wix app.

Before You Start

You will need editor access to your Wix site and an account with whichever live chat provider you are using — sign up is free with Talkmio and most competitors. Have your business’s key pages ready too: pricing, FAQ, shipping or returns policy, whatever a visitor is likely to ask about. If you plan to let an AI answer automatically, gathering that content up front saves a second pass later.

Step 1: Get Your Chat Widget Code

After creating a Talkmio account, go to your site’s settings and copy the embed snippet — a short block of JavaScript unique to your site. Keep that tab open; you will paste it into Wix in the next step. If you are using a different provider, the process is nearly identical: every live chat tool that supports custom embeds gives you a similar snippet.

Step 2: Open the Wix Editor and Add a Custom Code Element

From your Wix dashboard, open the site in the Editor. In the left-hand menu, go to Settings → Custom Code (in the newer Wix Studio editor this lives under Site & App Settings). Click Add Custom Code, then paste the snippet you copied from Talkmio into the code box.

Step 3: Set the Code to Load on Every Page, Before Body End

Wix lets you control exactly where and when a custom code block loads. Set the placement to Body – end, which corresponds to right before the closing <body> tag — the standard placement for a chat widget snippet. Under pages, choose All pages so the widget appears sitewide rather than on a single page. Save the change.

Step 4: Publish and Test

Publish your Wix site, then open it in an incognito or private browser window — not the editor preview, which does not always render custom code the same way live visitors see it. Confirm the chat bubble appears in the corner, click it, and send a test message to make sure it reaches your inbox. Test on a phone too, since a widget that overlaps Wix’s own mobile menu or a sticky “Buy now” button is a common issue worth catching before real visitors run into it.

Step 5: Connect Your Content So the AI Can Answer

Once the widget is live, point Talkmio’s Mio at your site so it can start answering visitor questions directly. In the Talkmio dashboard, add your site URL, your FAQ page if you have one, and upload any documents — a PDF price list, a returns policy, a shipping guide — you want it to draw from. Mio reads that content and answers only from it; it will not invent a shipping window or a price that is not actually published anywhere. For a deeper walkthrough of what to feed it, see how to train an AI chatbot on your website content.

Alternative: Wix App Market Integrations

Some live chat providers also list an app in the Wix App Market, which installs with a click instead of a manual code snippet. This is convenient but generally offers fewer configuration options than a direct custom-code embed, and not every provider maintains one. If a listed app is available and up to date for your chosen tool, it is a fair shortcut for a simple install; for full control over where the widget appears and how it loads, the custom code method above is the more reliable path.

Customizing Widget Appearance for Your Wix Theme

Most chat providers, including Talkmio, let you set the widget’s color, position and greeting message from their own dashboard rather than through Wix. Match the widget color to your site’s accent color so it reads as part of the design rather than a bolted-on plugin — a mismatched neon-green bubble on a muted, pastel Wix template stands out for the wrong reasons. Set a short, specific greeting rather than a generic “Hi there!” — something like “Ask about shipping, sizing or returns” tells a visitor what the widget is actually useful for before they click it.

Position matters too. Bottom-right is the default for most tools and most visitors expect it there, but if your Wix site already has a sticky element in that corner — a “Book now” button, a cookie banner, a WhatsApp link — move the chat widget to bottom-left to avoid the two stacking or overlapping awkwardly on smaller screens.

Testing Checklist Before You Call It Done

  • Open the published site in a private browser window on desktop and confirm the widget loads and opens correctly.
  • Repeat on a phone — check that the widget doesn’t cover Wix’s mobile menu button or any sticky call-to-action.
  • Send a real test message and confirm it lands in your chat inbox within a few seconds.
  • If you’ve connected your FAQ and documents, ask the AI two or three real questions a customer would actually ask, including one it should not be able to answer, to confirm it defers correctly rather than guessing.
  • Check page load speed before and after adding the widget using a free tool like Google PageSpeed Insights, to catch any placement mistake early.

Common Wix Installation Problems

Problem Likely cause Fix
Widget doesn’t appear at all Code placed on wrong page, or “All pages” not selected Recheck Custom Code settings; confirm placement is Body – end and pages is All pages
Widget visible in editor but not live site Site not published after adding code Publish the site, then test in a private browser window
Widget overlaps mobile menu Default widget position conflicts with Wix’s mobile nav Adjust widget position in your chat provider’s settings, usually bottom-left instead of bottom-right
AI gives vague answers No FAQ or documents connected yet Add your FAQ page and key documents in the knowledge base settings
Widget loads slowly Script placed in header instead of before body end Move custom code placement to Body – end so it loads after page content

Should the Widget Be on Every Page?

For most small business and e-commerce sites, yes — a visitor can have a question on any page, not just the contact or FAQ page, and hiding the widget on product or pricing pages removes it exactly where questions are most likely. The main exception is a checkout or payment page, where some businesses intentionally hide chat to avoid distracting a visitor mid-purchase; if you want that behavior, exclude just that page in the Custom Code settings rather than turning the widget off sitewide.

Do You Need a Developer?

No. The custom-code method above is copy-paste and takes most people under ten minutes, including testing. Wix’s Custom Code panel is built specifically so non-developers can add third-party scripts like analytics tags and chat widgets without editing site code directly. If your Wix site uses Velo (Wix’s code development platform) for custom functionality elsewhere, a developer isn’t required for the chat widget itself, though they may want to review placement if your site has complex custom page logic.

Keeping the Widget Working After Wix Updates

Wix periodically updates its editor and template system, and very occasionally a major editor change can affect where custom code loads. It is worth checking your chat widget after any significant Wix update or template change, the same way you would check any third-party embed. This takes thirty seconds — load the live site and confirm the bubble still appears — and catching an issue early beats a week of silently missed visitor questions.

What Happens After Installation

Once live, every conversation lands in your Talkmio Inbox, and if you have connected your content, Mio starts answering directly. Conversations it cannot resolve — because the question falls outside what you have given it, the visitor asks for a person, or they are complaining or asking about an order — get handed off with a browser notification, and an e-mail alert if nobody is online. Every conversation also becomes a numbered ticket automatically, so nothing gets lost between chat and follow-up. Free plan covers one operator, one website and 50 AI answers a month with no credit card required, which is enough to properly test the setup before committing to a paid plan; see the Talkmio pricing page for what each tier includes.

Set a recurring reminder — monthly is plenty — to glance at your chat inbox metrics and knowledge base coverage. As your Wix site grows and you add new products or pages, keep feeding that new content to your AI assistant so its answers stay current instead of quietly going stale a few months after launch.

Frequently Asked Questions

Is it hard to add live chat to Wix?

No. Wix’s Custom Code panel is designed for pasting third-party scripts like a chat widget without editing site code, and the whole process typically takes under ten minutes including testing.

Does adding a chat widget slow down my Wix site?

A well-built widget loads asynchronously and should not meaningfully slow page load, especially if placed at Body – end as recommended rather than in the page header. If you notice a slowdown, check the placement setting first.

Can I use live chat on a free Wix plan?

Yes, Wix’s free and paid plans both support Custom Code, so you can add a chat widget regardless of which Wix plan you are on. The live chat tool itself may have its own separate free tier, like Talkmio’s Free plan.

Will the chat widget work on my Wix mobile app or only the website?

A JavaScript embed like this works on the responsive website viewed through a mobile browser. It does not appear inside the separate native Wix mobile app some site owners use to manage their site, since that app is a management tool rather than the public-facing site itself.

Can the AI answer questions in languages other than English on my Wix site?

With Talkmio, yes — Mio replies in the visitor’s own language automatically across 30+ languages, and the widget UI translates too, without you building separate language versions of your Wix site.

How do I remove the chat widget from a specific Wix page?

In the Custom Code settings, you can choose specific pages instead of “All pages” when adding the snippet, or add a second rule excluding certain pages depending on your Wix editor version. This is useful if you want chat available site-wide except on, say, a legal disclaimer page.

What if I switch live chat providers later?

Removing a widget is as simple as deleting the custom code block from Wix’s Custom Code settings and adding the new provider’s snippet in its place. Export your conversation history and contacts from the old provider first if you want to keep that record, since most tools don’t carry history over automatically during a switch.

The Bottom Line

Adding live chat to Wix is a five-minute custom-code job, not a development project. Paste the snippet into Custom Code, set it to load on all pages before the closing body tag, publish, and test on both desktop and mobile. Once it’s live, connect your FAQ and key documents so the AI can start answering on its own — try Talkmio free and have a working, AI-backed chat widget on your Wix site before the hour is out.


Try Talkmio on your site

Free plan, no card required.

Start free