On This Page
Integration Methods
Unified Checkout
offers flexible integration methods for your page's
checkout experience. This section contains information about each integration method and
the JavaScript that is required for each one.This table outlines the different integration methods offered by
Unified Checkout
:
Checkout | Button | Trigger | Components | |
|---|---|---|---|---|
What does it do? | Displays all configured payment methods in a single Unified Checkout experience. The display order is
determined from the Gateway Portal Merchant Experience
or the Sessions API. | Enables you to place individual Unified Checkout
payment buttons on your payment page. | Enables you to use your own button to launch the hosted payment
experience, for example card entry or Click to Pay , in a sidebar. | Enables you to embed individual payment form elements, for
example, card fields or the Click to Pay
experience, directly into your page for full control over the
checkout experience. |
What is it best for? | When you want a quick out-of- the-box checkout with a list of
payment methods. | Merchants that want flexibility in how payment buttons are
displayed across their page. | Merchants that want to keep their own checkout button but use
Unified Checkout to handle the payment
flow. | Merchants that want full control over the UI and want to fully
embed the payment form into their own checkout. |
Who owns the payment button(s)? | Unified Checkout | Unified Checkout | Merchant | Merchant |
Display modes | Sidebar or embedded | Embedded | Sidebar | Embedded |
Supported payment methods | All configured methods | All available methods | Card payment and Click to Pay | Card payment and Click to Pay |
Example uses | A merchant that requires a button list of all accepted payment
methods in Unified Checkout . | A merchant that wants to host buttons separately on their page.
For example, displaying Apple Pay at the top of the page and
card entry at the bottom of the page. | A merchant that has an existing pay by card/ Click to Pay button that they want to launch into
the payment UI using a sidebar view. | A merchant that wants to embed Unified Checkout
payment components directly into their page without the standard
header. This integration method is ideal for a user that offers
a radio button/drop-down UI. |
Summary | Full out-of-the-box checkout | Flexible placement of payment buttons | Use your own button to launch the payment UI | Fully embedded and customized payment experience |
Documentation |