> ## Documentation Index
> Fetch the complete documentation index at: https://sitespeak.ai/docs/llms.txt
> Use this file to discover all available pages before exploring further.
# How to add ChatGPT to Wix
> Complete guide to installing an AI chatbot on your Wix website. Learn how to add custom code using Wix's Marketing Integration Tools.
Adding a custom trained AI chatbot to your Wix website enables you to provide instant customer support, answer common questions, and capture leads around the clock.
In this tutorial, I'll show you how to add a ChatGPT AI chatbot to your Wix website. We'll create and train it on your own content, then add it to your site so it can answer your visitors' questions around the clock.
Before you can add your agent to Wix, you need to create and train it. After you log in to SiteSpeak, you land on the Get Started page, which walks you through it in five quick steps. First, give your agent a name. This is the name your visitors will see when they chat with it. Click Save and Continue to create the agent. Next, add the website you want your agent to learn from. For this example I'll use snapwidget.com. Click Save and Continue, and SiteSpeak crawls the site to find pages it can train on. In a few seconds, it finds the main pages on the site. SiteSpeak selects those pages for you. Click Save and Continue to train your agent on them. SiteSpeak now trains your agent on that content automatically. Once it finishes, your agent is ready to answer questions, and you can add it to your Wix website.
Once your agent is trained, open Install Agent in SiteSpeak and copy your JavaScript snippet. Adding custom code to Wix needs a Premium plan, and your site must be published to a domain. In the Wix Editor, click Add Elements, the plus icon on the left. Select Embed Code, then choose Custom Code under Marketing Integration Tools. In the Custom Code dialog, click Add Code in the Head section. Paste your SiteSpeakAI snippet into the Add Custom Code box. Give it a name like SiteSpeakAI Chatbot, choose to load it on all pages, then click Apply. Click Publish to make your changes live. The chatbot only shows on your published site, not in the editor preview. Your chatbot button now appears on your live Wix website. Visitors can click it to open the chat and start asking questions, around the clock.
And that's it. Your ChatGPT AI chatbot is now live on your Wix site, trained on your content and ready to help your visitors.
Adding custom code to your Wix website requires a **Premium plan**. Your site must also be published and connected to a domain for the chatbot to appear on your live site.
## Add your chatbot to your Wix website
### In SiteSpeakAI
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)
2. Select **Embed Code**, then choose **Custom Code** under **Marketing Integration Tools**
3. Click **Add Code** in the **Head** section of the Custom Code dialog
4. Paste your chatbot code snippet into the **Add Custom Code** modal
* Give it a name like "SiteSpeakAI Chatbot" to identify it easily
* Choose whether to display on **All pages** or a specific page
5. Click **Apply** to save your changes
6. Click **Publish** to make your changes live
The chatbot will only appear on your published site, not in the Wix Editor preview. You must publish your changes to see the chatbot.
7. Your chatbot button will now appear on your live website
8. Visitors can click the button to open the chat and start asking questions
## Alternative: Using an HTML embed
If you prefer to embed the chatbot 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 chatbot to appear
3. Click **Enter Code** and paste the iFrame embed code from SiteSpeakAI
4. Resize the embed box as needed
5. Publish your site
This method is useful if you want the chatbot to appear inline within your page content rather than as a floating button.
## Mobile responsiveness
The SiteSpeakAI chatbot 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 SiteSpeakAI dashboard if needed.
## Troubleshooting
**Chatbot 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 SiteSpeakAI 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.
***
Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
### In Wix
1. In the Wix Editor, click **Add Elements** (the plus icon)
2. Select **Embed Code**, then choose **Custom Code** under **Marketing Integration Tools**
3. Click **Add Code** in the **Head** section of the Custom Code dialog
4. Paste your chatbot code snippet into the **Add Custom Code** modal
* Give it a name like "SiteSpeakAI Chatbot" to identify it easily
* Choose whether to display on **All pages** or a specific page
5. Click **Apply** to save your changes
6. Click **Publish** to make your changes live
