Conoce Flowbuilder: Primeros pasos y acciones principales
Si estás dando tus primeros pasos enFlowbuilder, es clave entenderdónde se encuentra cada elemento,qué función cumpleycómo se conectan entre sípara que tu bot funcione correctamente.
En este artículo te mostraremos:
Cómo identificar el menú de componentes
Qué controles aparecen en cada componente
Cómo conectar componentes entre sí
Qué acciones rápidas tienes disponibles
Cómo detectar errores fácilmente antes de publicar
👉 Este contenido está pensado como unaguía introductoria. Para configuraciones avanzadas, encontrarás artículos específicos por componente en nuestro Knowledge Base.
🧭 Primeros pasos en Flowbuilder: ubicación de los elementos
🧩 Menú de componentes
Cuando ingresas a Flowbuilder, elmenú lateral de componentes ya se encuentra visibleen el lado izquierdo de la pantalla.
Si en algún momento no lo ves:
Ingresa a tu flujo (si se trata de unFlujo Inbound o entrante: Configuración —> Plataforma —> Bots; allí podrás seleccionar uno existente o Crear un Bot. En caso de unFlujo Outbound o de campañas, ve aCampañas —> Flujoy allí podrás seleccionar entre uno existente oCrear Flujo)
Ubica laflecha naranjaen el lateral izquierdo
Haz clic para desplegar el menú de componentes
Desde este panel podrásarrastrar y soltarlos componentes al lienzo central para comenzar a armar tu flujo.
🛠️ Controles de los componentes (acciones rápidas sobre el lienzo)
Cuando agregas un componente y posicionas el mouse sobre él, aparecen distintoscontroles visualesque te permiten trabajar más rápido:
Seleccionar componente (⚙️):abre la configuración del componente
Clonar (📃):duplica el componente
Intercambiar(↔️):reemplaza el componente por otro sin perder la conexión
Eliminar (🗑):quita el componente del flujo
Signo “+” (➕):permite agregar salidas o acciones adicionales (según el componente)
💡Tip:Utiliza “Intercambiar componente” para ahorrar tiempo cuando necesites cambiar la lógica sin rehacer conexiones.
🔗 ¿Cómo conectar un componente con otro?
🧠 Paso a paso
Coloca los componentes que necesitas en el lienzo
Ubica + en elcírculo de conexiónen la parte inferior del componente
Mantiene presionado y arrastra hacia el componente destino
Suelta cuando veas que el ninguno de los bordes de los componentes a conectar ya no tienen sus bordes rojos.
⚠️ Hack clave: detectar errores de conexión en segundos
Si un flujo tiene componentes o botonessin conectar, Flowbuilder lo detecta automáticamente.
En la parte inferior del editor verás unícono de advertencia (!)
Al hacer clic sobre ese ícono:Se listan los erroresPuedes hacer clic en cada unoFlowbuilder te llevará directo al componente con problema
Se listan los errores
Puedes hacer clic en cada uno
Flowbuilder te llevará directo al componente con problema
👉 Este es uno de los mejores atajos pararevisar flujos antes de publicarlos.
🧩 Componentes disponibles en Flowbuilder
Los componentes permiten sumar lógica, automatizaciones e integraciones a tu flujo.
Algunos de los principales son:
Mensaje
Tipificación
Etapa del cliente
Evaluar respuesta
Intenciones
Smarton
Formatear
Asignación
Petición HTTP
Guardar campo
Condicional
Tiempo de espera
Reconocimiento
Fin de flujo
Etiqueta
Ubicación
Conversion API
Negocios
Componentes HubSpot
💡 Tips útiles al trabajar con componentes
Puedescopiar y pegar uno o más componentesseleccionándolos conCtrl, usandoCtrl + Cpara copiar yCtrl + Vpara pegar. Esto es especialmente útil para reutilizar estructuras similares dentro de un flujo.
Si tienesdos componentes ya conectados, al hacer clic en elícono “+”que aparece entre ellos, se abrirá la opción parainsertar un nuevo componente en el medio, sin necesidad de eliminar o rehacer la conexión existente.
📚 En laKnowledge Base de Atomvas a encontrar un artículo específico para cada componente con su configuración y casos de uso.
⚙️ Funcionalidades especiales
➕ Agregar parámetro
En varios componentes puedes insertar información dinámica usandoAgregar parámetro, con categorías como:
Campos de sistema (nombre, teléfono, email)
Campos personalizados
Propiedades de la conversación
Información del agente
Propiedades de HubSpot (con integración activa)
Esto permitepersonalizar mensajes y acciones automáticamente.
✍️ Formato y estilado de textos
Puedes mejorar la experiencia conversacional aplicando:
Negrita
Cursiva
Tachado
Emojis
⚡ Acciones rápidas sobre los flujos
Desde la columna de acciones puedes:
Ver:visualizar el flujo como imagen
Editar:modificar flujos en borrador o con error
Duplicar:copiar flujos existentes
Simular:probar el flujo sin generar conversaciones reales
Simular con Webhooks:usando token API
Publicar:definir vigencia y activar
Desactivar:detener el flujo
✅ Buenas prácticas generales
No dejes botones sin conexión
Asegúrate de que cada botón tenga una acción coherente
Utiliza nombres claros para los componentes
Simula siempre antes de publicar
Revisa el ícono de errores (!) antes de activar un flujo