> ## Documentation Index
> Fetch the complete documentation index at: https://docs.goeva.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Install the Web Widget

> Add the Eva AI widget to your website to assist visitors in real time.

The widget is a chat bubble that shows up on your website. With it, your agent helps visitors without them ever leaving your page.

## Install it on your site

<Steps>
  <Step title="Open your agent's widget">
    In the sidebar go to **AI Agents**, open your agent, click the **Channels** tab, and on the **Chat Widget** card click **Manage**.
  </Step>

  <Step title="Copy the code">
    Go to the **Install** tab and, under **Installation snippets**, use **Install with script**. Click **Copy**.

    <img src="https://mintcdn.com/evaai-85079546/UtT8IQz6tvKOQTNy/images/en/channels/widget-install-1.png?fit=max&auto=format&n=UtT8IQz6tvKOQTNy&q=85&s=e56f8672591ce34d643b88fcd1a64341" alt="The widget's Install tab with the code snippet ready to copy" width="2880" height="1800" data-path="images/en/channels/widget-install-1.png" />
  </Step>

  <Step title="Paste it on your page">
    Paste the code right before the closing `</body>` tag on every page where you want the widget to appear. It looks like this:

    ```html theme={null}
    <script src="https://app.goeva.ai/widget.js"></script>
    <script>
      goeva.init({
        agentId: 'YOUR_AGENT_ID',
        position: 'bottom-right'
      });
    </script>
    ```
  </Step>

  <Step title="Save and publish">
    Publish your site's changes. Reload the page and you'll see the chat bubble in the corner.
  </Step>
</Steps>

<Note>
  Using a platform like Shopify, WordPress, or Wix? They all let you paste this kind of code; look for "custom code," "scripts," or "header and footer." If someone manages your site, share the snippet with them.
</Note>

## Adjust how it looks

In the **Style** tab you choose the colors and decide **What will your visitors see?** with three options:

* **Full chat** — they talk directly with your agent.
* **WhatsApp only** — the widget sends them to your WhatsApp.
* **Off** — the widget doesn't show.

<Tip>
  Under **Allowed domains**, add your site's addresses. The widget only works on the domains you authorize, which keeps anyone else from using it.
</Tip>