> ## 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 chatbot to Weebly

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

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

## Add your chatbot to your Weebly 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 Weebly

On your dashboard select **Edit site**

![Weebly - Select Edit site on your dashboard.PNG](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/EBqAqFERLkuJOVmRakseFL5mGmJmKHj6A1h5vTUr.png)

1. Drag the **Embed Code** element to your website page. **Note!** This must be done for each page you want to add your chatbot to.

![Weebly - Drag Embed Code to website page.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/y2aEerbFWzmwzWDydbtbFtPuezXoDVJhfqv7BSJg.png)

![Weebly - Embed Code element on website page.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/VogqnUXaIPZBYUn0MFyduaqRt8PnPX8yiSoqOLUN.png)

2. Click on the **Embed Code** element to open the **Custom HTML** editor.

![Weebly - Embed Code modal on website page.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/GFv1OAoldIOqv3XUfBkRpitqc3QaUG6wj0FIIqLd.png)

3. Paste your snippet in the editor text box and click on **Publish** to view your live website page.

![Weebly - Snippet Code in Embed Code modal on website page.png](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/jrEVsfWQgkBpM6sOsR065Opkxx3SS1Y6iKa8GOPK.png)

4. Your chatbot button will now be displayed on your website page.

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

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

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

Your chatbot is now added to your Weebly website and your 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>