Workflows — Automation Builder (Constructor de Automatizaciones)
Sección Albato: Automatizaciones → Constructor URL:
/bundle(dentro del iframe Albato)
1. Estructura de la Automatización
1.1 Encabezado
| Elemento | Descripción |
|---|---|
| Nombre | "Automatización #XXXXXX" (numeración automática) |
| ID | Identificador único (ej.: "762136/384576") |
| Grupo | Dropdown para organizar en grupos (default: "Sin grupo") |
1.2 Tabs del Builder
| Tab | Descripción |
|---|---|
| Constructor | Canvas visual de construcción del workflow (default) |
| Historial | Registros de ejecuciones pasadas |
| Análisis | Métricas y estadísticas de uso |
2. Canvas Visual (Constructor)
2.1 Tecnología
- React Flow — Biblioteca de diagramas interactivos
- Minimapa — Navegación del canvas para workflows grandes
- Soporte de teclado: Flechas para mover nodos, Delete para eliminar, Escape para cancelar
2.2 Nodes del Canvas
Disparador (Trigger)
┌──────────────────────────────────────┐
│ Adicionar um gatilho │
│ 1. Este evento acionará uma │
│ automação │
└──────────────────────────────────────┘| Propiedad | Descripción |
|---|---|
| Posición | Primer nodo del workflow |
| Función | Define el evento que inicia la automatización |
| Obligatorio | Sí (solo 1 por automatización) |
Acción (Action)
┌──────────────────────────────────────┐
│ Adicionar ação │
│ 2. Será executado no seu sistema │
└──────────────────────────────────────┘| Propiedad | Descripción |
|---|---|
| Posición | Después del disparador |
| Función | Operación ejecutada en respuesta al disparador |
| Múltiples | Sí (cuantas quieras) |
2.3 Conexiones (Edges)
- Líneas direccionales que conectan nodos
- Representan el flujo de datos entre trigger → actions
- Admiten condiciones y ramificaciones
3. Panel: Configurar un Disparador
Al hacer clic en "Adicionar um gatilho", se abre un panel lateral:
3.1 Estructura del Panel
| Sección | Descripción |
|---|---|
| Título | "Configurar un disparador" |
| Subtítulo | "Elige una aplicación que envíe los datos y especifica el evento que inicia la automatización." |
3.2 Campos
| Campo | Tipo | Descripción |
|---|---|---|
| Elige una app | Textbox + búsqueda | "Buscar herramienta" — selecciona el app de origen |
| Elige un evento | Dropdown "Seleccionar Evento" | Evento específico que dispara la automatización |
| Hint del evento | Texto | "Este es un evento que activa la transferencia de datos. Por ejemplo: cuando un negocio cambia, surge un nuevo lead, etc." |
| Parámetros de la Clave de Acceso | Sección | Configuraciones de autenticación del app |
3.3 Acciones
| Acción | Descripción |
|---|---|
| Continuar | Botón (deshabilitado hasta configurar app + evento) |
| Cerrar | Ícono X para cancelar |
4. Panel: Configurar una Acción
Similar al panel de disparador, pero para definir la operación de salida:
| Campo | Descripción |
|---|---|
| Elige una app | App de destino |
| Elige una acción | Operación específica (crear, actualizar, enviar, etc.) |
| Mapeo de campos | Vincula datos del trigger a los campos de la acción |
| Parámetros de la Clave de Acceso | Autenticación del app de destino |
5. Barra Inferior (Canvas, Prueba, Ejecutar)
| Botón | Descripción |
|---|---|
| Canvas | Modo de edición visual (default) |
| Prueba | Ejecuta la automatización en modo de prueba con datos de ejemplo |
| Ejecutar | Activa/desactiva la automatización en producción |
6. Escenarios (Scenarios)
| Elemento | Descripción |
|---|---|
| Nombre | "Default" — escenario predeterminado |
| Múltiples escenarios | Permite crear variaciones del mismo workflow |
| Selector | Dropdown para alternar entre escenarios |
Cada escenario puede tener diferentes configuraciones de trigger/actions para el mismo workflow base.
7. Tabs: Historial y Análisis
7.1 Historial
- Registro cronológico de ejecuciones
- Estado de cada ejecución (éxito, fallo, en curso)
- Datos de entrada/salida de cada ejecución
7.2 Análisis
- Métricas de uso de la automatización
- Tasa de éxito/fallo
- Volumen de ejecuciones por período
8. Flujo de Creación de Automatización
1. Criar Automação → Nome automático (#XXXXXX)
2. Opcional: Atribuir a um Grupo
3. Canvas: Adicionar Gatilho
├── Escolher App (ex: WhatsApp, Gmail, HubSpot)
├── Escolher Evento (ex: Nova mensagem, Novo email, Novo contato)
└── Continuar
4. Canvas: Adicionar Ação(es)
├── Escolher App de destino
├── Escolher Ação (ex: Criar contato, Enviar email, Atualizar planilha)
├── Mapear campos (vinculação de dados)
└── Continuar
5. Adicionar mais ações e/ou condições
6. Criar cenários alternativos (opcional)
7. Testar → Executar → Ativar9. Atajos de Teclado (Canvas)
| Tecla | Acción |
|---|---|
| Flechas | Mover el nodo seleccionado |
| Delete | Eliminar nodo o conexión |
| Escape | Cancelar selección/acción |
| Enter/Espacio | Seleccionar nodo o conexión |