Comenzando
Esta guía le mostrará cómo crear su cuenta de ChatReact y configurar su primer chatbot con IA.
1. Cree su cuenta
Opciones de registro
ChatReact utiliza autenticación sin contraseña mediante Magic Links:
- Introduzca su dirección de correo electrónico
- Reciba un enlace de inicio de sesión seguro por correo
- Haga clic en el enlace para iniciar sesión - ¡no se necesita contraseña!
Pasos de registro
- Visite chatreact.ai y haga clic en "Start Free Trial"
- Introduzca su dirección de correo electrónico
- Revise su bandeja de entrada y haga clic en el enlace mágico para iniciar sesión
Las cuentas gratuitas incluyen 100 chats por mes y 1 chatbot. No se requiere tarjeta de crédito.
2. Complete la incorporación
Después de registrarse, se le guiará a través del proceso de incorporación:
Paso 1: Su perfil
- Introduzca su nombre (esto se mostrará en su cuenta)
Paso 2: Crear o unirse a una empresa
- Usuarios nuevos: Cree una nueva empresa
- Introduzca el nombre de su empresa
- Opcionalmente introduzca la URL de su sitio web y haga clic en Analyze — ChatReact completará automáticamente el nombre de la empresa, el color de marca, el logotipo y una descripción de la empresa generada por IA, que podrá editar antes de continuar
- Equipo existente: Si un compañero le invitó, abra el enlace de invitación desde su correo para unirse a su empresa — no es necesario crear una empresa
El análisis del sitio web configura el perfil y la identidad de su empresa. Para que su chatbot aprenda del contenido de su sitio, ejecute un escaneo del sitio web en la Base de Conocimientos posteriormente.
3. Cree su primer chatbot
Después de la incorporación, se le dirigirá para crear su primer chatbot usando el Chatbot Wizard.
El asistente le guía a través de 8 pasos sencillos:
| Step | Description |
|---|---|
| 1. Basics | Name and description |
| 2. Persona | Personality and background |
| 3. Tonality | Communication style (formal, humorous, etc.) |
| 4. Languages | Primary and supported languages |
| 5. Design | Widget colors and appearance |
| 6. Behavior | Welcome messages and automation |
| 7. Restrictions | Compliance rules and limitations |
| 8. Summary | Review and create |
Sólo el Paso 1 (Basics) y el Paso 8 (Summary) son obligatorios. Todos los demás pasos pueden configurarse más tarde.
4. Añadir conocimientos
Justo después de que el asistente termine, ChatReact abrirá una Configuración de Conocimientos guiada: escanee su sitio web (previsualice las páginas detectadas y elija cuáles importar) y cargue documentos — o omita y añada conocimientos más tarde.
Puede añadir más conocimientos en cualquier momento para que su chatbot sea más inteligente:
Opción 1: Escanee su sitio web
- Vaya a Knowledge Base en la barra lateral
- Introduzca la URL de su sitio web y haga clic en Preview Pages
- Revise las páginas detectadas y seleccione cuáles importar — las páginas recomendadas están preseleccionadas para usted
- Haga clic en Import Pages y ChatReact extraerá y aprenderá de su contenido
Opción 2: Subir documentos
- Vaya a Knowledge Base en la barra lateral
- Arrastre y suelte sus archivos en la sección Upload Documents
- Formatos compatibles: PDF, TXT, Markdown, CSV, JSON, DOCX (máx. 10 MB por archivo)
Opción 3: Añadir FAQs manualmente
- Vaya a FAQs en la barra lateral
- Haga clic en Add FAQ
- Introduzca pares de pregunta y respuesta
- Su chatbot usará estos para respuestas precisas
Opción 4: Instrucciones principales
- Vaya a Knowledge Base en la barra lateral
- En la sección Core Instructions, haga clic en Add Instruction para añadir reglas específicas que su chatbot debe seguir siempre
- Ejemplos: "Always recommend our premium plan first" o "Never discuss competitor products"
5. Incrustar en su sitio web
Una vez configurado, agregue ChatReact a su sitio web:
<script
src="https://www.chatreact.ai/embed/widget.js"
data-chatbot-id="YOUR_CHATBOT_ID"
async
></script>
¡Eso es todo! Su chatbot con IA ya está en línea.