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

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

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

**Bludit** is a *free, open-source website builder*. Think of it like WordPress, but you download the software and install it on your own web hosting account instead of using WordPress.com. It's built around a simple, drag-and-drop interface, making it easy to create visually appealing websites without needing to code. It uses Markdown for content formatting, which is a lightweight way to write text.

**Website URL:** [Bludit](https://bludit.com/)

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

1. Open your **Bludit** account and on your dashboard select **Plugins**

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

2. Select **HTML Code** under **ENABLED PLUGINS**. If it does not appear under **ENABLED PLUGINS**, scroll down under **DISABLED PLUGINS** and activate it

![Select HTML Code](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/TO8PxAbRJnFbVeeQKuKgMOEFiIX3z4S5CRDSvPks.png)

3. Insert your snippet inside the **Website** *\<head> \</head>* tag and click on **Save**

![Insert snippet](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/jSogvIIWlsWrDDXKyjJijQ1wInpZra7OX8dQ3yq7.png)

4. Voila! Your AI support agent button will now be displayed on your **Bludit** website page

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

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

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

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