Add AI Chatbot to Wix Website (2 Easy Methods + Code)

Q: Can I add an AI chatbot to a Wix website without coding?

Yes. You don't need to "build" anything; Wix lets you paste a ready-made chatbot script using Embed Code or Custom Code. It's mostly copy-paste and publish.

Q: What's the easiest way to add an AI chatbot to Wix?

The easiest method is adding it to a single page using Wix Editor -> Add (+) -> Embed Code -> Embed HTML and then pasting your chatbot script.

Q: Why isn't my AI chatbot showing up on my Wix website?

Common reasons include: the site was not published after adding the code; the code was added to the wrong place; the script did not load on the correct pages (check Load on); or the agentName is incorrect or missing.

If you want to add an AI chatbot to your Wix website, you are in the right place. A well-placed chatbot responds to visitors in the moment, captures leads around the clock, answers FAQs, and keeps conversions moving even when your team is offline.

In this guide, you will learn two easy methods to add a chatbot to your Wix site:

Option 1: Add the chatbot to a specific page (most common)
Option 2: Add the chatbot site-wide (best if you want it on every page)

You can also view a working example here: Demo site: https://jaikantads.wixsite.com/jkn-blog

Why Add an AI Chatbot to Your Wix Website?

Before you jump into the steps, here is what you get when you add an AI chatbot to a Wix website:

Instant replies to visitors, even after business hours
More leads with automated capture and follow-ups
Lower support workload by answering FAQs automatically
Higher engagement by guiding users to the right page or product

Now, let's add your chatbot.

What You'll Need Before You Start

To successfully add an AI chatbot to a Wix website, keep this ready:

Access to your Wix Editor or Wix Dashboard
Your chatbot embed script
Your agentName (you get this from the Predictable Dialogs app)

Option 1: Add the Script to a Specific Page (Most Common)

This is the easiest and most popular method if you want the AI chatbot on one page such as your homepage, pricing page, or contact page.

Step-by-step: Add an AI Chatbot to a Single Wix Page

Open your site in the Wix Editor.
Click Add (the + icon on the left).
Go to Embed.
You will see the below two option:
- Embed Code (Display content using HTML)
- Embed a site (Display full pages from another site)
Depending on the kind of chat widget you are adding, you need to choose one of the above.
- Standard Widget or Bubble Widget you can select any of the options: Embed Code or Embed a site
- Popup widget doesn't look good in either of these options. Use Option 2, method mentioned below.
Click the element you added, select Enter Code (or Settings), and paste your script.
Use this script: (replace the agent name)

<div>
  <agent-standard></agent-standard>
  <script type="module">
    import Agent from 'https://cdn.jsdelivr.net/npm/@agent-embed/js@latest/dist/web.js'
    Agent.initStandard({
      agentName: 'your agent name', // You get this from the Predictable Dialogs app
    })
  </script>
</div>

Resize and position the embed element if needed.
For the Bubble Widget you further need to right click the HTML element and select Pin to screen so the bubble stays in the lower corner. The HTML element for the bubble widget should be the size of the opened bubble chat.
Click Preview, then Publish.

That is it. Your chatbot appears on that page.

Option 2: Add the Script Site-Wide via Custom Code

If you want the chatbot to show up on every page of your Wix site, this method is ideal. Many businesses prefer this because it gives visitors help no matter where they land. This method is also recommended for the Popup widget. so it runs in the top document, not inside an iframe.

Step-by-step: Add an AI Chatbot to All Wix Pages

In Wix, open your Site Dashboard.
Go to Settings, then Custom Code (sometimes under Advanced Settings).
Click + Add Custom Code.
Paste the same script:

<div>
  <button onclick="Agent.open()">Open Chat Popup</button>
  <script type="module">
    import Agent from 'https://cdn.jsdelivr.net/npm/@agent-embed/js@latest/dist/web.js'
    Agent.initPopup({
      agentName: 'your agent name', // You get this from the Predictable Dialogs app
      autoShowDelay: 0,
    })
  </script>
</div>

Choose where it loads:
- Body - start or Body - end (recommended for chat widgets)
Under Load on, choose:
- All pages for a site-wide chatbot, or
- Specific pages if you want more control
Save, then Publish.

Now your AI chatbot is available across your entire Wix website.

Unique Insight: Align the Chatbot With Your Visitor Journey

Pair your chatbot placement with the top actions visitors already take. Add a short welcome message on high-intent pages, map replies to the next best action (book, buy, or learn), and review transcripts weekly to add new quick replies. This small feedback loop keeps the experience warm and personal without constant rebuilding.

Which Option Should You Choose?

Here is a quick way to decide:

Choose Option 1 if you want the chatbot on one page (most common for testing or landing pages).
Choose Option 2 if you want the chatbot site-wide (best for support and lead generation).

Quick Tips to Make Your Wix Chatbot Perform Better

Once you add an AI chatbot to a Wix website, consider these simple improvements:

Put it on high-intent pages such as Pricing, Contact, and Services.
Add a welcome message like: Hi! Want help choosing the right service?
Make sure it can answer your top FAQs such as pricing, delivery, hours, and refund policy.
Track leads and questions people ask to improve your chatbot over time.
Look ahead: as you spot recurring questions, turn them into on-page content so future visitors find answers even faster.

FAQs

Can I add an AI chatbot to a Wix website without coding?

Yes. You do not need to build anything. Wix lets you paste a ready-made chatbot script using Embed Code or Custom Code. It is mostly copy, paste, and publish.

What is the easiest way to add an AI chatbot to Wix?

The simplest method is adding it to a single page using Wix Editor -> Add (+) -> Embed Code -> Embed HTML, then pasting your chatbot script.

How do I add an AI chatbot to Wix on all pages?

Use Site Dashboard -> Settings -> Custom Code and paste the script. Set it to load in Body - end (or Body - start) and choose All pages, then publish.

Where should I place the chatbot script in Wix: header or body?

For most chat widgets, Body - end is a common choice because it helps the page load smoothly. Body - start can also work depending on your setup.

Why isn't my AI chatbot showing up on my Wix website?

Common reasons include not publishing after adding the code, placing the code in the wrong area, loading the script on the wrong pages, or using an incorrect agentName.

What is the agentName in the chatbot script?

The agentName identifies your chatbot agent and is required for the widget to load correctly. You get it from the Predictable Dialogs app.

Can I add the AI chatbot only to specific Wix pages?

Yes. In Custom Code, choose Load on -> Specific pages, or use the Embed Code method to place it only where you want it.

Will adding a chatbot slow down my Wix site?

Usually no, as long as it is added properly and loads in the body. If speed is a concern, using Body - end can help reduce impact during initial page load.

Can I move or resize the chatbot on a Wix page?

If you embed it inside a page element (Option 1), you can resize and position the embed box in the Wix Editor. Site-wide widgets may follow default behavior based on the chatbot provider.

Is an AI chatbot good for SEO on Wix?

Indirectly, yes. While chatbots do not directly boost rankings, they can improve engagement, time on site, and conversions, which can support overall site performance.