Centro de ayuda de Chatim

Constructor de Chatbot

El Constructor de Chatbot es un editor visual de arrastrar y soltar que le permite crear flujos de conversación automatizados para su widget de chat. Cree chatbots interactivos sin ningún conocimiento de programación.

Descripción general

El Constructor de Chatbot utiliza un editor visual basado en nodos donde usted:

  1. Agrega diferentes tipos de pasos (nodos) a su flujo
  2. Conecta nodos para crear rutas de conversación
  3. Configura cada nodo con mensajes, opciones y acciones
  4. Guarda y previsualiza su chatbot

Primeros pasos

Acceder al constructor

  1. Inicie sesión en su panel de Chatim
  2. Seleccione su proyecto desde la barra lateral
  3. Haga clic en Chatbot en el menú de navegación

Descripción de la interfaz

ElementoDescripción
Barra de herramientasMenú superior con botones de Plantillas, Vista previa, Agregar, Centrar y Guardar
LienzoEspacio de trabajo principal donde construye su flujo
NodosPasos individuales en su flujo de conversación, cada uno codificado por color según su tipo
ConexionesLíneas que conectan nodos para mostrar la ruta del flujo
MinimapaPequeña vista general en la esquina para navegar flujos grandes

Acciones de la barra de herramientas

Plantillas

Haga clic en Plantillas para explorar flujos de chatbot prediseñados. Las plantillas le ayudan a comenzar rápidamente con casos de uso comunes como generación de leads, bots de preguntas frecuentes, reserva de citas y más. Consulte Plantillas de chatbot para ver la lista completa.

Nota: Cargar una plantilla reemplazará su flujo actual. Se le pedirá que guarde los cambios no guardados primero.

Vista previa

Haga clic en Vista previa para probar su chatbot en una nueva pestaña del navegador. Esto abre una página de vista previa donde puede interactuar con su chatbot exactamente como lo experimentarán los visitantes.

Agregar

Haga clic en Agregar para abrir un panel con todos los tipos de nodos disponibles. Haga clic o arrastre un tipo de nodo para agregarlo a su lienzo.

Centrar

Haga clic en Centrar para hacer zoom y desplazar el lienzo de modo que todos sus nodos quepan en la pantalla. Útil cuando trabaja con flujos grandes.

Guardar

Haga clic en Guardar para guardar la configuración de su chatbot. El botón de guardar se vuelve verde cuando tiene cambios sin guardar.

Importante: Siempre guarde sus cambios antes de salir de la página. Los cambios no guardados se perderán.

Tipos de nodos

Nodo de inicio

El nodo Inicio se crea automáticamente y marca el comienzo de su flujo de conversación. Cada chatbot debe tener exactamente un nodo de Inicio. No se puede eliminar ni editar y tiene una única salida que se conecta a su primer paso.

Nodo de mensaje

Muestra un mensaje de texto al visitante. Admite formato de texto enriquecido: negrita, cursiva, subrayado, enlaces, listas ordenadas y con viñetas. Avanza automáticamente al siguiente nodo conectado después de mostrarse.

Casos de uso: Mensajes de bienvenida, entrega de información, instrucciones, transiciones entre secciones de conversación.

Nodo de selección (opción múltiple)

Presenta al visitante múltiples opciones en las que puede hacer clic. Cada opción crea una salida separada en el nodo, lo que le permite crear rutas de conversación ramificadas.

Configuración:

  • Mensaje — Texto opcional mostrado antes de las opciones (texto enriquecido)
  • Opciones — Lista de opciones que el visitante puede seleccionar

Casos de uso: Preguntas de calificación, menús de navegación, respuestas rápidas, rutas de conversación ramificadas.

Nodo de formulario

Recopila información de los visitantes a través de campos de formulario. La configuración tiene dos pestañas: Mensaje (texto de introducción opcional) y Campos.

Tipos de campos compatibles:

TipoDescripciónCaso de uso
TextoEntrada de texto de una líneaNombre, empresa
EmailEntrada de email con validaciónEmail de contacto
TeléfonoEntrada de número de teléfonoTeléfono de contacto
Área de textoÁrea de texto multilíneaMensajes detallados
CasillaCasilla de verificación Sí/NoAceptación de términos, consentimiento

Cada campo admite una etiqueta, marcador de posición, texto de ayuda y un interruptor de obligatorio.

Nodo de notificación

Activa notificaciones y actualiza el estado del visitante cuando se alcanza en el flujo. Este nodo se ejecuta silenciosamente en segundo plano y avanza automáticamente al siguiente paso.

Configuración:

  • Cambio de estado — Establece el estado del visitante (Nuevo, Lead, Cliente, Cerrado, Archivado)
  • Notificaciones push — Habilita notificaciones push del navegador con un mensaje personalizado
  • Notificaciones por email — Agrega una o más direcciones de email para recibir alertas

Nodo de chatbot IA

Transfiere la conversación a un chatbot impulsado por IA que puede responder preguntas basándose en su Base de conocimientos.

  • Mensaje de bienvenida — Mensaje opcional mostrado cuando la IA toma el control
  • La IA toma el control de la conversación permanentemente — el flujo basado en reglas no se reanuda

Casos de uso: Soporte automatizado 24/7, respuesta de preguntas frecuentes, consultas de información de productos, cobertura fuera de horario.

Nodo de chat en vivo

Transfiere la conversación a un agente humano en vivo de su equipo.

  • Mensaje de espera — Mensaje mostrado mientras se espera a un agente
  • Mensaje de notificación — Mensaje opcional en la notificación push enviada a su equipo
  • El chat cambia al modo en vivo permanentemente — el flujo basado en reglas no se reanuda

Nodo de carrusel

Muestra un conjunto desplazable de tarjetas con imágenes, descripciones y botones de acción.

  • Mensaje de introducción — Texto opcional mostrado antes del carrusel
  • Elementos — Una o más tarjetas, cada una con una URL de imagen, título, descripción y hasta 2 botones

Tipos de botones: Botón URL (abre un enlace) o Botón de flujo (continúa al siguiente nodo, creando una salida separada como las opciones de Selección).

Casos de uso: Exhibición de productos, ofertas de servicios, destacados de funciones, exhibición de portafolio.

Construir su flujo

Agregar nodos

  1. Haga clic en Agregar en la barra de herramientas
  2. Se abre un panel mostrando todos los tipos de nodos disponibles
  3. Haga clic en un tipo de nodo para agregarlo al lienzo, o arrástrelo
  4. El lienzo se reorganiza automáticamente para mantener su flujo ordenado

Conectar nodos

  1. Haga clic en el puerto de salida (lado derecho) de un nodo
  2. Arrastre al puerto de entrada (lado izquierdo) de otro nodo
  3. Suelte para crear la conexión

Consejos:

  • Los nodos de Selección y Carrusel pueden tener múltiples salidas (una por opción o botón de flujo)
  • Los nodos de Chatbot IA y Chat en vivo no tienen salida — son pasos terminales
  • Otros nodos tienen una única salida que avanza automáticamente

Editar nodos

  1. Haga clic en el botón Editar en cualquier nodo
  2. Un panel de configuración se desliza abierto a la derecha
  3. Realice sus cambios
  4. Haga clic en Guardar en el panel

Eliminar nodos

Haga clic en el botón Eliminar en un nodo para eliminarlo. El nodo de Inicio no se puede eliminar.

Mejores prácticas

Manténgalo simple

  • Limite el número de pasos para no abrumar a los visitantes
  • Use mensajes claros y concisos
  • Ofrezca un máximo de 3-5 opciones en los nodos de selección

Diseñe para móvil

  • Mantenga los mensajes cortos (visibles en pantallas pequeñas)
  • Use campos de formulario simples
  • Pruebe en dispositivos móviles

Guíe la conversación

  • Siempre proporcione un siguiente paso claro
  • Use nodos de selección para dirigir el flujo
  • Incluya una opción para hablar con un humano usando el nodo de Chat en vivo

Recopile información estratégicamente

  • No pida demasiada información a la vez
  • Explique por qué necesita la información
  • Marque solo los campos esenciales como obligatorios

Pruebe exhaustivamente

  1. Use el botón de Vista previa con frecuencia
  2. Pruebe todas las rutas de conversación
  3. Verifique que se reciban las notificaciones
  4. Compruebe tanto en escritorio como en móvil

Patrones de flujo comunes

Calificación de leads

Start → Welcome Message → "What brings you here?" (Selection)
  ├─ "Pricing inquiry" → Contact Form → Notification (Lead) → Thank You
  ├─ "Product demo" → Demo Form → Notification (Lead) → Confirmation
  └─ "Support" → AI Chatbot

Soporte al cliente con escalamiento

Start → Welcome Message → "How can we help?" (Selection)
  ├─ "Quick question" → AI Chatbot
  ├─ "Return an item" → Return Form → Notification → Instructions
  └─ "Talk to someone" → Live Chat

Exhibición de productos

Start → Welcome Message → Carousel (3 products)
  ├─ "View Product A" (URL) → opens product page
  ├─ "Learn More about B" (Flow) → Details Message → Contact Form
  └─ "Get a Quote" (Flow) → Quote Form → Notification (Lead)

Solución de problemas

El flujo no funciona

  1. Asegúrese de que todos los nodos estén conectados
  2. Verifique que el nodo de Inicio tenga una conexión de salida
  3. Compruebe que los campos obligatorios estén configurados correctamente
  4. Guarde sus cambios y pruebe de nuevo

Las notificaciones no se envían

  1. Verifique que las direcciones de email sean correctas
  2. Revise las carpetas de spam/correo no deseado
  3. Asegúrese de que las notificaciones push estén habilitadas en la configuración de su navegador
  4. Confirme que los miembros del equipo hayan aceptado los permisos de notificaciones push

La vista previa muestra la versión anterior

  1. Asegúrese de haber guardado los cambios recientes
  2. Actualice la página de vista previa
  3. Limpie la caché del navegador si es necesario

Comenzar

Chatim chat en vivo con automatización de chatbot

Genera más clientes potenciales y mejora la interacción con los clientes utilizando un software de chat en vivo con automatización de chatbot.