# 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

![](/files/UIk6mVPNIxDOCJWlaMzv)

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="/files/GgvDNywgylOgBPDgz8hJ" 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="/files/KFuqU29mex3lO81NwU4T" 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**

![](/files/gTeJBYlhs4juJyKFPEmV)

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

<figure><img src="/files/mpvkniB6Z1XJau5ruy2V" alt=""><figcaption><p>Demo of pop-up AI Copilot</p></figcaption></figure>

<figure><img src="/files/UGq5lLTjNMKGa5Mjs6ps" alt=""><figcaption><p>Demo of inline AI Copilot</p></figcaption></figure>

<figure><img src="/files/9NXgDsAkxXvvKcctltba" 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.

![](/files/EMYATbv0oLmaiGBmcU0P)

**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.**


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.gooey.ai/ai-agent/how-to-deploy-an-ai-copilot/deploy-to-web.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.