> ## Documentation Index
> Fetch the complete documentation index at: https://sitespeak.ai/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# How to add a ChatGPT AI support agent to Kubio

> How to add your custom ChatGPT trained AI support agent to your Kubio website.

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

**Kubio** is a drag-and-drop website builder designed specifically for small businesses and entrepreneurs. It's known for being incredibly easy to use, even if you have *no* prior website building experience.

**Website URL:** [Kubio](https://www.kubio.com/)

## Add your AI support agent to your **Kubio** 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.

<img src="https://mintlify.s3.us-west-1.amazonaws.com/espressodev/images/installing-your-chatbot/copy-code.png" alt="Copy code snippet" />

### In Kubio

1. Log into your Kubio account and under **Site Content** select the page you want to add your AI support agent to
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/OQylH2OP9K4syDFj17KHBQtce28a3MzGyFtr0Apg.png)

2. Close the Page selection menu
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/movTNjZOBKo6wZm6r2pKvCUvW6IkPntRcyppNT7D.png)

3. Click on **Add Block**
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/wahlng8UnW51ysn8w7ZrtVdTPQRTIwukV95hYpua.png)

4. Select the **Blocks** tab, scroll down on the Blocks list to the **Widgets** group and drag the **Custom HTML** block onto your page in the Header section
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/Fbw3ZPvBG6q7V9V4Tv9E2xfBVgS1YoZqNKKMr2IZ.png)

5. The Custom HTML block on your page
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/ypp8eRBrueAvkPxOngPiYdbgTfORN9xniH1WiKkq.png)

6. Insert your AI support agent snippet code into the **Custom HTML** text box and click on **Save**
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/tEolFzMwGt9WmJqfDgLFLGymEkbB9pzXhbJCI4Fs.png)

7. Your AI support agent button will now be displayed on your **Kubio** website page
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/03r3xR8hfffaYEp7CxlTU5drgDBD9RP3mrVtNtLn.png)

8. If you click on the button it will display the AI support agent dialogue
   ![](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/s0SabBjnVT6lT3QgY5L7SMfG1AriZZWJyqFgD842.png)

Your AI support agent has now been added to your **Kubio** website and your visitors/customers can start interacting with it!

***

<Card title="Ready to automate your customer service with AI?" icon="bot" href="https://sitespeak.ai/register?utm_source=docs&utm_medium=cta&utm_campaign=primary-cta" arrow="true" cta="Create Your AI Agent">
  Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.
</Card>
