> ## 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 ChatGPT to APage Studio

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

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

**APage Studio** is a no-code website builder specifically designed for **real estate agents and teams**. It's built around the concept of creating highly engaging, interactive property pages that go far beyond traditional static listings. Think of it as a powerful, streamlined way to create immersive digital brochures for your properties.

**Website URL:** [APage Studio](https://apagestudio.com/)

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

1. Log into your **APage Studio** account and on the dashboard, click on **Manage**

![Select Manage](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/Efu2syhSN0we5CRViQtByKA8iVXfcD26S7i1yXR0.png)

2. On the **Manage APages** page, select the configuration option for the page you want to add your chatbot to

![Select Configuration](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/KOtGbdQo6ob9aHmWvfxPmpKeJUYJPkLgavLHnT39.png)

3. This will open the **Webpage Configuration** page

![Webpage Configuration page](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/z0a1WtIiPkzAoNjTaWqV36SKjOO9iibrrCiYpoGM.png)

4. Scroll down on the Webpage Configuration page until you see the **Chatbot Code** box and then click on **Edit** to open the **Configuration** editor

![Chatbot Code](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/iu032zNSxGtzR1VAIj46AFm80p43uqwaGFjyby5l.png)

5. Insert your chatbot code snippet into the Chatbot Code box and click on **Save**

![Insert code and Save](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/ys0jzN4gC0FtKp69PLOKj5NUCEf1Q8xg7jAP9UO3.png)

6. Click on **Generate APage** to display your page in edit mode

![Click on Generate APage](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/3NcjOc529yxezSQ1XFtUC1VZy6VFOE4K4IXxo6Kf.png)

7. There is nothing to edit here so click on **Save** and then click on the **APage Link** to view your page

![Click on Save and Link](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/vET9Fy0Bncs9edNry495PmAR3X7aaah0CYR72fVy.png)

8. Your AI support agent button will now be displayed on your **APage Studio** website page

![Chatbot button](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/MnWLkGtUMQlmMEMRVEdYRDpTxidvFf8JQBY5KUzj.png)

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

![Chatbot Dialogue](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/naDuTqAtElnLQyWBs3WjdMAkXmNt5brXCSmE4971.png)

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