How to add ChatGPT to Wix

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.

Video transcript

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.

​

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

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.

---