InicioDocumentación

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.

PlantillaMejor para
En blancoComenzar desde cero
SoporteServicio al cliente y mesa de ayuda
VentasGeneración de leads y ventas
IncorporaciónGuiar a nuevos usuarios y clientes
CorporativoTono 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:

CampoDescripciónEjemplo
NombreNombre visible de su chatbot"Asistente de Soporte"
DescripciónDescripció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:

CampoDescripciónEjemplo
Usar nombre de personaAlternar si el bot se presenta por nombreOn/Off
Nombre de personaEl nombre con el que el bot se presenta (si está activado)"Alex"
RolEl rol que desempeña su bot"Customer Success Manager"
AntecedentesContexto 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:

EstiloMejor para
Profesional y moderno (Predeterminado)Agencias, empresas tecnológicas, B2B
Exclusivo y distinguidoClínicas de belleza, despachos de abogados, hoteles de lujo
Cálido y acogedorNegocios familiares, restaurantes, consultorios médicos
Fresco e informalEstudios de tatuaje, bistrós modernos, startups
PersonalizadoUsa 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):

AjusteBajo (1)Alto (5)
FormalidadCasual, amistosoFormal, profesional
HumorSerio, sin bromasJocoso, ingenioso
VerborragiaBreve, concisoDetallado, exhaustivo
EmpatíaFactual, directoCálido, comprensivo
ProactividadSolo reactivoSugiere 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:

AjusteDescripciónEjemplo
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:

TemaDescripción
PredeterminadoEsquema de colores estándar de ChatReact
EmpresaUsa los colores de marca de su compañía (disponible una vez configurados en Company Settings)
PersonalizadoDesbloquea selectores de color individuales

Cuando se selecciona Personalizado, puede ajustar:

AjusteDescripción
Color primarioColor de acento principal (botones, encabezados)
Color secundarioGradiente y estados hover
Color de fondoFondo de la ventana de chat
Color del textoColor del texto de los mensajes

Ajustes avanzados de color

Expanda las opciones avanzadas para un control más granular:

AjusteDescripción
Mensajes del visitanteColor de fondo y texto de las burbujas de mensaje del visitante
Mensajes del botColor de fondo y texto de las burbujas de mensaje del bot
Color del texto del encabezadoColor 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:

AjusteDescripción
Mensaje de bienvenidaPrimer mensaje mostrado cuando se abre el chat
Mensaje de respaldoRespuesta cuando el bot no puede contestar
Saludo proactivoSaludar automáticamente a los visitantes
Retraso proactivoTiempo de espera antes del saludo (1-10 segundos)
Apertura automáticaAbrir el widget automáticamente
Retraso de apertura automáticaTiempo de espera antes de abrir (1-15 segundos)
Sonido activadoReproducir un sonido de notificación cuando el bot responde
Indicador de escrituraMostrar animación de escritura

Formulario previo al chat

Recopile información del visitante antes de que comience el chat:

  1. Active Formulario previo al chat
  2. Agregue campos (Texto, Email, Teléfono, Área de texto)
  3. 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:

ModoDescripción
CautelosoEl 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.
ConfiadoResponde 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):

  1. Active Habilitar chat en vivo
  2. Elija un Modo de chat en vivo:
ModoDescripción
Solo transferenciaEl bot de IA gestiona conversaciones y transfiere a humanos cuando es necesario
IndependienteChat humano directo, separado del bot de IA
AmbosBot 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:

  1. Escanear sitio web — Ingrese la URL de su sitio web; ChatReact descubre páginas automáticamente y le permite seleccionar cuáles importar
  2. Subir documentos — Añada archivos PDF, DOCX, TXT, MD, CSV o JSON
  3. 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:

  1. Probar - Use la función de Vista previa para probar conversaciones
  2. Insertar - Añada el widget a su sitio web
  3. Iterar - Ajuste la configuración según la retroalimentación

Siguientes pasos