¿Cómo conectar componentes, botones y aplicar acciones en Flowbuilder?

En este artículo abordaremos todas las acciones, botones y controles y acceso a componentes que posees en Flowbuilder para poder gestionar tus flujos fácilmente.

Acceso a los componentes

Controles

Funcionalidades especiales: Agregar Parámetro y Formatear Estilado

Componentes

Acciones rápidas

Puntos importantes

Acceso a los Componentes

Para acceder a todos los componentes de Flowbuilder:

1. Ingresa al bot
2. Desliza la flecha naranja que visualizamos en la parte izquierda de nuestra pantalla
3. Se desplegarán todos los componentes.

Controles 

Al agregar un componente y posicionarte con el mouse encima de el, visualizarás una serie de controles útiles que te permitirán agilizar el proceso de armado de tu flujo:

• Seleccionar componente: Accede a las opciones de configuración del componente.
• Clonar componente: Duplica el componente seleccionado.
• Intercambiar componente: Cambia el componente actual por otro. Al hacer clic, se despliega un menú contextual lateral con los demás componentes de Flowbuilder.
• Eliminar: Quita el componente del flujo.
• Signo “+”: Dependiendo del componente, permite agregar elementos adicionales al flujo.

🔤 Límites de texto en botones

Cuando configuras botones en tu flujo, es importante tener en cuenta que estos tienen un límite de caracteres, y si se supera, el botón no mostrará completamente el texto que deseas, lo que puede generar confusión en el usuario.

🧩 Ejemplos prácticos

💡 Recomendaciones

• Probá los mensajes con simulación antes de publicarlos.

• Si necesitás frases más descriptivas, usá un texto explicativo en el mensaje y mantené los botones breves.

• Prioritizá verbos o acciones claras en los botones: Aceptar, Rechazar, Hablar con asesor, Más info, etc.

Funcionalidades Especiales

Agregar Parámetro

En ciertos componentes, encontrarás la funcionalidad de "Agregar Parámetro", que permite desplegar un menú con categorías como:

• Campos de Sistema: Nombre, Teléfono, Correo, entre otros.
• Propiedades de Hubspot: Visible únicamente con la integración activa.
• Campos de Información: Personalizados por el usuario.
• Propiedades de la Conversación: Detalles como canal o fecha de inicio de la última gestión.
• Información del Agente: Datos del agente asignado.

Formato y Estilado

Puedes personalizar textos con negrita, cursiva, tachado o agregar emojis para enriquecer la experiencia conversacional.

Componentes

Ellos te permitirán sumar funcionalidades a tu flujo, con la posibilidad de realizar integraciones, sumar ubicaciones, reconocimientos de usuarios que previamente visitaron tu flujo, entre otras funcionalidades. 

Los componentes que encontrarás en Flowbuilder son los siguientes:

• Mensaje
• Tipificación
• Etapa del cliente
• Evaluar respuesta
• Intenciones
• Smarton
• Formatear
• Asignación
• Petición HTTP
• Guardar Campo
• Inicio de Salto
• Reconocimiento 

• Condicional
• Fin de Flujo
• Tiempo de espera
• Etiqueta
• Conversion API
• Negocios
• Ubicación
• Componentes Hubspot

🧭 ¿Cómo conectar un componente con otro?

1. Colocá los componentes que necesitás en el lienzo del Flowbuilder.

2. Mantené presionado sobre el círculo de conexión que aparece en el borde inferior del componente.

3. Arrastrá el cursor hasta el componente destino.

4. Soltá el cursor cuando se muestre el contorno azul.

Acciones Rápidas en Flowbuilder 

Desde la columna “acciones” puedes realizar lo siguiente: 

• Ver: Permite visualizar el flujo como una imagen.
• Editar: Abre el editor de flujos para realizar cambios. Disponible sólo en flujos en estado "borrador" o "con error".
• Duplicar: Duplica un flujo existente especificando el nombre y el canal.
• Simular un Flujo: Prueba el funcionamiento de un flujo antes de publicarlo. Completa un número de teléfono y campos requeridos para la simulación. Si es exitoso, los bordes de los componentes se colorearán de verde.
• Simulación con Webhooks: Realiza simulaciones con flujos basados en Webhooks, asegurando autenticación mediante un token API generado en "Mi Empresa".
• Publicar: Configura el tiempo del flujo en horas y publícalo.
• Desactivar: Confirma la opción para desactivar el flujo.

✅ Buenas prácticas

• Evitá dejar botones sin conectar a componentes.

• Revisá que cada botón tenga una acción coherente con lo que dice el mensaje.

• Nombrá los componentes de forma clara para facilitar la edición.

🧠 ¿Por qué es importante conectar correctamente los componentes?

La conexión define el recorrido que hará el bot. Si un componente no está vinculado correctamente, la conversación puede quedar inconclusa o detenida.

⚠️ Importante

• Durante la simulación, no se genera una conversación real.
• Solo los usuarios con rol de Administrador pueden acceder al módulo "Mi Empresa" para generar o visualizar el Token API.

Con estas herramientas y controles, podrás optimizar la creación, simulación y gestión de flujos en Atom Flowbuilder, asegurando una experiencia conversacional de alta calidad para tus clientes.

ARTÍCULOS RELACIONADOS:

• Conoce los componentes Evaluar respuesta, Intenciones y Asignación

• Conoce los componentes Petición HTTP, Guardar Campo e Inicio de Salto
• Conoce los componentes Reconocimiento, Condicional, Fin de Flujo y Tiempo de Espera
• Conoce los componentes Etiqueta y Ubicación
• Cómo Configurar Smartons en tus flujos: Guía Paso a Paso