On This Page

Click to Pay Drop-In UI
 Flow

To integrate
Unified Checkout
 into your platform, you must follow several integration steps. This section gives a high-level overview of how to integrate and launch
Unified Checkout
 on your webpage and process a transaction using the data that
Unified Checkout
 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
     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: