Si estás dando tus primeros pasos en Flowbuilder, es clave entender dónde se encuentra cada elemento, qué función cumple y cómo se conectan entre sí para que tu bot funcione correctamente.
🧭 Primeros pasos: Ubicación de los elementos
🧩 Menú de componentes
Cuando ingresas a Flowbuilder, el menú lateral ya se encuentra visible en el lado izquierdo. Si no lo ves, sigue estos pasos según el tipo de flujo:
Flujo Inbound (Entrante): Ve a Configuración —> Plataforma —> Bots. Desde acá puedes seleccionar uno existente (Tres puntos > Editar flujo y publicar) o hacer clic en Crear un Bot.
Flujo Outbound (Campañas): Ve a Campañas —> Flujo y selecciona uno existente (Tres puntos > Editar flujo y publicar) o haz clic en Crear Flujo.
Desplegar menú: Ubica la flecha naranja en el lateral izquierdo y haz clic para mostrar los componentes.
Desde este panel podrás arrastrar y soltar los componentes al lienzo central para armar tu flujo.
🛠️ Controles de los componentes (Acciones rápidas)
Al posicionar el mouse sobre un componente en el lienzo, aparecerán controles visuales para trabajar más rápido:
Seleccionar (⚙️): Abre el panel de configuración.
Clonar (📃): Duplica el componente exacto.
Intercambiar (↔️): Reemplaza el componente por otro sin perder las conexiones establecidas.
Eliminar (🗑️): Quita el componente del flujo.
Signo “+” (➕): Permite agregar salidas, botones o acciones adicionales.
💡 Tip: Usa “Intercambiar componente” para ajustar la lógica rápidamente sin tener que borrar y volver a conectar flechas.
🔗 ¿Cómo conectar componentes entre sí?
Coloca los componentes necesarios en el lienzo.
Ubica el círculo con el signo + en la parte inferior (salida) del componente origen.
Mantén presionado y arrastra la flecha hacia el componente destino.
Suelta cuando los bordes rojos del componente destino desaparezcan, indicando una conexión válida.
⚠️ Hack clave: Detectar errores en segundos
Si tienes componentes o botones sin conectar, Flowbuilder mostrará un ícono de advertencia (!) en la parte inferior. Al hacer clic, se listarán los errores; si seleccionas uno, el editor te llevará directo al componente con el problema. Revisa esto siempre antes de publicar.
🧩 Funcionalidades y herramientas especiales
Componentes principales
Flowbuilder ofrece una amplia gama de opciones como: Mensaje, Tipificación, Etapa del cliente, Evaluar respuesta, Intenciones, Asignación, Petición HTTP, Condicional, Tiempo de espera y conexiones con HubSpot, entre otros.
Tips de edición:
Copiar y pegar: Puedes seleccionar varios componentes con Ctrl, copiarlos con Ctrl + C y pegarlos con Ctrl + V.
Insertar en el medio: Si dos componentes ya están conectados, haz clic en el signo “+” que aparece en la línea de conexión para insertar un nuevo componente entre ellos sin romper el flujo.
Parámetros dinámicos:
Usa Agregar parámetro para insertar información en tiempo real, como:
Campos de sistema (Nombre, teléfono, email).
Propiedades de la conversación y del agente.
Campos personalizados e integraciones (HubSpot).
⚡ Acciones rápidas sobre los flujos
Desde la columna de acciones de la lista de flujos, puedes:
Ver: Visualizar el flujo como imagen.
Editar: Modificar borradores.
Duplicar: Clonar flujos completos.
Simular: Probar el bot sin generar conversaciones reales (puedes usar Webhooks con token API).
Publicar: Definir la vigencia y activar el flujo.
Desactivar: Detener el bot de inmediato.
✅ Buenas prácticas generales
Sin cabos sueltos: No dejes botones o salidas sin conexión.
Coherencia: Asegúrate de que cada respuesta del bot lleve a una acción lógica.
Orden: Utiliza nombres claros en cada componente para facilitar la auditoría.
Prueba antes de publicar: Usa siempre la herramienta de Simular.
¡Ya tienes las bases para automatizar tu atención! 🚀
Con estos primeros pasos dominados, conoces las acciones clave de Flowbuilder. Es momento de construir tu primer flujo conversacional, reducir tiempos de espera y potenciar a tu equipo. ✅