# Deploy to Web

{% embed url="<https://youtu.be/7WQveSxqK6k>" %}

## How to deploy on WEB

#### SET UP DEPLOYMENT CONFIG <a href="#wl0pcjbv3uj2" id="wl0pcjbv3uj2"></a>

1. Click on the Deployments tab
2. Use the “Gooey.AI” button

![](https://662560811-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5BFP5RUm6rTLXk8wUSTf%2Fuploads%2FnX1yvQoKYewwV4FLHZ7v%2FScreenshot%202025-11-07%20at%206.08.10%E2%80%AFPM.png?alt=media\&token=f76855bf-fccb-4663-bba2-05767c2f5a54)

1. This will open the Web widget configuration page. You can add the following details:
   1. Name of the AI agent
   2. Description - this will be the introduction of the agent
   3. By line and website link
   4. Conversation Starters - add some introductory questions for the users

<figure><img src="https://662560811-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5BFP5RUm6rTLXk8wUSTf%2Fuploads%2F36FCcG5LitHFLL5OqrCG%2FScreenshot%202025-11-07%20at%206.23.14%E2%80%AFPM.png?alt=media&#x26;token=5131f8b3-2433-49bb-a55d-a17d660541ca" alt=""><figcaption></figcaption></figure>

1. Hit Update
2. Test your agent here:
   1. Click on the “Message the Agent” button and test the agent.

#### EMBED TO WEBSITE <a href="#l71lp1y6w8k7" id="l71lp1y6w8k7"></a>

<figure><img src="https://662560811-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5BFP5RUm6rTLXk8wUSTf%2Fuploads%2FVR3MrH4eKlp4L5FSEZMP%2F2.png?alt=media" alt=""><figcaption></figcaption></figure>

Once you are happy with the performance of the tests, you can Embed the agent in your production website with just two lines of code.

**Select Embed Settings**

![](https://662560811-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5BFP5RUm6rTLXk8wUSTf%2Fuploads%2FeHEPlIkM5Muend7U8L23%2F3.png?alt=media)

Use the “Embed Settings” to choose between “inline”, “pop-up” or “fullscreen” modes for your chat bot.

<figure><img src="https://662560811-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5BFP5RUm6rTLXk8wUSTf%2Fuploads%2FWgyiZ5K7gYJAwkNaqsjg%2Fpopup.gif?alt=media&#x26;token=5a5139ee-23c0-45bf-9e8b-e0a2b1ae5b06" alt=""><figcaption><p>Demo of pop-up AI Copilot</p></figcaption></figure>

<figure><img src="https://662560811-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5BFP5RUm6rTLXk8wUSTf%2Fuploads%2FtHIaYqNztKO1qYczvTlh%2Finline.gif?alt=media&#x26;token=4ee67cfd-cdf1-420a-9d6f-762fe69f8171" alt=""><figcaption><p>Demo of inline AI Copilot</p></figcaption></figure>

<figure><img src="https://662560811-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5BFP5RUm6rTLXk8wUSTf%2Fuploads%2FSog1qhszZrnamqmXimd9%2FScreenshot%202024-05-25%20at%2011.33.17%E2%80%AFAM.png?alt=media&#x26;token=30c00d52-9631-487d-80e9-5454079dbcc2" alt=""><figcaption><p> Demo of fullscreen AI Copilot</p></figcaption></figure>

**Add the code to the website**

Copy the Embed code from the “Copy Embed Code” button and paste it into your website \`\`\`\<body\`\`\` tag.

![](https://662560811-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5BFP5RUm6rTLXk8wUSTf%2Fuploads%2Fopw6Djba06R1TQ9cO5Iq%2F4.png?alt=media)

**EXAMPLE SNIPPET**

{% code overflow="wrap" %}

```html
<div id="gooey-embed"></div>
<script async defer onload="GooeyEmbed.mount()" src="https://gooey.ai/chat/the-gooeyai-bot-xxx/lib.js/"></script>
```

{% endcode %}

\`\`\`

Your AI AGENT is ready for the world! 😀

**Contact us at <support@gooey.ai> if you would like to connect your agent to a WhatsApp from Gooey.**