> ## 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 any HTML website

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

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

**Please Note!** For this process you need to have access to your website's source code.

## Add your AI support agent to your **HTML** 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://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 your website

#### 1. Adding the code

Using a simple editor e.g. **Notepad** (Windows), **TextEdit** (Mac), or a code editor like **VS Code**, add the code snippet to your the website HTML code in the `<head>` or `<body>` section of your HTML file.

```html theme={null}
<!-- 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. Please note

* **Caching:** Browsers often cache (save) files. If you make changes and they don't appear, on Windows you can press F5 (or Shift+F5) or clear your browser's cache (usually in your browser settings).
* **Code Editors:** Using a code editor like **VS Code** will make writing and managing your code much easier. They provide syntax highlighting, error checking, and other helpful features.

***

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