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

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

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

**Rocket** is a cutting-edge AI-powered no-code platform that empowers users to transform their ideas into fully functional web and mobile applications swiftly and effortlessly. By leveraging natural language prompts or importing Figma designs, Rocket automates the entire development process, from frontend and backend creation to deployment, without requiring any coding expertise.

**Website URL:** [Rocket](https://www.rocket.new/)

## Add your AI support agent to your **Rocket** website

**Please note**: We are not going to edit any **code files** or add any **blocks** or **sections**. We are going to make use of the Rocket **AI** website builder to place the code snippet in the appropriate area of the website code.

This makes the whole process faster and safer. You are not touching any part of the code and the bonus is that if you don't like what you see, you can just ask Rocket to undo (or remove) the code that it added on your instruction. The only thing is you must make sure that your request is properly formulated. We'll see later what we mean by this.

### 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://mintlify.s3.us-west-1.amazonaws.com/espressodev/images/installing-your-chatbot/copy-code.png" alt="Copy code snippet" />

### In Rocket

1. Log into your [Rocket](https://www.rocket.new/) account and click on **My projects**
   ![uploads/help-center/images/0blI0dHopMqEti03RabLED1ZSzkv4nudyiWb20xF.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/0blI0dHopMqEti03RabLED1ZSzkv4nudyiWb20xF.png)

2. Click on **Website** to open the Website editor
   ![uploads/help-center/images/K2VonJOQXMcdwzaIcmhauoFzf3dFaXEKRhwd7poX.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/K2VonJOQXMcdwzaIcmhauoFzf3dFaXEKRhwd7poX.png)

3. Click in the **Ask me ...** text box
   ![uploads/help-center/images/JTmMffP1rpUTCx0b7zGgzHR2ckOSeJ0l6H2vX3Qk.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/JTmMffP1rpUTCx0b7zGgzHR2ckOSeJ0l6H2vX3Qk.png)

4. Enter the following message in the text box as an instruction to Rocket (This messsage tells Rocket exactly what we want it to do for us)

***Please add the following SiteSpeakAI code snippet to be displayed on the website***

Click on **Send**

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

5. Rocket will then reply with a message indicating that you should supply it with the actual code snippet.

(The reason why we do this in 2 parts is that you can't create a new line in your message by means of the ENTER key, similar to Copilot)

Insert the code snippet into the textbox and click again on **Send**

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

6. Rocket will then do it's magic and display the AI support agent button on your website in the editor. It will actually also inform you where it added the code in the code base
   ![uploads/help-center/images/WU5wHk1tjHeJEsSZyck1BgyqIZYJXvPNcTwLuRdn.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/WU5wHk1tjHeJEsSZyck1BgyqIZYJXvPNcTwLuRdn.png)

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

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

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