> ## 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 SitePad Builder

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

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

**SitePad Builder** is a website creation platform that allows users to design and build websites without coding. It offers a drag-and-drop interface and a library of templates and design elements.

Build professional websites using an easy-to-use editor and publish static web pages. Hundreds of responsive themes cover a wide range of categories like Blog, Business, Portfolio, Restaurants, Travel, and many more.

**Website URL:** [SitePad](https://www.sitepad.com/)

## Add your AI support agent to your **SitePad Builder** 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://mintcdn.com/espressodev/uRHTfU4evieXXVDw/images/installing-your-chatbot/copy-code.png?fit=max&auto=format&n=uRHTfU4evieXXVDw&q=85&s=b2614ba1d9a160d4d501b1d1bca094a2" alt="Copy code snippet" width="3436" height="1916" data-path="images/installing-your-chatbot/copy-code.png" />

### In SitePad Builder

1. Log in to your **SitePad Builder** website

2. On your dashboard select **Pages** -> **All Pages** in the left sidebar menu

![2 - SitePad Builder - Select Pages on left sidebar menu.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/6HAigkmL9CRYEybG24ztMUugbHApt6qkfNmGQiNw.png)

3. Click on the **Edit this item** icon for the page you want to add your AI support agent snippet to

![3 - SitePad Builder - Select Edit this item for the page you want to add your snippet to.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/30gxdeC63B3zJEL96s7mmdgsFHWNUqFPPKJVrQqG.png)

4. This will display the selected page in edit mode. Click on the **X** to close the **Edit Page Setting** menu

![4 - SitePad Builder - Click on X to close the Edit Page Setting menu.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/i9FgM5DwL6068cxPvaKHOheAA0288w0JoyYIcZFh.png)

5. A list of available widgets will be displayed under **Widgets**

![5 - SitePad Builder - List of available widgets displayed.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/1HLaWGFzulMMIqHx7ea8PCWGWObtDVw5Vr9SN1gs.png)

6. Scroll down on the list of **Widgets** to **OTHER** and drag the **\</> Embed** widget onto your webpage

![6 - SitePad Builder - Scroll down on the list of available widgets to OTHER and drag the Embed widget onto your page.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/nov4IiMeW8r1A7yFPAoIxz9KnWD0GFjdk48pnVFn.png)

7. Insert your snippet under **Settings** and click on **Update**

![7 - SitePad Builder - Insert snippet and click on Update.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/DlISyZCgphtTWjRK4I2cIG4cFpxWcnngaCf4uYut.png)

8. Your AI support agent button will now be displayed on your webpage

![8 - SitePad Builder - Your chatbot button displays on your page..png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/McTGJDm17IIb2qIZo8k9PEZeCwCxrwmAHiBt8euN.png)

9. If you click on the button it will display the AI support agent dialogue

![9 - SitePad Builder - Your chatbot dialogue displays on your page.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/RH40TCBUeofinzTeOhZQfDkjEm1YlVtmvCAivqrW.png)

Your AI support agent is now added to your **SitePad Builder** webpage and your 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>