Skip to content
Mermaid templates

Payment with Webhook (Sequence)

Async payment confirmation via a provider webhook.

Template previewMermaid
Rendering…

Make it your own.

sequenceDiagram
    autonumber
    actor U as User
    participant A as App
    participant P as Payment Provider
    U->>A: Place order
    A->>P: Create payment intent
    P-->>A: client_secret
    A-->>U: Show payment form
    U->>P: Submit card details
    P-->>U: 3-D Secure (if needed)
    P->>A: Webhook: payment_succeeded
    A->>A: Mark order paid
    A-->>U: Order confirmed