Caso de uso
Diagramas de flujo de pagos
Autorización, 3-D Secure, captura, reembolsos y webhooks dibujados como flujos que producto, ingeniería, finanzas y soporte pueden leer.
Escenario
Un equipo de producto añade un nuevo checkout: pagos con tarjeta y billetera a través de una pasarela de pago, 3-D Secure en pedidos de riesgo, webhooks asíncronos para captura y reembolsos, y un archivo de liquidación nocturno que finanzas concilia.
Las líneas de vida de secuencia muestran quién llama a quién y en qué orden; los nodos BPMN y Diagrama de flujo muestran adónde van después el estado y el dinero. Mantén la vista de seguridad en el mismo lienzo. Comparte un enlace público con marca o exporta SVG/PNG; Pro añade embeber y PDF/JPEG sin marca de agua.
Lo que dibujas
Diagramas de flujo de pagos
- Cliente, checkout, pasarela y banco como actores y líneas de vida Sequence
- Fragmentos para 3-D Secure, reintentos y rechazos
- Tareas y compuertas BPMN para captura, reembolso y disputas
- Nodos de webhook y cola para actualizaciones de estado asíncronas
- Nodos Security para la bóveda de tokens, el proveedor de identidad y las políticas
- Un nodo Document para el archivo de liquidación que finanzas concilia
Por qué Archboard
Archboard es un espacio de diagramas alojado donde la secuencia de pago, el proceso de liquidación y la vista de seguridad comparten un lienzo y un enlace. Ingeniería, finanzas y soporte leen la misma imagen en lugar de tres diapositivas que se contradicen.
Packs en este lienzo
Secuencia · BPMN · Diagrama de flujo · Seguridad
Todos los packs incluidos están en Free (3 diagramas, 15 nodos de diagrama + 150 notas, textos, pegatinas y temas de mapa mental cada uno, compartir público con marca, edición en vivo con tus agentes de IA). Pro añade diagramas y nodos ilimitados, asientos para que tus compañeros editen en vivo, embeber y exportar sin marca de agua ($10/asiento/mes).
Alcance
Archboard documenta flujos de pago. No procesa pagos, no almacena datos de tarjeta ni ejecuta tu integración. Todavía no hay un conjunto de símbolos de pagos dedicado; hoy el flujo se dibuja con nodos Secuencia, BPMN, Diagrama de flujo y Seguridad. No pongas números de tarjeta reales, claves ni secretos en ningún diagrama.
Cómo va una sesión
Tras iniciar sesión con Google o GitHub, empieza desde la plantilla o un lienzo en blanco
Coloca los actores como líneas de vida y dibuja la autorización del camino feliz
Añade fragmentos para 3-D Secure, reintentos y reembolsos, y luego los webhooks asíncronos
Comparte un enlace en vivo para la revisión y exporta SVG o PNG para el runbook
Plantilla más cercana
Auth Sequence
La plantilla más cercana es el ejemplo Auth Sequence: actores, líneas de vida y fragmentos para un intercambio tipo OAuth. Cambia el nombre de las líneas de vida a cliente, checkout, pasarela y banco, y el orden de los mensajes se mantiene.
Abre una copia editable en tu espacio de trabajo. ¿Nuevo en Archboard? Inicia sesión con Google o GitHub y la copia se abre justo después.
Flujos de pago que todos pueden seguir
Los flujos de pago fallan en la revisión cuando nadie sabe decir, en orden, quién llama a quién. El equipo de checkout dibuja cajas, la documentación de la pasarela muestra otra secuencia y el equipo de finanzas guarda una tercera imagen de la liquidación. Un diagrama de flujo de pagos funciona cuando pone el orden en la página: el cliente, la app del comercio, la pasarela de pago, el procesador y el banco emisor como líneas de vida, con la autorización, 3-D Secure, la captura y el reembolso como mensajes entre ellos. Cuando cambia un paso (una nueva billetera, una nueva regla de reintento), cambia el mismo diagrama.
Dibuja primero el camino feliz: solicitud de autorización, respuesta, captura. Después añade fragmentos para las ramas que causan incidentes: desafíos de 3-D Secure, rechazos temporales con reintentos, tiempos de espera agotados que necesitan claves de idempotencia y reembolsos parciales. El estado asíncrono también va en el mapa: los webhooks y las colas son donde los pagos fallan en silencio, así que dibújalos como nodos de primera clase y no como notas al pie. Mantén el flujo de liquidación y conciliación en el mismo lienzo como un proceso BPMN o Diagrama de flujo, para que finanzas vea el paso que convierte los pagos capturados en dinero en el banco.
Del diagrama de flujo a la revisión y al runbook
Un diagrama de pagos resulta útil cuando circula. Comparte un enlace público con la marca de Archboard con quien revisa la seguridad, exporta SVG o PNG para el runbook de incidentes y guarda una instantánea de revisión antes de cada cambio del flujo, para que la forma anterior quede a un clic. Coloca la vista de seguridad (bóveda de tokens, proveedor de identidad, políticas) junto a la secuencia, para que quienes revisan vean dónde se tokenizan los datos de tarjeta y qué sistemas nunca los tocan. Pro añade inserción para la wiki interna, además de PDF y JPEG sin marca de agua.
Archboard documenta el flujo; no procesa pagos, no guarda datos de tarjeta ni prueba tu integración. Muchos equipos dibujan este mapa antes de una conversación sobre el alcance de PCI DSS; la evaluación en sí sigue en manos de tu evaluador. Todavía no hay un conjunto de símbolos propio para pagos; hoy lo cubren los nodos Secuencia, BPMN, Diagrama de flujo y Seguridad. Inicia sesión con Google o GitHub, empieza con la plantilla más cercana y renombra las líneas de vida según tu checkout.
Abre un ejemplo publicado
- Auth SequenceActores, líneas de vida y fragmentos que puedes renombrar como cliente, checkout, pasarela y banco.
- Zero Trust PerimeterProveedor de identidad, WAF, cortafuegos y bóveda: la vista de seguridad junto al flujo de pagos.
- Streaming Data PlatformColas, temas y almacenes detrás de los webhooks y los archivos de liquidación.
Preguntas
¿Un flujo de pagos debe ser un diagrama de secuencia o un diagrama de flujo?
Ambos, en un solo lienzo. Usa líneas de vida Secuencia para el orden de los mensajes entre cliente, comercio, pasarela y banco, y un proceso BPMN o Diagrama de flujo para la liquidación, los reembolsos y las disputas, donde la pregunta es qué pasa después más que quién llama a quién.
¿Existe un conjunto de símbolos propio para pagos?
Todavía no. Hoy los flujos de pago se dibujan con nodos Secuencia, BPMN, Diagrama de flujo y Seguridad. La plantilla más cercana abre una secuencia de estilo OAuth que puedes renombrar en minutos.
¿Podemos poner datos reales de tarjetas en el diagrama?
No. No pongas números de tarjeta reales, claves ni secretos en ningún diagrama. Etiqueta los flujos con lo que transportan, como una referencia de tarjeta tokenizada o un estado de pago, nunca con los datos en sí.
Abre un lienzo en un minuto
Inicia sesión con Google o GitHub. Gratis para un asiento. Mejora el plan cuando se una el equipo.