chatleadr Docs
Open Chatleadr

How to Add a Chatbot to a Wix Website

Wix has a Custom Code panel that injects a script into every page of the published site. The Chatleadr widget is two script tags, so that panel is the whole installation.

Time: about ten minutes. You need: a Wix site on a premium plan with a connected domain, and a Chatleadr bot.

Wix: where to paste it Settings Custom Code Add Code Body end Add Code panel <script>window.CHATLEADR_BOT_KEY = "…";</script> <script src="https://chat.chatleadr.com/widget/app.js"></script> Set “Load code on each new page” so the widget survives navigation.
Where the Chatleadr snippet goes on Wix. Paste it into the body or footer slot, not the head.

1. Set the Bot's Domain#

Open your bot in Chatleadr, go to the Setup tab, and put your live Wix domain in the Domain field. The bot answers on that domain, and on any other addresses recorded for it. The domain is also what the Automatic language setting reads.

Use the domain visitors actually see. If your site is still on a something.wixsite.com address, enter that until you connect your own.

2. Copy Your Snippet#

In Chatleadr, open the bot and go to Channels. The Web section shows the snippet with your bot key already filled in.

Channels Website Snippet Paste a code snippet into Wix, Shopify, Squarespace or any other site. Connected Show the snippet Website Snippet Paste this just before the closing </body> tag, on every page you want the chat on. <script> window.CHATLEADR_BOT_KEY = "cl_7f3a9d21"; window.CHATLEADR_API_URL = "https://chat.chatleadr.com"; </script> <script src="https://chat.chatleadr.com/widget/app.js"></script> Copy Done
The snippet in the dashboard already contains your bot key. Copy it from there rather than typing it out.

3. Paste It Into Custom Code#

In the Wix dashboard, go to Settings, then Custom Code, then Add Code.

  • Paste the snippet into the code box.
  • Name it something you will recognise later, such as Chatleadr widget.
  • Under Add Code to Pages, choose All pages, and leave Load code on each new page selected.
  • Under Place Code in, choose Body end.

4. Publish#

Custom Code runs on the published site, not in the Wix editor or its preview, so the widget is missing there whether or not the snippet is correct. Click Publish, then open the live URL.

5. Check It#

  1. Open your published site in a private window.
  2. The launcher appears in the corner within a second or two.
  3. Send a message and confirm a reply comes back.
  4. In Chatleadr, the bot's conversation count goes up by one.
Step 1 Paste the snippet Before the closing body tag,on every page. Step 2 Launcher appears In the corner, within asecond of the page loading. Step 3 The counter moves Send one message. Thedashboard total goes up by one.
What a working installation looks like from the outside.

If It Does Not Appear#

Nothing in the corner. Confirm you are on the published site rather than a preview, then view source and search for CHATLEADR_BOT_KEY. If the key is not in the page, the code was saved to a page selection that does not include this one.

It appears on the home page only. The code was added to a single page instead of all pages. Open Custom Code and change the selection to All pages.

It disappears when moving between pages. Load code on each new page was switched off. Wix navigates without a full page load, so the snippet runs once and is gone on the next view.

The launcher opens but no reply arrives. The snippet is fine and the bot is not answering. Check that the bot is active, then work through my workflow is not triggering.

Common Questions#

Does Chatleadr Have a Wix App?#

No. The installation is the Custom Code panel, so nothing is installed into the site itself and a template change does not remove it.

Will the Chatbot Slow My Wix Site Down?#

No. The snippet loads at the end of the body and does not block rendering. See install on any website.

Can I Use the Same Bot on My Wix Site and Another Site?#

Yes, once the other site's address is recorded for the bot. Email support@chatleadr.com with the bot's name and that address to have it recorded. Both sites then get the same knowledge, the same workflows and one set of analytics, so two sites that need different answers are better served by two bots. See plans and limits for how many bots each plan includes.

Why Is the Widget Missing in the Wix Editor?#

Custom Code runs on the published site only, so the widget is expected to be absent in the editor and its preview.

Can I Keep the Chatbot Off Certain Pages?#

Yes. In Custom Code, choose Choose specific pages instead of All pages and select the ones that should have it.