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

# Instala el widget web

> Agrega el widget de Eva AI a tu sitio para atender visitantes en tiempo real.

El widget es una burbuja de chat que aparece en tu sitio web. Con ella, tu agente atiende a quienes te visitan sin que salgan de tu página.

## Instálalo en tu sitio

<Steps>
  <Step title="Abre el widget de tu agente">
    En el menú lateral entra a **Agentes IA**, abre tu agente, ve a la pestaña **Canales** y en la tarjeta **Widget de chat** haz clic en **Administrar**.
  </Step>

  <Step title="Copia el código">
    Ve a la pestaña **Instalar** y, en **Fragmentos de instalación**, usa **Instalar con script**. Haz clic en **Copiar**.

    <img src="https://mintcdn.com/evaai-85079546/UtT8IQz6tvKOQTNy/images/es/canales/widget-install-1.png?fit=max&auto=format&n=UtT8IQz6tvKOQTNy&q=85&s=88e17d759d772b69c31f5787f4e9aa29" alt="Pestaña Instalar del widget con el fragmento de código listo para copiar" width="2880" height="1800" data-path="images/es/canales/widget-install-1.png" />
  </Step>

  <Step title="Pégalo en tu página">
    Pega el código justo antes de la etiqueta de cierre `</body>` en cada página donde quieras que aparezca el widget. Se ve así:

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

  <Step title="Guarda y publica">
    Publica los cambios de tu sitio. Recarga la página y verás la burbuja de chat en la esquina.
  </Step>
</Steps>

<Note>
  ¿Usas una plataforma como Shopify, WordPress o Wix? Todas permiten pegar este tipo de código; búscalo como "código personalizado", "scripts" o "encabezado y pie de página". Si tienes a alguien que administra tu sitio, compártele el fragmento.
</Note>

## Ajusta cómo se ve

En la pestaña **Estilo** eliges los colores y decides **¿Qué verán tus visitantes?** con tres opciones:

* **Chat completo** — conversan directamente con tu agente.
* **Solo WhatsApp** — el widget los lleva a tu WhatsApp.
* **Apagado** — el widget no se muestra.

<Tip>
  En **Dominios permitidos** agrega las direcciones de tu sitio. El widget solo funcionará en los dominios que autorices, lo que evita que alguien más lo use.
</Tip>