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

> How to add your custom ChatGPT trained AI support agent to your base44 app.

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

**base44** is an AI-powered app builder that lets you create fully functional apps using just your words in minutes. No code required.
Build an app at the speed of thought: Type your idea in plain language and watch it transform into a working app, generating the frontend, backend, data models, and logic in real time. Base44 securely stores your app’s data, manages accounts and logins if you need them, and keeps everything running smoothly.

**Website URL**: [base44](https://app.base44.com/)

## Add your AI support agent to your base44 app

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

1. Log into your **base44** account and on the dashboard select your workspace where your apps live, click on **All Apps** and select the app that you want to add your support agent snippet to

<img src="https://mintcdn.com/espressodev/1R2dtMOWuYutqR6a/images/installing-your-chatbot/base44/1-dashboard.png?fit=max&auto=format&n=1R2dtMOWuYutqR6a&q=85&s=50ca3dd242de7ba172584418ccc31a5e" alt="1-dashboard" width="1564" height="770" data-path="images/installing-your-chatbot/base44/1-dashboard.png" />

We are going to use a prompt to instruct the base44 AI to insert the snippet for us. The prompt consists of the instruction, "Please add the following JS snippet to my app code:" followed by the snippet code as copied at the beginning of this tutorial.

```
Please add the following JS snippet to my app code:

<!-- SiteSpeakAI - Add ChatGPT to your website -->
	<script type="text/javascript">(function()	{d=document;s=d.createElement("script");
	s.src="https://sitespeak.ai/chatbots/##########################.js";
	s.async=1;d.getElementsByTagName("head")[0].appendChild(s);})();</script>
<!-- / SiteSpeakAI -->

```

2. Insert this prompt into AI chatbox and click on **Send message**

<img src="https://mintcdn.com/espressodev/1R2dtMOWuYutqR6a/images/installing-your-chatbot/base44/2-Insert-AI-prompt.png?fit=max&auto=format&n=1R2dtMOWuYutqR6a&q=85&s=d66a478af5a3b9ef098751c59d202667" alt="2-Insert-AI-prompt" width="1917" height="958" data-path="images/installing-your-chatbot/base44/2-Insert-AI-prompt.png" />

It will go through a whole process of inserting your snippet and then display a message indicating that the snippet was added and also display the support Agent button on the Preview page.

3. Click on **Publish** to publish your changes

<img src="https://mintcdn.com/espressodev/1R2dtMOWuYutqR6a/images/installing-your-chatbot/base44/3-Successfully-added-snippet.png?fit=max&auto=format&n=1R2dtMOWuYutqR6a&q=85&s=8ab8c0c34dff1aa541da141884ae754b" alt="3-Successfully-added-snippet" width="1917" height="958" data-path="images/installing-your-chatbot/base44/3-Successfully-added-snippet.png" />

4. Your AI support agent button will now be displayed on your **base44** app page

<img src="https://mintcdn.com/espressodev/1R2dtMOWuYutqR6a/images/installing-your-chatbot/base44/4-chatbot-button.png?fit=max&auto=format&n=1R2dtMOWuYutqR6a&q=85&s=dc9032332003dc8c26c3ad94d03973d0" alt="4-chatbot-button" width="1751" height="951" data-path="images/installing-your-chatbot/base44/4-chatbot-button.png" />

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

<img src="https://mintcdn.com/espressodev/1R2dtMOWuYutqR6a/images/installing-your-chatbot/base44/5-Chatbot-dialogue.png?fit=max&auto=format&n=1R2dtMOWuYutqR6a&q=85&s=067e038c8430aa94c0697b08548bee10" alt="5-Chatbot-dialogue" width="1732" height="953" data-path="images/installing-your-chatbot/base44/5-Chatbot-dialogue.png" />

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