Skip to main content
You want to embed your custom trained AI support agent in your Siter.io website page. Here’s how to add an AI support agent to Siter.io with SiteSpeakAI. Siter.io is a no-code website builder focused on speed and simplicity. It’s designed for quickly creating professional-looking websites, landing pages, and online stores without needing to write any code. It uses a drag-and-drop interface with pre-designed templates and blocks, making it very easy to customize and build your site. It’s particularly good for entrepreneurs, small businesses, and anyone who wants a fast and straightforward way to get online. Website URL: https://siter.io/

​
Add your AI support agent to your Siter.io 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 Siter.io

Please note: To insert Custom HTML in Siter.io, you can use the Code Tool element to insert your snippet per page, or the Head Code Injection option under the Custom Code settings for site-wide integration. Unfortunately, the Head Code Injection setting doesn’t work properly with SitespeakAI, so we will look at using the Code Tool element. Due to the fact that this provides insertion per page (which is a tedious option), we will create a Component that contains the snippet and can then be added on each page. This will then have the advantage of editing once and can then be applied to wherever you use the Component. Sounds confusing? Maybe, but if you follow my instructions it should be quite easy. Let’s continue embedding our clever little AI support agent.
  1. Log into your Siter.io account and on the dashboard, select the site you want to add your AI support agent to.
Siter.io dashboard
  1. Make sure the Pages tab is selected, click on the hamburger menu and select Open in Editor to start editing your website page.
Open in editor
  1. Select the Code Tool in the lefthand toolbar and then place the element on your project page (it doesn’t matter where you put it, the snippet itself won’t be displayed, only the actual Agent will be displayed at the bottom of your page).
Code Tool
  1. A gray placeholder box will appear on your project page. Click on Edit the code in the righthand toolbar
Edit the code
  1. Insert your AI support agent snippet in the provided text box
Insert snippet
  1. Click on the Layers toolbar item to display the layers and double-click on the Code element
Layers
  1. Rename the Code element to something specific, e.g. Global - SitespeakAI
Rename element
  1. Right-click on the renamed element, select Create Component and click on Publish
Create Component
  1. The newly created component is now available under Components. It can now be added to any page in the project that is part of the website. If you make changes to this component (i.e. modify the snippet content) then it will be applied to all instances where you use this component.
Components
  1. Your AI support agent button will now be displayed on your Siter.io website page
Agent button displayed
  1. If you click on the button it will display the AI support agent dialogue
Agent dialogue Your AI support agent has now been added to your Siter.io 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