Skip to content
Misar

How to Add a Chatbot to Wix (2026 Guide)

All articles
Tutorial

How to Add a Chatbot to Wix (2026 Guide)

Complete guide to adding an AI chatbot to your Wix website using Wix's HTML embed feature. Works with any Wix plan.

Assisters Team·November 15, 2025·3 min read

How to Add a Chatbot to Wix (2026 Guide)

Wix powers millions of websites. Make yours smarter with an AI chatbot that knows your business inside and out.

Why Add AI Chat to Wix?

Default Wix chat requires you to be online. An AI chatbot:

  • Answers questions 24/7
  • Knows your products and services
  • Captures leads while you sleep
  • Never takes a break

Adding Your Chatbot

Step 1: Create Your Assistant

  • Visit Assisters
  • Create a new assistant
  • Upload your business content
  • Customize responses
  • Copy the embed code

Step 2: Add HTML Embed in Wix

  • Open your Wix Editor
  • Click Add (+) in the left panel
  • Select Embed CodeCustom EmbedHTML iFrame
  • Drag the element to your page (bottom corner recommended)
  • Click Enter Code

Step 3: Paste the Code

Add this code in the HTML box:

<script src="https://assisters.io/sdk/assisters.js"

data-assistant-id="your-assistant-id">

</script>

<div id="assisters-widget"></div>

Step 4: Resize and Position

  • Make the embed element small (it expands on click)
  • Position in bottom-right corner
  • Set to "Show on All Pages" if desired

Step 5: Publish

Click Publish to make the chatbot live.

Adding to All Pages

For site-wide chat:

  • Add the embed to your site footer (available on all pages)
  • Or use Wix Velo for advanced placement

Using Wix Velo (Advanced)

For developers wanting more control:

// Add in masterPage.js

$w.onReady(function () {

const script = document.createElement('script');

script.src = 'https://assisters.io/sdk/assisters.js';

script.dataset.assistantId = 'your-id';

document.body.appendChild(script);

});

Customization

Match Your Wix Template

Get your brand colors from Wix:

  • Go to Site DesignColors
  • Note your primary color hex code
  • Add to embed:

data-primary-color="#your-hex-color"

Mobile Considerations

Wix mobile sites are separate. Add the embed to both:

  • Desktop editor
  • Mobile editor (switch in top bar)

Wix App Market Alternative

While dedicated Wix apps exist for chat, Assisters offers:

  • AI trained on YOUR content (not generic)
  • Revenue potential if you monetize
  • Better customization
  • No monthly Wix app fees

Common Use Cases

Wix Stores: Product questions, order status, returns

Wix Bookings: Availability, services, pricing

Wix Portfolio: Project inquiries, process questions

Wix Blog: Topic questions, content navigation

Make your Wix site work harder with AI.

Get Your Chatbot →

tutorialWixintegrationno-code