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

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

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

**beefree** is a platform that helps businesses, primarily restaurants and food service providers, easily create and manage online ordering systems without needing to build a website or hire a developer. Think of it as a simplified, all-in-one solution for taking orders online, managing deliveries, and integrating with popular services like Grubhub and DoorDash. It focuses on a clean, mobile-friendly experience for customers.

**Website URL:** [beefree](https://www.beefree.com/)

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

1. On your **beefree** dashboard, move your mouse cursor over the page you want to edit to add your chatbot to

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

2. Select **Edit Page**

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

3. Select the **HTML CONTENT** block

![HTML CONTENT block](https://nyc3.digitaloceanspaces.com/cdn.sitespeak.ai/uploads/help-center/images/1cqHixRyGpIk7iT2sQGRZJ2ahIuGSYbSb00Tb4oc.png)

4. Drag the **HTML CONTENT** block on to your page in an existing column - the editor will display a 'Drag it here' message

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

5. Click on the newly created **HTML** block

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

6. Insert your snippet under **CONTENT PROPERTIES**. Changes are automatically saved.

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

7. Your AI support agent button will now be displayed on your **beefree** website page

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

8. 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/VxLpTRm2Jxr50aTf4DNInPhyveh1AP7sA3WsFEER.png)

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