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

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

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

**TeleportHQ** is a low-code visual development platform used for designing and publishing websites and web applications.

**Website URL**: [TeleportHQ](https://teleporthq.io/)

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

1. Log in to your **TeleportHQ** account and select the project you want to add your AI support agent to
   ![1 - TeleportHQ - Select your project.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/Iiq5cdj1rE5QvEZmFtk1AuAGBAlKrMtPfw6ToCvd.png)

2. In the **Design Editor** select your project and on the dropdown select **Project Settings**
   ![2 - TeleportHQ - Select Project Settings.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/4miTAAYk2f41XT5Pu1BOa2sCtVdzF41p9PfT2Hdk.png)

3. Under Project Settings select **Custom Code**
   ![3 - TeleportHQ - Select Custom Code.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/nP0m4QZwQeBAOrkCUnzMKaGrpAoYmwJ0B7QtZLMj.png)

4. Insert your snippet in the **Head** part and click on **Save Changes** to save your changes
   ![4 - TeleportHQ - Insert snippet and save changes.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/zPAC1m3Ebzz1Lrfu5Hb2cyOScrbv2rCy1hnBvkQs.png)

5. Click on **Open Editor** to return to the **Design Editor**
   ![5 - TeleportHQ -Click on Open Editor.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/MC6eYF6FQk2eFsjW3qO1xg28G6RELoOafDZqawQO.png)

6. In the Design Editor click on **Publish** to publish your changes
   ![6 - TeleportHQ - Click on Publish.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/C8Js0PGXVyonp9daJah02PkkUmeVRZ1A0lvEg6xq.png)

7. Your AI support agent button will now be displayed on your **TeleportHQ** webpage
   ![7 - TeleportHQ - AI support agent button displays on web page.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/ChsRj0wcJoQPQYSEnDXmoTuZGAQzTGfAuf9TZCsq.png)

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

Your AI support agent has now been added to your **TeleportHQ** website and your customers/visitors 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>
