> ## Documentation Index > Fetch the complete documentation index at: https://docs.scrivot.cl/llms.txt > Use this file to discover all available pages before exploring further. # Instalación del widget > Cómo agregar el chatbot de Scrivot a tu sitio web ## Obtener el script El script de instalación se genera automáticamente al crear un chatbot. Para obtenerlo: 1. Ve a **Chatbots** en el dashboard 2. Selecciona tu chatbot 3. Haz clic en **Instalar widget** 4. Copia el snippet generado El snippet tiene este formato: ```html theme={null} ``` El parámetro `jwt` es el **Widget Token** — un JWT que identifica tu chatbot y workspace. Cada chatbot tiene su propio token. *** ## Instalación por plataforma Pega el script antes del cierre de ``: ```html theme={null} ``` En tu layout raíz (`app/layout.tsx`): ```tsx theme={null} import Script from 'next/script' export default function RootLayout({ children }: { children: React.ReactNode }) { return ( {children} ``` O como efecto en el componente raíz: ```tsx theme={null} import { useEffect } from 'react' export function ScrivotWidget() { useEffect(() => { const script = document.createElement('script') script.src = 'https://widget.scrivot.cl/widget.js?jwt=TU_WIDGET_TOKEN' script.async = true document.body.appendChild(script) return () => document.body.removeChild(script) }, []) return null } ``` Ve a **Apariencia → Editor de temas → footer.php** y pega el script antes de ``: ```php theme={null} ``` También puedes usar el plugin **Insert Headers and Footers** para evitar editar el tema directamente. Ve a **Project Settings → Custom Code → Footer Code** y pega el script. *** ## Parámetros del script | Parámetro | Tipo | Requerido | Descripción | | --------- | -------- | --------- | ----------------------------------------------- | | `jwt` | `string` | ✅ | Widget Token del chatbot | | `host` | `string` | ❌ | URL base del servicio widget (para self-hosted) | *** ## Verificar la instalación Después de instalar el script, recarga tu sitio. Deberías ver el botón flotante de Scrivot en la esquina inferior derecha. Si el widget **no aparece**: Ve a **Workspace → Configuración → Dominios** y agrega el dominio donde está instalado. Ver [autorizar dominios](/widget/dominio). Los widget tokens no expiran, pero pueden ser revocados. Regenera el token desde **Chatbots → \[chatbot] → Instalar → Regenerar token**. Abre las DevTools del navegador (F12) → pestaña **Console** y busca errores en rojo. Si ves un error `403`, confirma que el dominio está autorizado.