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

> How to add your custom ChatGPT trained AI support agent to your Softr web application interface.

You want to embed your custom trained AI support agent in your **Softr** app interface. Here's how to add an AI support agent to Softr with SiteSpeakAI.

**Softr** is a no-code platform used to build web applications and client portals.

**Website URL**: [Softr](https://www.softr.io/)

## Add your AI support agent to your **Softr** app interface

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

1. On your **Softr** dashboard, select the app to add your AI support agent to
   ![1 - softr.io - Dashboard - Select App.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/q8mpwru7Na2Cr17kbk4ZWmCmRcqTltvu5iJDmoh4.png)

2. On the page editor, select **Settings**
   ![2 - softr.io - Select Settings.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/oYUXvzNDbrznj7TuV3iT8Qqj0OU17WGsXDw2wLIv.png)

3. Scroll down on list and select **Custom Code** to add your snippet code
   ![3 - softr.io - Select Custom Code.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/zTf0UGFTSI5dJ807sm8f7U4qT7IMxCJiNOlsA33H.png)

4. In the **Add Custom Code** text box, insert snippet under **Code inside header** and click on **Save**
   ![4 - softr.io - Insert snippet.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/imMhW2NS821gnO8H7tUgpLCRYwDbdMKhJZrymBUC.png)

5. Click on **Publish** to publish your changes
   ![5 - softr.io - Publish.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/kvI4ia66ualwXJhWnDDEfqljKgibx7rNC9YPqk4D.png)

6. Your AI support agent button will now be displayed on your app interface
   ![6 - softr.io - AI support agent button.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/3HEDlglHRkN3vqzUraNBiGlmB3fCVoa1tZtjTkn5.png)

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

Your AI support agent is now added to your **Softr** app interface 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>
