Skip to content
Misar.io

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·Nov 15, 2025·3 min read
Table of Contents

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
Enjoyed this article? Share it with others.

More to Read

View all posts
Tutorial

How to Turn Your Expertise Into an AI Assistant in 30 Minutes

A quick-start guide for creators who want to monetize their knowledge with AI. Go from idea to published assistant in half an hour.

5 min read
Tutorial

What Can You Upload to Train Your AI Assistant? (Complete File Guide)

A comprehensive guide to file formats, best practices, and optimization tips for training your AI assistant's knowledge base.

7 min read
Tutorial

How to Embed an AI Assistant on Your Website (JavaScript, React, iframe)

Technical guide to embedding AI assistants on any website. Covers JavaScript widget, React integration, iframe, and REST API with code examples.

8 min read
Tutorial

How to Train AI on Your Own Data

Learn how to train AI on your documents, FAQs, and content to create a custom AI assistant.

2 min read

Explore Misar AI Products

From AI-powered blogging to privacy-first email and developer tools — see how Misar AI can power your next project.

Stay in the loop

Follow our latest insights on AI, development, and product updates.

Get Updates