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

# Guia rapida

> Pon en marcha tu widget de chat IA en 5 minutos.

# Configuracion en 5 minutos

La forma mas rapida de pasar de cero a un widget IA funcionando en tu web.

<Steps>
  <Step title="Crea tu cuenta" icon="user-plus">
    Ve a [bestchatbot.io](https://bestchatbot.io) y pulsa **Empezar**. Registrate con tu **cuenta de Google** o con **email y contrasena**.
  </Step>

  <Step title="Crea un workspace" icon="grid-2">
    Tras iniciar sesion, crea un nuevo workspace. El workspace guarda tu base de conocimiento, ajustes y configuracion del widget.

    <Tip>Cada workspace ejecuta un widget de chat con su propia base de conocimiento aislada. Crea workspaces separados si gestionas varios sitios o marcas.</Tip>
  </Step>

  <Step title="Configura tu widget" icon="window-maximize">
    Desde tu workspace, abre la configuracion del **Web Widget** y rellena:

    * **Nombre**: una etiqueta (p. ej., "Widget de mi sitio")
    * **Origenes permitidos**: los dominios donde el widget puede ejecutarse (soporta comodines como `*.example.com`)
    * **Color primario**: el color de tu marca en hex

    El dashboard genera un snippet de embed unico para ti.
  </Step>

  <Step title="Anade conocimiento" icon="book-open">
    Dale al bot algo de lo que aprender. Dos opciones:

    * **Subir documentos**: arrastra y suelta PDFs, DOCX, TXT o MD
    * **Anadir URLs**: pega una URL y deja que BestChatBot scrapee el contenido (URL directa, sitemap o crawl completo)

    <Note>Tras anadir contenido, pulsa **Reconstruir base de conocimiento** para que el bot procese tus datos.</Note>
  </Step>

  <Step title="Embebe en tu sitio" icon="code">
    Copia el script tag desde la pestana **Instalacion** del widget y pegalo justo antes de la etiqueta `</body>` en cada pagina donde quieras el widget.

    ```html theme={null}
    <script
      src="https://widget.bestchatbot.io/widget/v1/chat.js"
      data-api-key="rk_live_xxxxxxxxxxxxxxxxxxxx"
      defer
    ></script>
    ```
  </Step>

  <Step title="Prueba y publica" icon="circle-check">
    Abre tu web y aparece una burbuja de chat en la esquina inferior derecha. Pulsala y prueba una pregunta. Tambien puedes usar la pagina **Retrieval Testing** del dashboard para hacer pruebas en seco antes de abrirlo a visitantes.

    Cuando estes contento, el widget ya esta en vivo para todos los visitantes de tu sitio.
  </Step>
</Steps>

## Proximos pasos

<CardGroup cols={2}>
  <Card title="Subir documentos" icon="file-arrow-up" href="/es/knowledge-base/upload-documents">
    Aprende a anadir archivos a tu base de conocimiento.
  </Card>

  <Card title="Anadir URLs" icon="globe" href="/es/knowledge-base/add-urls">
    Scrapea contenido de tu web o documentacion.
  </Card>

  <Card title="Personalizar respuestas" icon="sliders" href="/es/customization/response-preferences">
    Define el tono y la longitud de las respuestas del bot.
  </Card>

  <Card title="Ver respuestas del bot" icon="chart-line" href="/es/using-the-bot/bot-responses">
    Monitoriza el rendimiento del widget.
  </Card>
</CardGroup>