On This Page

Click to Pay Drop-In UI
 Flow

To integrate
Unified Checkout Integration
 into your platform, you must follow several integration steps. This section gives a high-level overview of how to integrate and launch
Unified Checkout Integration
 on your webpage and process a transaction using the data that
Unified Checkout Integration
 collects for you. You can find the detailed specifications of the APIs later in this document.
  1. 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.
  2. You invoke the
    Unified Checkout Integration
     JavaScript library using the JWT response from the capture context request. For information on setting up the client side, see Client-Side Set Up.
  3. You use the response from the
    Click to Pay Drop-In UI
     to retrieve payment credentials for payment processing or other steps.
The figure below illustrates the system's payment flow.

Figure:

Click to Pay
 Payment Flow
Diagram that shows the sequence and flow of a Click to Pay payment.
For more information on the specific APIs referenced, see these topics: