# Inicio rápido: del registro al widget de chat publicado

> Crea una cuenta de intoCHAT y tu primer agente de IA desde una plantilla, entrénalo con tu web, pruébalo y añade el widget de chat a tu sitio en cinco pasos.

Esta guía te lleva de una cuenta nueva a una burbuja de chat en tu web. Necesitas la dirección de tu sitio y acceso a su HTML, o al panel de administración de WordPress o Shopify.

El plan Free incluye 1 agente, 25 mensajes al mes, 100K caracteres de contenido de entrenamiento y 1 rastreo de la web al mes, suficiente para probar todo el proceso. Los planes de pago están en [Precios](/es/precios).

## 1. Crea tu cuenta

[Regístrate](/es/auth/register) con tu correo electrónico y una contraseña, o con Google. Si te registraste con correo, inicia sesión después. Llegas al **Dashboard**.

El panel está en inglés. Los pasos siguientes citan las etiquetas originales y las explican.

## 2. Crea un agente

1. Haz clic en **New agent** (nuevo agente) en la barra lateral.
2. Elige un punto de partida, por ejemplo **Customer Support Agent** o **Sales Agent**. La plantilla rellena las instrucciones del agente y más adelante puedes cambiar cada palabra. Con **Start from scratch** escribes tus propias instrucciones (mínimo 100 caracteres).
3. Mantén o cambia el nombre propuesto en **Agent name**. También aparece en la cabecera de la ventana de chat, así que elige un nombre que entiendan tus visitantes.
4. Haz clic en **Create agent**.

El nuevo agente se abre en su pestaña **Knowledge** (conocimiento).

## 3. Añade conocimiento y entrena

1. En **Add knowledge**, abre **Website** e introduce tu dirección, por ejemplo `https://example.com`.
2. Haz clic en **Find pages** y revisa la lista. Desmarca las páginas que no ayudan a los visitantes, como el aviso legal o noticias antiguas.
3. Haz clic en **Add … selected pages** y espera a que las páginas muestren **added**.
4. Si quieres, añade archivos, textos o pares de preguntas y respuestas en las otras pestañas.
5. Haz clic en **Train agent** en la parte superior de la pestaña y espera a que el estado indique que todas las fuentes están entrenadas.

Añadir páginas consume uno de tus rastreos mensuales, así que en el plan Free elige bien las páginas. Las fuentes se guardan al añadirlas, pero el agente solo las usa después del entrenamiento. Más información en [Rastreo de la web](/es/docs/website-crawl), [Archivos](/es/docs/files) y [Texto y preguntas](/es/docs/text-and-qa).

## 4. Prueba y ajusta

1. Si has cambiado algo, haz clic en **Save changes** (guardar) en la cabecera. Tu web solo usa los ajustes guardados, mientras que el Playground ya responde con las instrucciones que tienes en pantalla, guardadas o no.
2. Abre el **Playground** y haz las preguntas más habituales de tus visitantes. Comprueba que las respuestas son correctas y que el agente lo reconoce cuando tu contenido no cubre algo.
3. Si una respuesta es incorrecta o vaga, añade en la pestaña **Knowledge** un par de pregunta y respuesta con la respuesta correcta y vuelve a entrenar.
4. En **Appearance** (aspecto), define el mensaje de bienvenida, las preguntas sugeridas y los colores, y guarda.

> Los mensajes del Playground cuentan para tu cuota mensual igual que los de los visitantes.

## 5. Añade el widget a tu web

1. Abre **Share** (compartir) y haz clic en **Copy Code** en la tarjeta **Bubble Chat**. El código ya incluye el ID de tu agente:

   ```html
   <script src="https://www.intochat.ai/api/embed.js" data-chatbot-id="YOUR_AGENT_ID"></script>
   ```

2. Pégalo justo antes de la etiqueta de cierre `</body>`, mejor en un pie de página o archivo de plantilla que usen todas las páginas.
3. Recarga tu web. La burbuja de chat aparece en la esquina inferior, con los colores y la posición de **Appearance**.

> El final del body es el lugar recomendado, pero el script también funciona en el `<head>`: crea la burbuja cuando la página ha cargado. Si el código acaba dos veces en una página, solo aparece una burbuja.

En WordPress puedes usar el plugin oficial y en Shopify pegas el código en tu tema. Consulta [Etiqueta script](/es/docs/script-tag), [WordPress](/es/docs/wordpress) y [Shopify](/es/docs/shopify).

## Duplicar un agente

Para crear un segundo agente a partir de uno que ya tienes, por ejemplo para otro idioma u otra web, ve a **Agents** en la barra lateral, abre el menú de tres puntos del agente y elige **Duplicate**. La copia se abre al momento, con el nombre del original seguido de «(copy)».

- **Se copia:** todos los ajustes, incluidas las instrucciones, los guardrails, el aspecto, la captación de leads y los dominios permitidos, además de las fuentes de conocimiento y las acciones.
- **No se copia:** las conversaciones ni los leads.
- El conocimiento llega ya entrenado, así que la copia responde como el original desde el primer mensaje. Duplicar no vuelve a entrenar nada ni consume rastreos. Las fuentes que aún no estaban entrenadas siguen pendientes en la copia.
- La copia tiene su propio ID de agente, así que necesita su propio código de inserción desde **Share**.

La copia cuenta como uno de los agentes de tu plan. No se puede duplicar si ya has llegado al límite de agentes de tu plan o si el conocimiento del agente supera los caracteres por agente de tu plan. Consulta [Planes y límites](/es/docs/plans-and-limits).

## Próximos pasos

- [Mejora las instrucciones](/es/docs/instructions) para definir el tono y los límites.
- [Capta leads](/es/docs/lead-collection) con un formulario dentro del chat.
- [Lee tus conversaciones](/es/docs/conversations-and-dashboard) para encontrar preguntas que tu contenido aún no responde.
