Diseñador de Flujos
El diseñador de flujos es una de las herramientas de desarrollo disponibles en uContact, que permite la creación de flujos personalizados con diferentes funcionalidades para utilizar en los diferentes canales, personalizar la validación de la blacklist, creación de webhooks personalizados, ¡y mucho más!
Estructura general del diseñador
La interfaz del diseñador se divide en dos secciones importantes.
- En el sector izquierdo tendremos información relacionada al flujo como su nombre, su estado, contexto, entre otros.
- En el sector derecho tendremos el lienzo donde trabajaremos agregando y conectando actividades para crear diferentes funcionalidades.
Información
Desde aquí, podrás visualizar información relevante del flujo.
- Nombre del flujo: nombre del flujo.
- Contexto: contexto asociado al flujo.
- Estado: indica el estado actual del flujo. Puede ser desarrollo o producción.
- Última producción: última vez que se puso en producción el flujo.
Actividades
Aquí tendrás el listado de actividades que podrás utilizar en el flujo. Solamente aparecerán las actividades que se puedan utilizar en el tipo de flujo que estás creando.
Las actividades se organizan en las siguientes categorías principales:
- Channels: actividades para recibir y enviar mensajes por los distintos canales, gestionar la interacción y ejecutar lógica de negocio (evaluar condiciones, transferir a un agente, ejecutar comandos, consultas o servicios web, etc.).
- Telephony: actividades específicas de telefonía, como atender, transferir, poner en cola o colgar una llamada.
- Programming: actividades de control de flujo y funciones, como definir variables, saltos condicionales (Goto), bucles (While) y las funciones de IVR.
- Recording: actividades para grabar y gestionar grabaciones de la interacción.
- Sounds: actividades para reproducir audios, tonos y música en espera durante el flujo.
- Utils: actividades utilitarias de propósito general, como manipulación de texto, operaciones matemáticas o cifrado.
Puedes acceder al listado de todas las actividades junto con su explicación detallada para conocer como utilizarlas.
Lienzo de trabajo
En el lienzo de trabajo es donde vas a poder arrastrar y unir las actividades para crear las diferentes lógicas de los flujos.
Si tu flujo requiere información sensible de los clientes, te recomendamos no almacenarla en la Base de Datos de uContact por cuestiones de seguridad.
¿Cuales son los tipos de flujos?
Dentro de uContact puedes crear diferentes tipos de flujos. Cada tipo es específico para lograr un objetivo particular. Todos ellos se crean desde el módulo de Automatizaciones.
IVR y Funciones de IVR
Los IVRs se encuentran en la pestaña de automatizaciones. Al crear un nuevo IVR, tendremos la opción de crear un IVR, un IVR simple o una función de IVR. Las funciones son una herramienta para que los desarrolladores gestionen sus IVRs y los hagan más legibles.
El IVR simple no utiliza el lienzo del diseñador de flujos descrito en esta página, sino un editor simplificado en forma de árbol, pensado para menús de opciones sin lógica avanzada.
Bots y Funciones de Bot
Los bots se encuentran en la pestaña de automatizaciones. Al crear un nuevo bot, tendremos la opción de crear un bot o una función de bot. Solo podremos utilizar bots en campañas, y las funciones son simplemente una herramienta para que los desarrolladores gestionen sus flujos y los hagan más legibles. Los bots se ejecutarán al inicio de una interacción o cuando la interacción finalice.
Webhooks
uContact nos permite crear webhooks personalizados. Estos se encuentran en la pestaña de automatizaciones. La URL para acceder a nuestros webhooks será: https://instancia.ucontactcloud.com/api/webhook/{nombreDelWebhook}
Conector
Podemos crear un flujo para cada conector. Veremos un botón de flujo en el formulario del conector que abrirá el diseñador de flujos.
Blacklist
Este es un flujo único que se puede acceder desde la sección de blacklist en la pestaña de campañas.
Por defecto, administrará la blacklist de cada interacción utilizando los datos de la aplicación, pero se puede modificar para utilizar una API o base de datos diferente si se desea.
Configuración de telefonía
Estos flujos se pueden encontrar en la pestaña de configuración en la sección de flujos. Por defecto, veremos varios flujos ya configurados, pero no se recomienda cambiarlos en la mayoría de los casos y utilizar IVRs en su lugar.
Funcionalidades
Dentro del lienzo, tienes varias funcionalidades que puedes utilizar con fines específicos.
Exportar e importar
Podemos exportar simplemente haciendo clic en el botón de exportar, esto descargará un archivo txt que contiene el flujo. Para importar un flujo, se nos pedirá que seleccionemos un archivo, debemos seleccionar un flujo válido que se haya exportado anteriormente.
Zoom
Podemos hacer zoom dentro, hacer zoom fuera y volver al zoom predeterminado con los botones o con ctrl+rueda del ratón. 
Deshacer y rehacer
Podemos deshacer y rehacer una selección utilizando el teclado (ctrl+z ctrl+y o command+z command+y) o presionando los botones en la esquina inferior izquierda. 
Copiar y pegar
Podemos copiar y pegar una selección utilizando el teclado (ctrl+c ctrl+v o command+c command+v) 
O podemos copiar y pegar una actividad específica haciendo clic en el botón de copiar en el menú de la actividad. 
Consola
La consola nos permite depurar el flujo mientras se está ejecutando. 
Para flujos de telefonía, veremos todo el registro de Asterisk y tendremos la opción de filtrar las líneas según nuestras necesidades. Podemos agregar un filtro simplemente escribiéndolo y presionando el botón de añadir. 
Teléfono de prueba
Esta es una herramienta disponible para flujos de telefonía, nos permite realizar una llamada directamente al flujo para que podamos depurarlo en tiempo real.
Log
Esta opción solo estará disponible para flujos de telefonía. Al hacer clic, se mostrará el código de Asterisk para el flujo en la consola del navegador, y se mostrarán bajo cada actividad los pasos que le corresponden.
Usabilidad del diseñador de flujos
Ahora te mostraremos cómo puedes interactuar con el diseñador.
¿Cómo moverme por el lienzo?
Podemos mover el lienzo si presionamos ctrl+clic y arrastramos
¿Cómo seleccionar?
Al hacer clic en el lienzo, comenzaremos una selección. Solo podemos seleccionar actividades (no conexiones o redirecciones), también podemos seleccionar actividades individualmente manteniendo presionado ctrl o cmd.
¿Cómo agregar una actividad?
Para agregar una actividad, debes arrastrarla y soltarla desde el menú de la izquierda. Si pasamos el cursor sobre una actividad, veremos el menú flotante, desde aquí podemos abrir el formulario de la actividad, copiar y pegar la actividad o eliminar la actividad.
¿Cómo mover una actividad?
Para mover una actividad o selección a través del lienzo, simplemente haz clic y arrastra uno de los elementos seleccionados
¿Cómo conectar actividades?
Para conectar dos actividades, debemos hacer clic en el punto de salida a la derecha de una de ellas, luego arrastrar y soltar sobre la otra actividad.
¿Cómo configurar una actividad?
Podemos abrir el formulario de cualquier actividad haciendo doble clic en ella Cada formulario tendrá un campo de descripción y un botón para acceder a la documentación de esa actividad.
¿Cómo eliminar una actividad?
Para eliminar las actividades seleccionadas, podemos presionar la tecla suprimir en el teclado
¡A tener en cuenta!
Generalmente, solo se permite una flecha por salida pero hay algunas actividades que permiten varias flechas. Además, hay actividades que están destinadas a utilizarse al final del flujo, estas no tienen salidas.
¿Cómo guardar el flujo?
Al trabajar en un flujo, hay dos formas diferentes de guardar los cambios.
Guardar los cambios sin subir a producción
Podemos guardar los últimos cambios en el flujo sin implementarlos presionando el botón "Guardar", al guardar de esta manera veremos el estado del flujo como "Desarrollo"
Guardar los cambios y subir a producción
Podemos guardar e implementar los últimos cambios en el flujo presionando el botón 'Producción'; al hacerlo, veremos el estado del flujo como 'Producción'.
Para saber si hay una versión implementada del flujo, podemos ver la fecha en Última producción; si no hay una versión implementada, dirá "Nunca".
Histórico
Si guardamos o implementamos cambios que no se suponía que debían guardarse, podemos revertir fácilmente los cambios haciendo clic en el botón "Abrir histórico".
¿Cómo recuperar una versión de un flujo?
Dentro del histórico, veremos una lista de versiones anteriores del flujo y si estaban en desarrollo o implementadas. Podemos hacer clic en cada una para ver el flujo y si queremos volver a esa versión, simplemente hacemos clic en recuperar.
Después de recuperar el flujo, deberás guardar los cambios.