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

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

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

**Unbounce** is a conversion optimization platform used to create and manage landing pages. With Unbounce's no-code, AI-powered tools at your fingertips, you can launch, A/B test, and optimize landing pages on your own, in a single platform.

**Website URL**: [Unbounce](https://unbounce.com)

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

1. Log into your **Unbounce** account and on your dashboard, select the page you want to add your AI support agent to
   <img src="https://mintcdn.com/espressodev/fLJmYeGJUO7C3FNo/images/installing-your-chatbot/Unbounce/1-Unbounce-Dashboard-select-page.png?fit=max&auto=format&n=fLJmYeGJUO7C3FNo&q=85&s=a75c6aa4921bcf42d928562e56cf855b" alt="1-Unbounce-Dashboard-select-page" width="1580" height="835" data-path="images/installing-your-chatbot/Unbounce/1-Unbounce-Dashboard-select-page.png" />

2. On the next screen, select **Edit** to start editing your page
   <img src="https://mintcdn.com/espressodev/fLJmYeGJUO7C3FNo/images/installing-your-chatbot/Unbounce/2-Unbounce-Select-Edit.png?fit=max&auto=format&n=fLJmYeGJUO7C3FNo&q=85&s=3df9f772f6f86db376e320c5cf437b32" alt="2-Unbounce-Select-Edit" width="1579" height="835" data-path="images/installing-your-chatbot/Unbounce/2-Unbounce-Select-Edit.png" />

3. Drag the **Custom HTML** item onto your page (you can place it anywhere, it won't display above other sections, it will display at the right hand bottom of the page)
   <img src="https://mintcdn.com/espressodev/fLJmYeGJUO7C3FNo/images/installing-your-chatbot/Unbounce/3-Unbounce-Drag-Custom-HTML.png?fit=max&auto=format&n=fLJmYeGJUO7C3FNo&q=85&s=bfdae5430d010641e6edefdb9fb04aa7" alt="3-Unbounce-Drag-Custom-HTML" width="1229" height="782" data-path="images/installing-your-chatbot/Unbounce/3-Unbounce-Drag-Custom-HTML.png" />

4. Double-click on the Custom HTML placeholder, insert your snippet code in the **Embed Custom HTML Code** box and click on **Save Code**
   <img src="https://mintcdn.com/espressodev/fLJmYeGJUO7C3FNo/images/installing-your-chatbot/Unbounce/4-Unbounce-Insert-snippet-in-Embed-Custom-HTML.png?fit=max&auto=format&n=fLJmYeGJUO7C3FNo&q=85&s=2a80550e9ce209dff973db72820b5cc9" alt="4-Unbounce-Insert-snippet-in-Embed-Custom-HTML" width="1579" height="828" data-path="images/installing-your-chatbot/Unbounce/4-Unbounce-Insert-snippet-in-Embed-Custom-HTML.png" />

5. Click on **Save** to save your changes in the editor
   <img src="https://mintcdn.com/espressodev/fLJmYeGJUO7C3FNo/images/installing-your-chatbot/Unbounce/5-Unbounce-Click-on-Save.png?fit=max&auto=format&n=fLJmYeGJUO7C3FNo&q=85&s=9e3a33ba86c3523df6c9c9083264a274" alt="5-Unbounce-Click-on-Save" width="1580" height="829" data-path="images/installing-your-chatbot/Unbounce/5-Unbounce-Click-on-Save.png" />

6. Click on **Publish** to publish your page
   <img src="https://mintcdn.com/espressodev/fLJmYeGJUO7C3FNo/images/installing-your-chatbot/Unbounce/6-Unbounce-Click-on-Publish.png?fit=max&auto=format&n=fLJmYeGJUO7C3FNo&q=85&s=75a31e16c1bab08b5ec9be3b9679be08" alt="6-Unbounce-Click-on-Publish" width="1580" height="833" data-path="images/installing-your-chatbot/Unbounce/6-Unbounce-Click-on-Publish.png" />

7. Your AI support agent button will now be displayed on your **Unbounce** website page
   <img src="https://mintcdn.com/espressodev/fLJmYeGJUO7C3FNo/images/installing-your-chatbot/Unbounce/7-Unbounce-Agent-Button.png?fit=max&auto=format&n=fLJmYeGJUO7C3FNo&q=85&s=8ae25b93beca44f7c386d6e8d4697fac" alt="7-Unbounce-Agent-Button" width="1578" height="832" data-path="images/installing-your-chatbot/Unbounce/7-Unbounce-Agent-Button.png" />

8. If you click on the button it will display the AI support agent dialogue
   <img src="https://mintcdn.com/espressodev/fLJmYeGJUO7C3FNo/images/installing-your-chatbot/Unbounce/8-Unbounce-Agent-Dialogue.png?fit=max&auto=format&n=fLJmYeGJUO7C3FNo&q=85&s=76c455cfab13726ac55586ff2532acfc" alt="8-Unbounce-Agent-Dialogue" width="1581" height="833" data-path="images/installing-your-chatbot/Unbounce/8-Unbounce-Agent-Dialogue.png" />

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