Asistente para Chatbots
El Asistente para Chatbots le guía para crear un chatbot de IA completamente configurado en 8 pasos sencillos.
Solo el Paso 1 (Conceptos básicos) y el Paso 8 (Resumen) son obligatorios: todos los demás pasos tienen un botón Omitir. Desde el Paso 5 (Diseño del widget) en adelante, se muestra una vista previa en vivo de su widget junto al formulario.
Paso 1: Conceptos básicos (Obligatorio)
Partir de una plantilla
En la parte superior del Paso 1 puede elegir una plantilla que rellena el asistente con ajustes optimizados: persona, tonalidad, mensajes de bienvenida y de respaldo, y opciones de comportamiento. Aun así puede ajustar todo en los pasos siguientes.
| Plantilla | Mejor para |
|---|---|
| En blanco | Comenzar desde cero |
| Soporte | Servicio al cliente y mesa de ayuda |
| Ventas | Generación de leads y ventas |
| Incorporación | Guiar a nuevos usuarios y clientes |
| Corporativo | Tono profesional y formal |
La plantilla En blanco está siempre disponible. Las plantillas preconfiguradas están disponibles en planes de pago: el asistente muestra qué plan las desbloquea.
Nombre y Descripción
Configure los ajustes fundamentales para su chatbot:
| Campo | Descripción | Ejemplo |
|---|---|---|
| Nombre | Nombre visible de su chatbot | "Asistente de Soporte" |
| Descripción | Descripción interna para su equipo | "Gestiona consultas de clientes para nuestro producto SaaS" |
El nombre del chatbot se muestra a los visitantes en el encabezado del widget de chat.
Paso 2: Persona
Defina la personalidad y el trasfondo de su chatbot:
| Campo | Descripción | Ejemplo |
|---|---|---|
| Usar nombre de persona | Alternar si el bot se presenta por nombre | On/Off |
| Nombre de persona | El nombre con el que el bot se presenta (si está activado) | "Alex" |
| Rol | El rol que desempeña su bot | "Customer Success Manager" |
| Antecedentes | Contexto sobre la experiencia del bot | "5 años de experiencia ayudando a clientes con problemas técnicos" |
Modo anónimo
Si desactiva Usar nombre de persona, el chatbot no se presentará con un nombre. En lugar de "¡Hola! Soy Alex, su especialista en atención al cliente." dirá simplemente "¡Hola! ¿En qué puedo ayudarle?". El campo del nombre de persona se oculta cuando este interruptor está apagado.
Una persona bien definida hace que las conversaciones se sientan más naturales y ayuda a que la IA mantenga coherencia. Use el modo anónimo si prefiere una experiencia de chatbot más neutral.
Estilo de comunicación
Elija un estilo de comunicación predefinido que establezca el tono general de su chatbot:
| Estilo | Mejor para |
|---|---|
| Profesional y moderno (Predeterminado) | Agencias, empresas tecnológicas, B2B |
| Exclusivo y distinguido | Clínicas de belleza, despachos de abogados, hoteles de lujo |
| Cálido y acogedor | Negocios familiares, restaurantes, consultorios médicos |
| Fresco e informal | Estudios de tatuaje, bistrós modernos, startups |
| Personalizado | Usa sus propias Instrucciones básicas en lugar de un preset |
Cada estilo añade instrucciones detalladas para los prompts con tono, patrones de fraseo y ejemplos apropiados.
Paso 3: Tonalidad
Ajuste finamente el estilo de comunicación de su chatbot usando deslizadores (escala 1-5):
| Ajuste | Bajo (1) | Alto (5) |
|---|---|---|
| Formalidad | Casual, amistoso | Formal, profesional |
| Humor | Serio, sin bromas | Jocoso, ingenioso |
| Verborragia | Breve, conciso | Detallado, exhaustivo |
| Empatía | Factual, directo | Cálido, comprensivo |
| Proactividad | Solo reactivo | Sugiere siguientes pasos |
Paso 4: Idiomas
Configure el soporte de idiomas:
- Idioma principal: El idioma principal para las respuestas (elija entre English, German, French, Spanish, Italian, o Portuguese)
- Idiomas compatibles: Idiomas adicionales en los que su bot puede entender y responder
- Nivel técnico: Un deslizador de Simple a Técnico que determina cuán técnico debe ser el lenguaje del bot
ChatReact soporta los 24 idiomas oficiales de la UE.
Forma de tratamiento
Defina cómo debe dirigirse el chatbot a los visitantes del sitio web:
| Ajuste | Descripción | Ejemplo |
|---|---|---|
| Formal (Sie/Vous) | Forma cortés para comunicación profesional/empresarial | "¿En qué puedo ayudarle?" (Alemán: "Wie kann ich Ihnen helfen?") |
| Informal (Du/Tu) | Tratamiento personal para comunicación informal | "¿Cómo puedo ayudarle?" (Alemán: "Wie kann ich dir helfen?") |
La forma de tratamiento solo se usa en idiomas que tienen distinción formal/informal (p. ej., German, French, Spanish). En English y en idiomas similares, esta configuración no se aplica.
El widget detecta automáticamente el idioma del navegador del visitante y responde en el idioma apropiado.
Paso 5: Diseño del widget
Personalice la apariencia de su widget de chat:
Posición
- Inferior derecha (predeterminado)
- Inferior izquierda
- Inline (Insertado) — El widget se muestra donde se coloca el script de embed, siempre abierto, sin burbuja ni botón de cierre. Ideal para páginas dedicadas al chat o secciones de soporte.
Colores
Elija un Tema de color:
| Tema | Descripción |
|---|---|
| Predeterminado | Esquema de colores estándar de ChatReact |
| Empresa | Usa los colores de marca de su compañía (disponible una vez configurados en Company Settings) |
| Personalizado | Desbloquea selectores de color individuales |
Cuando se selecciona Personalizado, puede ajustar:
| Ajuste | Descripción |
|---|---|
| Color primario | Color de acento principal (botones, encabezados) |
| Color secundario | Gradiente y estados hover |
| Color de fondo | Fondo de la ventana de chat |
| Color del texto | Color del texto de los mensajes |
Ajustes avanzados de color
Expanda las opciones avanzadas para un control más granular:
| Ajuste | Descripción |
|---|---|
| Mensajes del visitante | Color de fondo y texto de las burbujas de mensaje del visitante |
| Mensajes del bot | Color de fondo y texto de las burbujas de mensaje del bot |
| Color del texto del encabezado | Color del texto en el encabezado del widget |
Cada color avanzado puede restablecerse a automático; en ese caso ChatReact elige un color seguro en cuanto a contraste para usted.
Dimensiones
- Radio del borde: Esquinas redondeadas (0-32px)
- Ancho del widget: Ancho de la ventana de chat
- Altura del widget: Altura de la ventana de chat
Marca
- Usar logotipo de la empresa: Mostrar el logotipo de su empresa en el encabezado del widget. Requiere el plan Professional o superior; el logotipo se sube en Company Settings.
- Título del encabezado: Texto en el encabezado del widget
- Subtítulo del encabezado: Texto secundario en el encabezado. Si lo deja sin configurar, el widget muestra un subtítulo predeterminado localizado. Tras la creación, puede ocultar el subtítulo por completo borrando este campo en la configuración del widget.
Cada opción de diseño puede modificarse después de la creación, y allí también están disponibles ajustes adicionales (como una URL de logotipo personalizada y el texto de la burbuja de chat). Consulte Widget Customization para la referencia completa.
Paso 6: Comportamiento
Configure comportamientos automatizados:
| Ajuste | Descripción |
|---|---|
| Mensaje de bienvenida | Primer mensaje mostrado cuando se abre el chat |
| Mensaje de respaldo | Respuesta cuando el bot no puede contestar |
| Saludo proactivo | Saludar automáticamente a los visitantes |
| Retraso proactivo | Tiempo de espera antes del saludo (1-10 segundos) |
| Apertura automática | Abrir el widget automáticamente |
| Retraso de apertura automática | Tiempo de espera antes de abrir (1-15 segundos) |
| Sonido activado | Reproducir un sonido de notificación cuando el bot responde |
| Indicador de escritura | Mostrar animación de escritura |
Formulario previo al chat
Recopile información del visitante antes de que comience el chat:
- Active Formulario previo al chat
- Agregue campos (Texto, Email, Teléfono, Área de texto)
- Marque los campos obligatorios como "Obligatorio" según sea necesario
Después de la creación, puede hacer clic en Traducir con IA en la configuración de comportamiento del chatbot para traducir automáticamente todas las etiquetas de campo y marcadores de posición a sus idiomas compatibles.
Fase de aprendizaje
Omitir fase de aprendizaje: Active esto para iniciar su chatbot con plena confianza desde el primer día — sin respuestas cautelosas. Se muestra una advertencia que le recuerda asegurarse de que su base de conocimiento esté bien preparada antes de lanzarlo.
Si la fase de aprendizaje está activa, puede determinar cómo se comporta el chatbot cuando no está seguro sobre las respuestas:
| Modo | Descripción |
|---|---|
| Cauteloso | El bot es reservado y remite activamente al envío por correo cuando tiene dudas. Añade proactivamente frases de incertidumbre. |
| Equilibrado (Predeterminado, marcado "Recomendado") | Respuestas normales. Solo muestra incertidumbre cuando el usuario cuestiona la precisión. |
| Confiado | Responde como en operación normal. La fase de aprendizaje solo recopila retroalimentación sin cambiar el comportamiento de respuesta. |
Instrucción adicional para la fase de aprendizaje: Texto libre opcional para instrucciones especiales durante la fase de aprendizaje, por ejemplo, "Siempre remitir preguntas sobre precios al equipo."
El modo de la fase de aprendizaje también se puede configurar en la configuración del chatbot después de la creación.
Chat en vivo
Permita que los visitantes hablen con agentes de soporte humanos en tiempo real (requiere el plan Professional o superior):
- Active Habilitar chat en vivo
- Elija un Modo de chat en vivo:
| Modo | Descripción |
|---|---|
| Solo transferencia | El bot de IA gestiona conversaciones y transfiere a humanos cuando es necesario |
| Independiente | Chat humano directo, separado del bot de IA |
| Ambos | Bot de IA con transferencia más chat humano independiente |
Más información en la Live Chat guide.
En planes white-label, el Paso 6 también muestra una sección de Branding con un interruptor para mostrar u ocultar la insignia "Powered by ChatReact" en el widget.
Paso 7: Restricciones y cumplimiento
Establezca reglas y limitaciones:
Temas bloqueados
Temas que su chatbot debe evitar discutir:
- Productos de la competencia
- Asesoramiento legal
- Negociaciones de precios
Buenas prácticas de cumplimiento
Seleccione entre ocho reglas de cumplimiento estándar en la industria:
- No dar asesoramiento legal — recomienda consultar a un profesional legal (preseleccionado)
- No hacer compromisos vinculantes — nunca hace compromisos vinculantes sobre precios, descuentos o entregas (preseleccionado)
- Remitir a soporte humano — ofrece conectar con soporte humano para asuntos sensibles o complejos (preseleccionado)
- No divulgar información interna — no revela información interna de la empresa ni datos confidenciales
- No proporcionar información sobre competidores — no comparte información sobre competidores ni hace comparaciones
- No dar asesoramiento médico — recomienda consultar a un profesional sanitario
- No dar asesoramiento financiero — nunca ofrece asesoramiento financiero o de inversión
- Privacidad de datos — maneja datos personales con cuidado y no solicita información innecesaria
Instrucciones básicas
Reglas personalizadas para su chatbot, gestionadas como una lista:
- Añada, edite o elimine instrucciones individuales
- Active o desactive cada instrucción sin eliminarla
- Haga clic en Mejorar con IA para que sus instrucciones se refinen automáticamente
Ejemplos de instrucciones:
- "Siempre recomiende programar una demo para preguntas complejas"
- "Nunca comparta datos de clientes ni métricas internas"
- "Remita preguntas sobre precios al equipo de ventas"
Las Instrucciones básicas tienen la máxima prioridad y siempre se incluyen en cada respuesta del chat.
Después de la creación, el editor de Instrucciones básicas en la configuración del chatbot admite formato de texto y enlaces clicables (web, correo electrónico y números de teléfono).
Límites de respuesta y transferencia
- Longitud máxima de respuesta: Límite de caracteres para las respuestas (100-2000 caracteres)
- Disparador de transferencia a humano: Describa con sus propias palabras cuándo el bot debe pasar el chat a un humano, p. ej., "Para quejas de producto o solicitudes de reembolso"
- Correo de transferencia a humano: Dirección de correo a la que el bot dirige a los visitantes al transferir a un humano
Paso 8: Resumen (Obligatorio)
Revise todos los ajustes antes de crear su chatbot:
- Verifique todas las configuraciones
- Previsualice el diseño del widget
- Haga clic en Create Chatbot para terminar
Después de la creación
Cuando haga clic en Create Chatbot, se le llevará directamente al asistente Configurar su base de conocimiento, que rellena la base de conocimiento de su chatbot en tres pasos rápidos:
- Escanear sitio web — Ingrese la URL de su sitio web; ChatReact descubre páginas automáticamente y le permite seleccionar cuáles importar
- Subir documentos — Añada archivos PDF, DOCX, TXT, MD, CSV o JSON
- Listo — Continúe a su panel de control
Ambos pasos de contenido se pueden omitir: siempre puede añadir conocimiento más adelante. Consulte la Knowledge Base guide para más detalles.
Desde allí puede:
- Probar - Use la función de Vista previa para probar conversaciones
- Insertar - Añada el widget a su sitio web
- Iterar - Ajuste la configuración según la retroalimentación