---
updatedAt: 2025-12-23T08:56:56.000Z
agentTools:
  projectIndex: https://docs.customgpt.ai/llms.txt
---

# Embed AI agent into any website

This step-by-step guide explains how to share your CustomGPT AI agent using a link, embed it into your website or helpdesk, and add it as a live chat widget.

## [\[VIDEO\]](https://www.youtube.com/watch?v=Sr9iZd9fXpA)

## Share link

1. On your CustomGPT.ai dashboard, click the three dots menu.

<Image align="center" border={true} src="https://files.readme.io/36a2fa2522ff9a1290fd7ef9d0f73317b43bc3a9dccbe388e041ddee5a94744f-three_dots_menu.png" className="border" />

2. Click **Deploy Agent** icon.

<Image align="center" border={true} src="https://files.readme.io/9776d83fd0bb0a85ce67671a169d8fdef2b7c46c493931f1b4333d35928fa12a-deploy.png" className="border" />

3. Click the **Make Public** button to enable sharing.

<Image align="center" border={true} src="https://files.readme.io/b4b639ce3fdfd22facf3cbe4c79947402483e7ca720a9b109a18e8dc5bb67f85-make_public.png" className="border" />

4. Scroll down and copy the public link to share your agent.

<Image align="center" border={true} src="https://files.readme.io/4af2e6eb7c5cf3a93846587ff74ce240df2032de7842d1fb025b10f5cd064eb0-share_link.png" className="border" />

<br />

> 📘 Note:
>
> Once the sharing option has been enabled, embedding and live chat will also be enabled.

***

## Live Chat Embed

<br />

1. On your CustomGPT.ai dashboard, click the three dots menu.

<Image align="center" border={true} src="https://files.readme.io/389bec0801a58616e4c5ce5777d815dc5bd48de3615a679ea1b112cf3586dec2-three_dots_menu.png" className="border" />

2. Click the **Deploy** Agent icon for the agent you want to use.

<Image align="center" border={true} src="https://files.readme.io/d50ec5108e8f5769332e0d9fb7a4e2bfeb07d6067b936558783ac2a4484e5cd3-deploy.png" className="border" />

3. Click the **Make Public** button.

<Image align="center" border={true} src="https://files.readme.io/16445521ad5022a0158780ad4d543fd6dd92a91ff1fe7198ed862818041f5876-make_public.png" className="border" />

4. Go to the **Live Chat** section.

<Image align="center" border={true} src="https://files.readme.io/10b512a28f2c8aa948dcc35f06fa2c02e60fc62cb040019781ce9cb7beb15ac1-add_live_chat_deployment_option.png" className="border" />

5. Click the **Settings** icon to adjust your agent's appearance or behavior.

<Image align="center" border={true} src="https://files.readme.io/44b92431a6d143d8bf1d64a0949434c01ace76df152f997adb7ff44ae55e3119-live_chat_settings.png" className="border" />

6. Adjust the chat settings:

* **Agent icon position:** Choose Left or Right.

<Image align="center" border={true} src="https://files.readme.io/f7f5639e9c738b02e66d9abe185b7f0e2226fff5136b5b1dcbff943acfcf60d9-Agent_icon_position.png" className="border" />

* **Agent icon size:** Select Small, Medium, or Large.

<Image align="center" border={true} src="https://files.readme.io/4bf8c9244e6f4273334243cd40c34c68468d1d82a9db9cc4f0a9093476f59ab2-Agent_icon_size.png" className="border" />

* **Chat window position:** Choose between Bubble or Window.

<Image align="center" border={true} src="https://files.readme.io/6ad84fff46a4f82046660c096d6d2ea3235d76ab9e4a54073e1df5f47b10ad1b-Chat_window_position.png" className="border" />

* You can fine‑tune how your agent behavior - see the full guide on **[Configure live chat agent behavior](https://docs.customgpt.ai/docs/configure-live-chat-agent-behavior)**.

<Image align="center" border={false} src="https://files.readme.io/f94e2971388237bc480cb4c1930d259a5fba6ed12c1df75c031ae757aa536117-agent_behaviour.png" />

7. Click **Expert Mode** to customize the AI prompt and behavior.

<Image align="center" border={true} src="https://files.readme.io/85633102c9942b3a7f967fd6cffacc9e76caeb2a8fcf8bc14e67c3b3053f5ad1-custom_context.png" className="border" />

8. Click **Try it out!** to see how your live chat appears to users before deploying.

<Image align="center" border={false} src="https://files.readme.io/8c81cef8ffbaf9d6a599c063935a6c70ddc9b05a029027d6fcb9e7ecbe81bee6-try_it_out_button.png" />

9. Paste the copied HTML script into your website’s HTML where you want the chat widget to appear.

<Image align="center" border={true} src="https://files.readme.io/e5bd2eede2c7612c7c70ceb273d0456c6802b6f68de76de531779668f87ce8ef-paste_the_HTML.png" className="border" />

***

## Embed the AI agent

1. On your CustomGPT.ai dashboard, click the three dots menu.

<Image align="center" border={true} src="https://files.readme.io/389bec0801a58616e4c5ce5777d815dc5bd48de3615a679ea1b112cf3586dec2-three_dots_menu.png" className="border" />

2. Click the **Deploy** Agent icon for the agent you want to use.

<Image align="center" border={true} src="https://files.readme.io/ef55d34c32376057afd5dcc0fc1a9c5cca3e59042a48d51ba9545615d7ab0725-deploy.png" className="border" />

3. Click the **Make Public** button.

<Image align="center" border={true} src="https://files.readme.io/e1ee3bbe522b1d812529871d54bec4211dc6d6c63f7f468abf9b274c70cc8060-make_public.png" className="border" />

4. Click the Embed section.

<Image align="center" border={true} src="https://files.readme.io/9a4bb301a21560421f794de28859924d9d5c1fae9be51f64c45472c370e53ea7-embed_agent_to_website.png" className="border" />

5. Click the **Settings** icon to adjust your agent's settings.

<Image align="center" border={true} src="https://files.readme.io/34af65db51ffed99a18d6ab05b8e33dfd204a65b5c856774fa970bc6315cece7-embed_agent_settings_icon.png" className="border" />

6. You can adjust the size of the embedded agent.

<Image align="center" border={true} src="https://files.readme.io/176d1224021703a2e36e731bcf9feda7d29c81b6f22d3ef247815e5fa25cef3e-embed_agent_settings.png" className="border" />

7. Use Expert Mode for advanced customization options.

<Image align="center" border={true} src="https://files.readme.io/799eb60a6fdda2d1c31dc040fb239afc43f2b1cabec5619172761091e2bfc15d-additional_settings.png" className="border" />

8. Click **Try it out!** to test your embedded agent before adding it to your website.

<Image align="center" border={false} src="https://files.readme.io/65ae7e1f403e943dadb26166cd9e04e4d28d1a3e0aac6d55a992233867a7ce11-Embed_agent_try_it_out.png" />

9. Copy the HTML script and paste it into your website's code

<Image align="center" border={true} src="https://files.readme.io/ecdceea6155814693430d44c4dfb014ef7fc363c07dc0559c7d084690da5eb77-copy_embed_code.png" className="border" />

<br />

<br />

<br />

<Embed url="https://www.youtube.com/watch?v=Sr9iZd9fXpA" href="https://www.youtube.com/watch?v=Sr9iZd9fXpA" typeOfEmbed="youtube" html="%3Ciframe%20class%3D%22embedly-embed%22%20src%3D%22%2F%2Fcdn.embedly.com%2Fwidgets%2Fmedia.html%3Fsrc%3Dhttps%253A%252F%252Fwww.youtube.com%252Fembed%252FSr9iZd9fXpA%253Ffeature%253Doembed%26display_name%3DYouTube%26url%3Dhttps%253A%252F%252Fwww.youtube.com%252Fwatch%253Fv%253DSr9iZd9fXpA%26image%3Dhttps%253A%252F%252Fi.ytimg.com%252Fvi%252FSr9iZd9fXpA%252Fhqdefault.jpg%26key%3D7788cb384c9f4d5dbbdbeffd9fe4b92f%26type%3Dtext%252Fhtml%26schema%3Dyoutube%22%20width%3D%22854%22%20height%3D%22480%22%20scrolling%3D%22no%22%20title%3D%22YouTube%20embed%22%20frameborder%3D%220%22%20allow%3D%22autoplay%3B%20fullscreen%3B%20encrypted-media%3B%20picture-in-picture%3B%22%20allowfullscreen%3D%22true%22%3E%3C%2Fiframe%3E" />