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

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

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

Nicepage is a web design platform that allows you to create websites and landing pages visually, without coding. It offers a drag-and-drop interface and a range of pre-designed templates.

**Website URL:** [Nicepage](https://nicepage.app/)

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

1. Log into your Nicepage account and on the dashboard, select **Site Operations** for the Project you want to add your AI agent to

<img src="https://mintcdn.com/espressodev/cPM3zLvYnHsYdXEi/images/installing-your-chatbot/Nicepage/1-Log-into-your-acc-and-select-Site-Ops.png?fit=max&auto=format&n=cPM3zLvYnHsYdXEi&q=85&s=ff01841e4ecaba1f3c829a13522cf57f" alt="" width="1469" height="739" data-path="images/installing-your-chatbot/Nicepage/1-Log-into-your-acc-and-select-Site-Ops.png" />

2. Select **Site Settings**

<img src="https://mintcdn.com/espressodev/cPM3zLvYnHsYdXEi/images/installing-your-chatbot/Nicepage/2-Select-Site-Settings.png?fit=max&auto=format&n=cPM3zLvYnHsYdXEi&q=85&s=2c905bc1e44c9076701e02c360801130" alt="" width="1470" height="741" data-path="images/installing-your-chatbot/Nicepage/2-Select-Site-Settings.png" />

**Please note**:

In the next step you will have to edit the snippet you copied earlier in this tutorial. Nicepage doesn’t allow the full standard SiteSpeakAI snippet to be added to the website, only the JavaScript code snippet. This means you will have to remove the Comment lines that were added by SiteSpeakAI, i.e. the starting comment line: `<!-- SiteSpeakAI - Add ChatGPT to your website -->` as well as the ending comment line: `<!-- / SiteSpeakAI -->` leaving you with only the script code part, i.e. the `<script type="text/javascript">` .... `</script>` part of the Javascript snippet.

3. On the Site Settings page select **HTML**, insert your AI agent snippet in the **Additional Head HTML** text box, apply the edits as shown and click on **Done**

<img src="https://mintcdn.com/espressodev/cPM3zLvYnHsYdXEi/images/installing-your-chatbot/Nicepage/3-Insert-snippet-remove-lines-and-done.png?fit=max&auto=format&n=cPM3zLvYnHsYdXEi&q=85&s=2bd658313fb65e7085190af04ef1fe13" alt="" width="1471" height="740" data-path="images/installing-your-chatbot/Nicepage/3-Insert-snippet-remove-lines-and-done.png" />

4. Go back to **Site Operations** on your dashboard and click on **Publish**

<img src="https://mintcdn.com/espressodev/cPM3zLvYnHsYdXEi/images/installing-your-chatbot/Nicepage/4-Click-on-Publish.png?fit=max&auto=format&n=cPM3zLvYnHsYdXEi&q=85&s=8571f61ac6c37c9bf606f8b091f520aa" alt="" width="1468" height="740" data-path="images/installing-your-chatbot/Nicepage/4-Click-on-Publish.png" />

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

<img src="https://mintcdn.com/espressodev/cPM3zLvYnHsYdXEi/images/installing-your-chatbot/Nicepage/5-Chatbot-button.png?fit=max&auto=format&n=cPM3zLvYnHsYdXEi&q=85&s=32256212cbe8109e195a9e02d06af557" alt="" width="1472" height="786" data-path="images/installing-your-chatbot/Nicepage/5-Chatbot-button.png" />

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

<img src="https://mintcdn.com/espressodev/cPM3zLvYnHsYdXEi/images/installing-your-chatbot/Nicepage/6-Chatbot-dialogue.png?fit=max&auto=format&n=cPM3zLvYnHsYdXEi&q=85&s=15e931f49e0c055474cdffb4fb32e583" alt="" width="1470" height="783" data-path="images/installing-your-chatbot/Nicepage/6-Chatbot-dialogue.png" />

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