Unified Checkout
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.
The integration flow consists of three events:
  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 in order 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 process the payment.
If you want to retrieve the billing and shipping information captured by
Unified Checkout
, you can use the payment details API.
The figure below shows the
Unified Checkout
payment flow.

Figure:

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

Enabling
Unified Checkout
in the
Business Center

To begin using
Unified Checkout
, you must first ensure that your merchant ID (MID) is configured to use the service and that any payment methods you intend to use are properly set up.
  1. Log in to the
    Business Center
    :
    If you are unable to access this page, contact your sales representative.
  2. In the
    Business Center
    , go to the left navigation panel and choose
    Payment Configuration
    >
    Unified Checkout
    .
  3. You can configure various payment methods such as Google Pay and
    Click to Pay
    . Click
    Set up
    and follow the instructions for your selected payment methods. When payment methods are enabled, they appear on the payment configuration page.

    Figure:

    Manage Unified Checkout Digital Payments Solutions
  4. Click
    Manage
    to edit your existing payment method configurations or enroll in new payment methods as they are released.
Unified Checkout Flow