On This Page
Click to Pay Drop-In UI Flow
Click to Pay Drop-In UI
FlowTo integrate the
Click to Pay Drop-In UI
into your platform, you must follow
several integration steps. This section gives a high-level overview of how to
integrate and launch Click to Pay Drop-In UI
on your webpage and process a
transaction. You can find the detailed specifications of the APIs later in this
document.- You send a server-to-server API request for a capture context. This request is fully authenticated and returns a JSON Web Token (JWT) that is necessary to invoke the frontend JavaScript library. For information on setting up the server side, see Server-Side Set Up.
- You invoke theUnified CheckoutJavaScript library using the JWT response from the capture context request. For information on setting up the client side, see Client-Side Set Up.
- You use the response fromtheto retrieve payment credentials for payment processing or other steps.Click to Pay Drop-In UI
This figure illustrates the system's payment flow.
Figure:
Click to Pay
Payment Flow For more information on the specific APIs referenced, see these topics: