WebChatAgent Logo

Wix

Add an AI chatbot to your Wix website using the built-in HTML embed element.

Step-by-Step Setup

  1. Open the Wix Editor — Log in to your Wix account and open your site in the Editor.
  2. Add an Embed element — Click the Add (+) button in the left toolbar, then select Embed Code > Embed HTML.
  3. Paste the code — In the HTML settings panel, select Code and paste the following:
<script src="https://webchatagent.com/widget/web-chat-agent.js" async></script>
<web-chat-agent chatbot-id="YOUR_ID"></web-chat-agent>
  1. Replace YOUR_ID with your actual Chatbot ID from the WebChatAgent dashboard.
  2. Position the element — Drag the embed element to any corner of your page. Since the widget renders as a floating chat bubble, the exact position of the embed element does not matter much.
  3. Show on all pages — Right-click the embed element and select Show on All Pages so the chatbot appears site-wide.
  4. Publish — Click Publish to make the changes live.

Using Wix Studio (Editor X)

The process is the same in Wix Studio:

  1. Click Add Elements > Embed > HTML Embed.
  2. Paste the code snippet above.
  3. Set the element to appear on all pages via the layers panel.

Finding Your Chatbot ID

Log in to your WebChatAgent dashboard, open your chatbot, and go to the Widget Integration section. Your Chatbot ID is displayed there and can be copied with one click.

Troubleshooting

  • Widget not showing? — Make sure the embed element is not hidden or placed inside a container that is collapsed. Try publishing and viewing the live site.
  • Widget only on one page? — Right-click the embed and select Show on All Pages.
  • Mobile display issues? — Check that the embed element is also placed on the mobile version of your site. Switch to mobile view in the editor and verify.