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

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

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

**Neocities** is a web hosting service for personal websites. It is ideal for those who want to build from scratch. It’s a 100% free hosting platform and builder that provides an in-browser HTML editor, allowing total control over your raw HTML and CSS.

**Website URL:** [Neocities](https://neocities.org/)

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

<Note>
  **Neocities** doesn't have any elements or items you add to your page. Similar to the tutorial for [Any Html website](https://sitespeak.ai/docs/installing-your-chatbot/how-to-add-chatgpt-to-any-html-website), it allows you to add your snippet to your website by adding the code to your page HTML code via the HTML Page editor.

  This needs some precautions to be taken because if you make changes to your HTML code, it could have adverse effects on the status of your website.

  We therefore suggest that when you have opened your website in the Page editor, copy your HTML code and save it offline in a text file as a backup in case something goes wrong during the edit process.
</Note>

1. Log into your Neocities account and on your dashboard, click on **Edit Site**

<img src="https://mintcdn.com/espressodev/OlSi4HM0LrWPJGAt/images/installing-your-chatbot/Neocities/1-Neocities-Select-Edit-Site.png?fit=max&auto=format&n=OlSi4HM0LrWPJGAt&q=85&s=c7e8a3d01579bea4ff737df518f629aa" alt="1-Neocities-Select-Edit-Site" width="1316" height="748" data-path="images/installing-your-chatbot/Neocities/1-Neocities-Select-Edit-Site.png" />

2. On the Editor page, move your mouse over the index.html file and click on **Edit** to open the HTML page editor

<img src="https://mintcdn.com/espressodev/OlSi4HM0LrWPJGAt/images/installing-your-chatbot/Neocities/2-Neocities-Click-on-Edit.png?fit=max&auto=format&n=OlSi4HM0LrWPJGAt&q=85&s=ef143be9423984873d7b585e248bab51" alt="2-Neocities-Click-on-Edit" width="1317" height="749" data-path="images/installing-your-chatbot/Neocities/2-Neocities-Click-on-Edit.png" />

<Note>
  As mentioned above, copy the current contents and save it offline in a text file.
</Note>

3. Find the `</head>` tag, insert your snippet just above this line and click on **Save**

<img src="https://mintcdn.com/espressodev/OlSi4HM0LrWPJGAt/images/installing-your-chatbot/Neocities/3-Neocities-Insert-Snippet.png?fit=max&auto=format&n=OlSi4HM0LrWPJGAt&q=85&s=c87923e6c95735add8ca995b335d5467" alt="3-Neocities-Insert-Snippet" width="1318" height="747" data-path="images/installing-your-chatbot/Neocities/3-Neocities-Insert-Snippet.png" />

4. Click on **View** to preview your changes

<img src="https://mintcdn.com/espressodev/OlSi4HM0LrWPJGAt/images/installing-your-chatbot/Neocities/4-Neocities-Click-on-View.png?fit=max&auto=format&n=OlSi4HM0LrWPJGAt&q=85&s=db99f0013b164ab13873804e1fe4fab5" alt="4-Neocities-Click-on-View" width="1319" height="747" data-path="images/installing-your-chatbot/Neocities/4-Neocities-Click-on-View.png" />

5. Your AI support agent button will now be displayed on your **Neocities** website page

<img src="https://mintcdn.com/espressodev/OlSi4HM0LrWPJGAt/images/installing-your-chatbot/Neocities/5-Neocities-Button.png?fit=max&auto=format&n=OlSi4HM0LrWPJGAt&q=85&s=143d2272ba2775588b7b5eeb3d6a92e7" alt="5-Neocities-Button" width="1315" height="749" data-path="images/installing-your-chatbot/Neocities/5-Neocities-Button.png" />

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

<img src="https://mintcdn.com/espressodev/OlSi4HM0LrWPJGAt/images/installing-your-chatbot/Neocities/6-Neocities-Dialogue.png?fit=max&auto=format&n=OlSi4HM0LrWPJGAt&q=85&s=6299cea4eca352433bbfc0816339756f" alt="6-Neocities-Dialogue" width="1322" height="748" data-path="images/installing-your-chatbot/Neocities/6-Neocities-Dialogue.png" />

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