Filter by Phase:
👤 User's Browser (Frontend)
⚙️ Payload CMS (Backend)
💳 Razorpay Servers
1User fills form & clicks "Pay"
→
2Receives POST /api/create-order
3Sends Create Order API Call
→
4Returns { order_id }
↓
6Receives { order_id }
←
5Creates 'pending' record in DB
7Initializes Razorpay Checkout
→
→
8User completes payment via Modal
10Receives POST Webhook (event: 'order.paid')
←
9(Async) After payment, sends webhook
↓
11Verifies signature & updates DB record to 'completed'
12Redirected to /thank-you page, then polls for status
→
13Receives poll & returns final status
←
14Receives 'completed' status & displays "Payment Successful"
1
👤 Browser
User fills form & clicks "Pay"
↓
2
⚙️ Backend
Receives POST /api/create-order
↓
3
⚙️ Backend
Sends Create Order API Call
↓
4
💳 Razorpay
Returns { order_id }
↓
5
⚙️ Backend
Creates 'pending' record in DB
↓
6
👤 Browser
Receives { order_id }
↓
7
👤 Browser
Initializes Razorpay Checkout
↓
8
💳 Razorpay
User completes payment via Modal
↓
9
💳 Razorpay
(Async) After payment, sends webhook
↓
10
⚙️ Backend
Receives POST Webhook (event: 'order.paid')
↓
11
⚙️ Backend
Verifies signature & updates DB record to 'completed'
↓
12
👤 Browser
Redirected to /thank-you page, then polls for status
↓
13
⚙️ Backend
Receives poll & returns final status
↓
14
👤 Browser
Receives 'completed' status & displays "Payment Successful"