AI Chatbot

  • Website Builders
  • Plasmic
Guides
Choose an available topic from the sidebar. More documentation is coming soon.

Website Builders

How to add an AI chatbot to Wix

How to add your custom trained AI chatbot to your Wix website.

Adding a custom trained AI support agent to your Wix website enables you to provide instant customer support, answer common questions, and capture leads around the clock. Here’s how to add an AI support agent to Wix with AI Chatbot.

⁠Wix is a cloud-based website builder that allows anyone to create a professional website without any coding knowledge. It operates on a drag-and-drop system, meaning users can visually piece together their web pages using text, images, videos, and various pre-built elements.

Website URL: Wix

Add your AI support agent to your Wix website

In AI Chatbot

Select your chatbot from the dropdown menu at the top, click on the Install Agent section in the sidebar, then click on the Copy Code button to copy your code snippet.

In Wix

  1. In the Wix Editor, click Add Elements (the plus icon)
  1. Select Embed Code, then choose Custom Code under Marketing Tools
  1. Click Add Code in the Head section of the Custom Code dialog
  1. Paste your AI support agent code snippet into the Add Custom Code modal
    • Give it a name to identify it easily (here we gave it “MuconSA Customer Support” as the name for the purpose of this tutorial)
    • Choose whether to display on All pages or a specific page
  1. Click Apply to save your changes
  1. Click on Publish to publish your changes to your live website
  1. Your AI support agent button will now appear on your live website
  1. Visitors can click the button to open the AI support agent dialogue and start asking questions

Alternative: Using an HTML embed

If you prefer to embed the AI support agent in a specific location on your page rather than as a floating widget:

  1. In the Wix Editor, click Add Elements > Embed Code > Embed HTML
  2. Drag the HTML widget to where you want the AI support agent to appear
  3. Click Enter Code and paste the iFrame embed code from AI Chatbot
  4. Resize the embed box as needed
  5. Publish your site

This method is useful if you want the AI support agent to appear inline within your page content rather than as a floating button.

Mobile responsiveness

The AI Chatbot support agent widget is fully responsive and works on all devices. On mobile, the chat button automatically adjusts its position to avoid interfering with navigation elements. You can customize the mobile position offset in your AI Chatbot dashboard if needed.

Troubleshooting

AI support agent not appearing after publishing? Clear your browser cache and reload the page. Wix may cache your site for performance.

Custom Code option not available? Make sure you have a Wix Premium plan. Custom code features are not available on free Wix sites.

Chatbot appears in wrong position? Adjust the position and offset settings in your AI Chatbot appearance settings. You can position the widget in any corner and set custom margins.

Preview not showing the chatbot? This is expected behavior. Wix’s preview mode doesn’t load custom code. You must publish your site to see the chatbot.

Ready to automate your customer service with AI?

Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.

Create Your AI Agent
WeWeb
ZipWP
X-twitter Linkedin Facebook Youtube

Powered by AI Chatbot.

On this page