`Unified Checkout` Flow {#uc-getting-started-integration-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. You can find the detailed specifications of the APIs later in this document.  
The integration flow consists of four 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](/docs/cybs/en-us/digital-accept-flex/developer/all/rest/digital-accept-flex/uc-intro/uc-getting-started-ss-setup.md "").
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](/docs/cybs/en-us/digital-accept-flex/developer/all/rest/digital-accept-flex/uc-intro/uc-getting-started-cs-setup-intro.md "").
3. You process the payment through the `Unified Checkout` complete mandate feature and interpret the response of the transaction flow that is displayed on your browser.

   > IMPORTANT
   > If you do not use the complete mandate for ` Unified Checkout `, you must request follow-on services using a transient token to process the payment.

4. **Optional:** `Cybersource` recommends that you capture the full payment response through webhook notifications.
   {#uc-getting-started-integration-flow_ol_p5w_55q_npb} Information that is captured by `Unified Checkout`, including the billing and shipping address, can be retrieved using the payment details API.  
   The figure below shows the `Unified Checkout` payment flow.

#### Figure: {#uc-getting-started-integration-flow_fig_uc-payment-flow}

`Unified Checkout` Payment Flow  
![Diagram that shows the sequence and flow of a Unified Checkout payment.](/content/dam/new-documentation/documentation/en-us/topics/payments-processing/card-processing/unified-checkout/images/uc-srvorch-authdm-600x700.svg/jcr:content/renditions/original) For more information on the specific APIs referenced, see these topics:

* [Capture Context API](/docs/cybs/en-us/digital-accept-flex/developer/all/rest/digital-accept-flex/uc-intro/uc-setup-capture-context.md "")
* [Payment Details API](/docs/cybs/en-us/digital-accept-flex/developer/all/rest/digital-accept-flex/uc-intro/uc-token-get-pymnt-details.md "")

Enabling `Unified Checkout` in the `Business Center` {#uc-enabling-ebc}
=======================================================================

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`:  
   Test URL: ` `<https://businesscentertest.cybersource.com/ebc2>` `{#uc-enabling-ebc_ebc-test-cybs}  
   Production URL: ` `<https://businesscenter.cybersource.com>` `{#uc-enabling-ebc_ebc-prod-cybs}  
   If you are unable to access this page, contact your sales representative. {#uc-enabling-ebc_step-1}
   {#uc-enabling-ebc_step-1}

2. In the `Business Center`, go to the left navigation panel and choose Payment Configuration \&gt; Unified Checkout.{#uc-enabling-ebc_step-2}
   {#uc-enabling-ebc_step-2}

3. You can configure various payment methods such as Apple Pay, `Click to Pay`, and Google Pay. Click Manage and follow the instructions for your selected payment methods. When payment methods are enabled, they appear on the payment configuration page.  
   IMPORTANT You must configure payment methods you want to use for each transacting MID.

   #### Figure: {#uc-enabling-ebc_uc-ui}

   ![Manage Unified Checkout Digital Payments Solutions](/content/dam/new-documentation/documentation/en-us/topics/payments-processing/card-processing/unified-checkout/images/pmt-config-unified-payments-digitalpmtsolutions.png/jcr:content/renditions/original) {#uc-enabling-ebc_step-3}

4. Click Manage to edit your existing payment method configurations or enroll in new payment methods as they are released.{#uc-enabling-ebc_step-4}
   {#uc-enabling-ebc_enable-uc}