Braintree Integration Lifecycle - DropIn Checkout Experience

1 2 3 4 5 a. Verify 3DS with nonce b. Make a transaction c. Create payment token

1. 1. Client sends request to server to generate client-token
Customer ID Merchant Account ID (optional) Generate

Please wait...

2. 2. Client gets client token to generate UI
Client Token Generate
Please wait...
Enter Card Details
Card Number
CVV
Valid Thru
3. 3. Client requests for a payment method nonce from Braintree server
Request Payment Method Nonce

Please wait...

Nonce:

Bin:

4. 4. Client sends nonce to server to perform an action: (Select only one action)
5. a. Verify 3DS with nonce
Nonce Verify

Please wait...

Nonce:

6. b. Use nonce to make a transaction sale call
Amount Nonce Checkout

Please wait...

7. c. Create payment token with nonce
Customer ID Nonce Create

Please wait...

8. 5. Server processes action with Braintree Server (Wait for response)

Please wait...