> ## 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 webstarts

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

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

**webstarts** is a web hosting and website builder platform. It provides tools for creating and hosting websites without requiring coding knowledge.

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

## Add your AI support agent to your webstarts 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 webstarts

1. Log into your **webstarts** account and on the dashboard, select the site that you want to add your support agent snippet to and click on **Edit Site**

<img src="https://mintcdn.com/espressodev/g_fmstj6lJtcuTYn/images/installing-your-chatbot/webstarts/1-dashboard.png?fit=max&auto=format&n=g_fmstj6lJtcuTYn&q=85&s=3dd04ca139ac1b160b56d6c254c72c9f" alt="1" width="1906" height="872" data-path="images/installing-your-chatbot/webstarts/1-dashboard.png" />

2. On the Editor page, click on **Add** in the leftside toolbar to add a new element to your website

<img src="https://mintcdn.com/espressodev/g_fmstj6lJtcuTYn/images/installing-your-chatbot/webstarts/2-add-element.png?fit=max&auto=format&n=g_fmstj6lJtcuTYn&q=85&s=5ae14c41fef18de3cc93da089ef5e357" alt="2" width="1917" height="954" data-path="images/installing-your-chatbot/webstarts/2-add-element.png" />

3. Scroll down on the list of elements and select **Embed Code**

<img src="https://mintcdn.com/espressodev/g_fmstj6lJtcuTYn/images/installing-your-chatbot/webstarts/3-select-embed-code.png?fit=max&auto=format&n=g_fmstj6lJtcuTYn&q=85&s=1b9d0383f2e57fb939f94712d6797500" alt="3" width="1918" height="958" data-path="images/installing-your-chatbot/webstarts/3-select-embed-code.png" />

When adding your snippet you have 2 choices as where to insert it, i.e. site wide (View Site Head) or per page (View Page Head)

4. Insert your snippet in the **Edit HTML** edit text area and click on **Insert**

<img src="https://mintcdn.com/espressodev/g_fmstj6lJtcuTYn/images/installing-your-chatbot/webstarts/4-insert-your-snippet.png?fit=max&auto=format&n=g_fmstj6lJtcuTYn&q=85&s=3fb3a27adafc09d038346d827a435a7a" alt="4" width="1920" height="958" data-path="images/installing-your-chatbot/webstarts/4-insert-your-snippet.png" />

5. Click on **View Site** to view your live website

<img src="https://mintcdn.com/espressodev/g_fmstj6lJtcuTYn/images/installing-your-chatbot/webstarts/5-click-on-view-site.png?fit=max&auto=format&n=g_fmstj6lJtcuTYn&q=85&s=f1e8a7c049910dd344a65c42224f2d66" alt="5" width="1918" height="962" data-path="images/installing-your-chatbot/webstarts/5-click-on-view-site.png" />

6. Your AI support agent button will now be displayed on your **webstarts** website page

<img src="https://mintcdn.com/espressodev/g_fmstj6lJtcuTYn/images/installing-your-chatbot/webstarts/6-chatbot-button.png?fit=max&auto=format&n=g_fmstj6lJtcuTYn&q=85&s=9f732e817aaf4e5436063e10fabbba99" alt="6" width="1920" height="963" data-path="images/installing-your-chatbot/webstarts/6-chatbot-button.png" />

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

<img src="https://mintcdn.com/espressodev/g_fmstj6lJtcuTYn/images/installing-your-chatbot/webstarts/7-chatbot-dialogue.png?fit=max&auto=format&n=g_fmstj6lJtcuTYn&q=85&s=b389efa5f25c605291d8a2fd10d4f864" alt="7" width="1919" height="957" data-path="images/installing-your-chatbot/webstarts/7-chatbot-dialogue.png" />

Your AI support agent has now been added to your **webstarts** 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>
