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

> How to add your custom ChatGPT trained AI support agent to your Emergent website or app.

You want to embed your custom trained AI support agent to your **Emergent** website or app. Here's how to add ChatGPT to Emergent with SiteSpeakAI.

**Emergent** lets you build production-ready apps and website/landing pages through conversation.

Chat with AI agents that design, code, and deploy your application from start to finish.

**Website URL:** [Emergent](https://app.emergent.sh/home)

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

1. Log in to your **Emergent** account and on the dashboard select the project you want to edit

<img src="https://mintcdn.com/espressodev/4kSOZYBtJqp_zo5X/images/installing-your-chatbot/Emergent/1-Emergent-Dashboard.png?fit=max&auto=format&n=4kSOZYBtJqp_zo5X&q=85&s=6691eeddb5aeee416cb5c75d2302ecac" alt="Dashboard" width="1918" height="957" data-path="images/installing-your-chatbot/Emergent/1-Emergent-Dashboard.png" />

We are going to use a prompt to instruct the Emergent 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 the AI chatbox and click on **Send message**

<img src="https://mintcdn.com/espressodev/4kSOZYBtJqp_zo5X/images/installing-your-chatbot/Emergent/2-Emergent-AI-prompt.png?fit=max&auto=format&n=4kSOZYBtJqp_zo5X&q=85&s=8b6f5b36f9ce8c8da11499d4be385230" alt="2-Insert-AI-prompt" width="1920" height="958" data-path="images/installing-your-chatbot/Emergent/2-Emergent-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 successfully.

3. Your AI support agent button will now be displayed on your **Emergent** website or app

<img src="https://mintcdn.com/espressodev/4kSOZYBtJqp_zo5X/images/installing-your-chatbot/Emergent/3-Emergent-chatbot-button.png?fit=max&auto=format&n=4kSOZYBtJqp_zo5X&q=85&s=f5e2b3ba7fd8d523fcbc78c36200c9ab" alt="3-chatbot-button" width="1916" height="956" data-path="images/installing-your-chatbot/Emergent/3-Emergent-chatbot-button.png" />

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

<img src="https://mintcdn.com/espressodev/4kSOZYBtJqp_zo5X/images/installing-your-chatbot/Emergent/4-Emergent-chatbot-dialogue.png?fit=max&auto=format&n=4kSOZYBtJqp_zo5X&q=85&s=7a1de2239862fd9d58081a776bd6b2bf" alt="4-Chatbot-dialogue" width="1916" height="956" data-path="images/installing-your-chatbot/Emergent/4-Emergent-chatbot-dialogue.png" />

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