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

# Inicio rápido

> Ten tu chatbot funcionando en 10 minutos

## Paso 1 — Crea tu cuenta

Ve a [app.scrivot.cl](https://app.scrivot.cl) y regístrate con tu correo. Recibirás un correo de confirmación para activar tu cuenta.

<Note>
  Si no ves el correo en tu bandeja de entrada, revisa la carpeta de spam o usa **Reenviar confirmación** en la pantalla de inicio de sesión.
</Note>

***

## Paso 2 — Crea un chatbot

Desde el panel, ve a **Chatbots → Nuevo chatbot** y configura:

* **Nombre** del chatbot (visible internamente)
* **Idioma principal**
* **Instrucción del sistema** — define la personalidad y el comportamiento del asistente

<Tip>
  La instrucción del sistema es clave. Ejemplo: *"Eres un asistente de soporte de Acme Corp. Solo respondes preguntas relacionadas con nuestros productos."*
</Tip>

***

## Paso 3 — Agrega intenciones

Las intenciones son los temas y respuestas que conoce tu chatbot. Ve a **Intenciones → Nueva intención** y escribe preguntas frecuentes junto con sus respuestas.

Cuantas más intenciones y más detalladas sean, mejor será la calidad de las respuestas.

***

## Paso 4 — Copia el script de instalación

Ve a **Chatbots → \[tu chatbot] → Instalar**. Verás algo así:

```html theme={null}
<script
  src="https://widget.scrivot.cl/widget.js?jwt=TU_TOKEN_DE_WIDGET"
  async
></script>
```

Copia ese snippet — el JWT es único para tu chatbot y espacio de trabajo.

***

## Paso 5 — Agrega el script a tu sitio

Pega el snippet **antes del cierre de `</body>`** en tu HTML:

```html theme={null}
<!DOCTYPE html>
<html>
  <head>...</head>
  <body>
    <!-- Tu contenido -->

    <script
      src="https://widget.scrivot.cl/widget.js?jwt=TU_TOKEN_DE_WIDGET"
      async
    ></script>
  </body>
</html>
```

Para **Next.js**, usa el componente Script:

```tsx theme={null}
import Script from 'next/script'

export default function Layout({ children }) {
  return (
    <html>
      <body>
        {children}
        <Script
          src="https://widget.scrivot.cl/widget.js?jwt=TU_TOKEN_DE_WIDGET"
          strategy="lazyOnload"
        />
      </body>
    </html>
  )
}
```

***

## Paso 6 — Autoriza tu dominio

Ve a **Espacio de trabajo → Configuración → Dominios autorizados** y agrega el dominio donde instalaste el widget (por ejemplo, `miempresa.cl`).

<Warning>
  Sin el dominio autorizado, el widget mostrará un error al intentar cargar. Ver [dominios autorizados](/widget/dominio).
</Warning>

***

## ¡Listo! 🎉

El widget debería aparecer como un botón flotante en la esquina inferior derecha de tu sitio.

<CardGroup cols={2}>
  <Card title="Personalizar apariencia" icon="palette" href="/widget/apariencia">
    Cambia colores, mensajes y comportamiento
  </Card>

  <Card title="Ver planes" icon="credit-card" href="/planes">
    Conoce los límites y beneficios de cada plan
  </Card>
</CardGroup>
