> ## 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 ChatGPT to ZipWP

> How to add your custom ChatGPT trained chatbot to your ZipWp website.

You want to embed your custom trained chatbot in your **ZipWp** website page. Here's how to add ChatGPT to ZipWp with SiteSpeakAI.

## Add your chatbot to your **ZipWp** website

### In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the **Install Chatbot** section in the sidebar and then click on the **Copy Code** button to copy your code snippet.

![Copy JS code](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/1HXVmpV5wlua6ymanEAznNlRUh8JNH6aQo1Ce0Db.png)

### In ZipWp

1. Log into your **ZipWp** account and on the dashboard under **Pages**, select **All Pages**

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

2. Select **Edit** for the page you want to add you chatbot to

![Select edit to edit page](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/ctj3OQ1xHeCIPJqViR0D9jpSeeipQ7OGcAgtyczI.png)

3. In the page editor screen, select **Toggle block inserter**

![Select Toggle block inserter](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/uQzSX8FazDhwDevKQRLeb77cLaDmSKNuC4i6lM5p.png)

4. Select the **Blocks** tab, scroll down on the Blocks list to the **WIDGETS** group and drag the **Custom HTML** block onto your page in the Header section

![Drag Custom HTML onto your page](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/VaQN58nDyMo2YpMBgsbvmyjsnLdIlK4AXqzL8Ahq.png)

5. The Custom HTML block on your page

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

6. Insert your chatbot snippet code into the **Custom HTML** text box and click on **Save**

![Insert your snippet in the Custom HTML text box and click on Save](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/szRy7HWcxkggoXXjAzy3uhqCpY5BPyAMp8p6bJjZ.png)

7. Your chatbot button will now be displayed on your **ZipWp** website page

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

8. If you click on the button it will display the chatbot dialogue

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

Your chatbot is now added to your **ZipWp** 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>