Back to Installing Your Chatbot

How to add a ChatGPT chatbot to WebSim.ai

You want to embed your custom trained AI support agent in your Websim AI website page. Here's how to add an AI support agent to Websim AI with SiteSpeakAI.

The Websim AI platform allows you to create entire websites, games, or even marketplaces using simple AI prompts. It brings your creative ideas to life - whether it’s a neon-colored marketing toolbox or a real-time AI news website. The platform’s ability to generate dynamic websites with fresh content makes it perfect for educators or marketers looking to increase user engagement.

For this tutorial we are only going to look at adding Custom HTML to an existing website created with Websim AI. The creation of the website (using the AI prompts/command line) is not part of this tutorial, you can refer to the link below to display the Websim AI website for further info).

Note: We have used gpt-5.1 to set up the website for this tutorial.

Website URL: https://www.websim.com/

Add your AI support agent to your Websim AI website

In SiteSpeakAI

Log into your SiteSpeakAI account and select your agent from the dropdown menu at the top, click on the Install Agent section in the sidebar, select the Javascript tab and then click on the Copy Code button to copy your agent code snippet. uploads/help-center/images/iz5NAgL5MOZA68Zv2zIz8HYn1bJtAL8PBFQRHSOz.png

In Websim AI

  1. Log into your Websim AI account, select Home and then in the right-hand sidebar, select Projects (ignore any other projects in the left side of the Home page - these are all Public projects) uploads/help-center/images/5DSQjvI0xFU7F4Q5yhCWYWCfr0Jk3OzJm7vrZ30V.png

  2. Select your project that you want to add your AI support agent to uploads/help-center/images/hk5nT71ktPLS8VPyvcg5USyQSMa5flYOp4rmkUYh.png

  3. Click in the command line containing "What would you like to change?" uploads/help-center/images/gYBgGfn7GCKzrD1D21uDxbHWSZMMYJVbfcguCqZP.png

  4. Enter the following instruction in the command line:

Insert Custom HTML code "--- insert the AI support agent js code copied at the beginnng of the tutorial ---"

and click on the Submit button uploads/help-center/images/nXpN0X3zs3LSzIQ1AsMwfjpTPM3rRjNqdZDMgr0L.png

  1. Your AI support agent button will now be displayed on your Websim AI website page uploads/help-center/images/2NGRylCHtPyaw8pcqM2QY4hFOjPiaZ2TCEeqxGHN.png

  2. If you click on the button it will display the AI support agent dialogue uploads/help-center/images/Y8JIaNMTHwBIDcA5eCpN2BNVP5utwu2xM8Xi4zj6.png

Your AI support agent has now been added to your Websim AI website and your visitors/customers 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 service with AI?

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