Skip to main content
You want to embed your custom trained AI support agent in your Versoly website page. Here’s how to add an AI support agent to Versoly with SiteSpeakAI. Versoly is a website builder that focuses on making it incredibly easy to create beautiful, professional-looking websites without needing any coding knowledge. It’s built around a drag-and-drop interface, offering pre-designed templates and a library of customizable elements like images, fonts, and buttons. It’s particularly known for its strong focus on e-commerce, making it a great choice for selling products online. Website: Versoly

​
Add your chatbot to your Versoly 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. Copy code snippet

​
In Versoly

  1. Log into your Versoly account and on the dashboard select the project you want to add your AI support agent to 1 - Versoly - Select your project.png
  2. On the editor page select Pages on the top menu bar 2 - Versoly - Select Pages on the menu bart.png
  3. Select the page you want to add your snippet to 3 - Versoly - Select your page.png
  4. Click on Settings on the top toolbar 4 - Versoly - Click on Settings.png
Note that Versoly allows adding your code snippet per page as well as globally to all pages. A. Using the per Page option:
  1. Select Page Settings 5 - Versoly - Select Page Settings.png
  2. Select the Advanced tab, insert your snippet in either the External Scripts or the Head Content input text box and click on Save Page 6a - Versoly - Insert snippet - External Scripts (Page).png
6b - Versoly - Insert snippet - Head Content (Page).png
  1. Click on Publish 7 - Versoly - Click on Publish.png
B. Using the global Site option:
  1. Click on Site Settings 10 - Versoly - Site Settings.png
  2. Select the Advanced tab, insert your snippet in either the External Scripts, the Head Content or the Site JS input text box and click on the Save button for the respective option 11a - Versoly - Insert snippet - External Scripts (Site).png 11b - Versoly - Insert snippet - Head Content (Site).png 11c - Versoly - Insert snippet - Site JS (Site).png
Please note that if you use the Site JS option, you must remove any HTML remark lines (<!-- -->). You must also remove the script tags, Versoly adds its own script tags when it adds your snippet to the site pages.
  1. Click on Publish 7 - Versoly - Click on Publish.png
C. For both options:
  1. Your AI support agent button will now be displayed on your Versoly website page 8 - Versoly - Chatbot button.png
  2. If you click on the button it will display the AI support agent dialogue 9 - Versoly - Chatbot dialogue.png
Your AI support agent has now been added to your Versoly website and your visitors/customers can start interacting with it!

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.
Last modified on January 22, 2026