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

# Instalación del Widget

> Instale el widget de chat de Revol en su sitio web

## Instalación Rápida

Agregue este único script antes de la etiqueta de cierre `</head>` en su sitio web:

```html theme={null}
<script src="https://revol-ai.app/tracker.js"
        data-api-key="YOUR_API_KEY"
        data-company-id="YOUR_COMPANY_ID"
        async>
</script>
```

Este script gestiona tanto el **widget de chat** como el **seguimiento de visitantes** — no se necesita código adicional.

## Configuración

| Atributo          | Requerido | Descripción             |
| ----------------- | --------- | ----------------------- |
| `data-api-key`    | Sí        | Su clave API del widget |
| `data-company-id` | Sí        | Su ID de empresa        |

<Tip>
  Encuentre su clave API y su ID de empresa en **Panel de Administración** → **Configuración General**.
</Tip>

## Qué Se Carga

El script de seguimiento automáticamente:

1. **Inicializa el seguimiento** — sesiones, páginas vistas, eventos
2. **Carga el widget** — burbuja de chat con su apariencia personalizada
3. **Carga módulos de forma diferida** — triggers, overlays, sustitución de teléfono (solo cuando se necesitan)

## Shadow DOM

El widget se renderiza dentro de un contenedor **Shadow DOM**, lo que significa:

* El CSS de su sitio no afectará al widget
* El CSS del widget no afectará a su sitio
* Aislamiento completo de estilos

## Aplicaciones de Página Única (SPA)

El tracker detecta automáticamente los cambios de URL mediante eventos `pushState` y `popstate`. No se necesita configuración adicional para aplicaciones React, Vue o Angular.