Back to Installing Your Chatbot

How to add a ChatGPT chatbot to Webstudio

How to add your custom ChatGPT trained chatbot to your Webstudio website.

You want to embed your custom trained chatbot in your Webstudio website page. Here's how to add ChatGPT to Webstudio with SiteSpeakAI.

Add your chatbot to your Webstudio website

In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the Install Chatbot section in the sidebar and then click on the Copy Code button to copy your code snippet. 0 - Webstudio - Copy JS Code.png

In Webstudio

  1. Select your project on your dashboard and click on the Webstudio logo 1 - Webstudio - Click on Webstudio Logo on Dashboard.png

  2. Click on Project Settings 2 - Webstudio - Click on Project Settings.png

  3. Select General 3 - Webstudio - Select General.png

  4. Scroll down and insert your snippet under Custom Code. When done click on X to close the Project Settings dialogue 4 - Webstudio - Scroll down and insert snippet under Custom Code.png

  5. Click on Publish to publish your modifications to your live website 5 - Webstudio - Click on Publish.png

  6. Your chatbot button will now be displayed on your website pages 6 - Webstudio - Chatbot button.png

  7. If you click on the button it will display the Chatbot dialogue 7 - Webstudio - Chatbot dialogue.png

Your chatbot is now added to your Webstudio website and your customers/vistors can start interacting with it!

Need more help with SiteSpeakAI?

Not finding what you need? Reach out to our support team for help.

Contact Support

Ready to automate your customer support with AI?

Join over 150+ businesses, websites and startups automating their customer support with a custom trained GPT chatbot.