Skip to main content

How to Add a Chatbot to Wix (2026 Guide)

Back to Blog
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 TeamNovember 15, 20255 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

1. Visit [Assisters](/signup)

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 Code** → **Custom Embed** → **HTML 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://widget.assisters.io/embed.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://widget.assisters.io/embed.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 Design** → **Colors**

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 →](/signup)

Enjoyed this article? Share it with others.

Related Posts

View all posts
Tutorial

How to Add AI to Your Website Without Writing Code (or Hiring Developers)

Add intelligent AI chat to your website in minutes, not months. This guide shows business owners exactly how to embed custom AI assistants without technical expertise.

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

8 min read
Tutorial

How to Build an AI Chatbot Without Coding

Step-by-step guide to creating your own AI chatbot without writing any code. No technical skills required.

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

6 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