Skip to main content

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.

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

  1. Visit Assisters
  2. Create a new assistant
  3. Upload your business content
  4. Customize responses
  5. Copy the embed code

Step 2: Add HTML Embed in Wix

  1. Open your Wix Editor
  2. Click Add (+) in the left panel
  3. Select Embed CodeCustom EmbedHTML iFrame
  4. Drag the element to your page (bottom corner recommended)
  5. Click Enter Code

Step 3: Paste the Code

Add this code in the HTML box:

HTML
<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:

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

Using Wix Velo (Advanced)

For developers wanting more control:

JavaScript
// 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:

  1. Go to Site DesignColors
  2. Note your primary color hex code
  3. Add to embed:
HTML
data-primary-color="#your-hex-color"

Mobile Considerations

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

  1. Desktop editor
  2. 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 Create Your First AI Assister in 10 Minutes

Building your own AI assistant used to require a developer. With Assisters, anyone can create, train, and deploy a powerful AI assister in under 10 minutes — no code needed.

3 min read
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.

2 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&apos;s knowledge base.

4 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.

1 min read

Build with the Assisters API

Integrate specialized AI assistants into your apps with our simple REST API. Get your API key in seconds.

Earn 20% recurring commission

Share Assisters with friends and earn from their subscriptions.

Start Referring