> ## 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 Hostinger Horizons

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

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

**Hostinger Horizons** is a drag-and-drop website builder designed for ease of use, particularly for beginners. It focuses on creating visually appealing, mobile-responsive websites quickly, without needing coding knowledge. It offers a range of templates, customizable blocks, and integrated features like SEO tools and a blog. It's positioned as a simpler alternative to more complex website builders like Wix or Squarespace, and is tightly integrated with Hostinger's hosting services.

**Website URL:** [Hostinger Horizons](https://horizons.hostinger.com/)

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

1. Log into your **Hostinger Horizons** account and on the dashboard, select **Websites** and click on **Edit website** to start editing your website

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

2. On the website editor page, click on **Code** to edit the website code files

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

**Please note**: We are going to add your AI support agent snippet to your website by means of editing one of the code files. The file we are going to edit is the **index.html** which we all know is quite an important file and could mess up your website if care is no taken properly during editing. This is not for the faint hearted so you will have to be careful when editing these files. In our case we are only going to edit the **index.html** file and insert the AI support agent snippet just below the closing `</body>` tag. We suggest you make a backup of the index.html file before you make any changes to the file. You can do this by copying the index.html file contents and saving it to an offline file on your computer. If something goes wrong you can then just replace the ***messed up*** contents with the original.

3. Select the index.html file, Insert your snippet just below the `</body>` tag and click on **Save**

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

4. Click on **Preview** to preview you website page. This will show the agent button on the normal editor preview page

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

5. Click on **Open preview in new tab** to see a proper display of your AI support agent

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

6. Your AI support agent button will now be displayed on your **Hostinger Horizons** website page

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

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

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

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