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

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

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

**Scene** is a no-code, AI-powered website builder designed specifically to help designers, freelancers, and agencies create, collaborate on, and launch websites from a single canvas. It focuses on bridging the gap between design and development by offering AI-assisted workflows and real-time collaboration tools

**Website URL:** [Scene](https://www.scene.io/)

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

### In Scene

1. Log into your **Scene** account and on your dashboard select **Edit in canvas** for the website you want to edit

![Click on Edit in canvas](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/JYpoWtJqcZdKLgRrYlT9CSxdyG91ZM3BkHjVFiam.png)

2. Click on **Blocks B** to display a list of available Blocks to add to your Scene website

![Click on Blocks B](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/iZAILlp8ON5K7ZUm7wOM9F67rm7bxrw7YJVa0Y8j.png)

3. Under the **Blocks** tab, scroll down on the list of blocks until you find **Embeds** (you can also enter **Embeds** in the search option to speed up your search). Drag the **Embeds** block onto your page just above the Box Header

![Drag the Embeds block onto your page](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/SHR7XXPAd6eQsjCoxheSFpnyf2TOeDx3hq3Cpcer.png)

4. Click on **Embed** in the Site map and insert your AI support agent snippet in the **Embed HTML code** text box

![Select Embed in Site map and insert your snippet](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/jbBoUQIDHi7zu0nPXhkzvOlYWjrURPMaCamqUqZe.png)

5. Click on **Preview** to preview your page with your AI support agent installed

![Click on Preview to preview your page](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/lm2WNZ4edWUobFwqfPTcArJtxCBNL9objENFYlJp.png)

6. Your AI support agent button will now be displayed on your **Scene** website page

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

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

![Chatbot dialogue on your page](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/UOvFhjfP7ZOBAWFqPB5chqjnDgaf7Uid7IyDf9lx.png)

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