Add one-click payment buttonsBeta
Use the Express Checkout Element to show one-click payment buttons.
Beta
The Custom Checkout integration is in private beta. To request access, click here.
![Express Checkout Element](https://b.stripecdn.com/docs-statics-srv/assets/link-in-express-checkout-element.67be6745e5a37c1c09074b0f43763cff.png)
The Express Checkout Element gives you a single integration for accepting payments through one-click payment buttons. Supported payment methods include Link, Apple Pay, and Google Pay.
Try the demo![](https://b.stripecdn.com/docs-statics-srv/assets/fcc3a1c24df6fcffface6110ca4963de.svg)
In the following demo, you can toggle some of the prebuilt options to change the background color, layout, size, and shipping address collection of the payment interface. The demo displays Google Pay and Apple Pay only on their available platforms. Payment Method buttons are only shown in their supported countries.
If you don’t see the demo, try viewing this page in a supported browser.
Prerequisites![](https://b.stripecdn.com/docs-statics-srv/assets/fcc3a1c24df6fcffface6110ca4963de.svg)
Before you start, you must:
- Add a payment method to your browser. For example, you can add a card to your Google Pay account or to your Wallet for Safari.
- Serve your application over HTTPS. This is required in development and in production. You can use a service such as ngrok.
- Register and verify your domain in both test mode and live mode.
Handle one-click payments![](https://b.stripecdn.com/docs-statics-srv/assets/fcc3a1c24df6fcffface6110ca4963de.svg)
The Express Checkout Element emits the confirm event when your customer finalizes their payment. Add a handler that responds to the event by calling event.
and pass it to the Express Checkout Element.
The event also contains the following fields:
- expressPaymentType: One of
'apple_
,pay' 'google_
, orpay' 'link'
. - billingDetails: Object containing information about the customer’s billing details.
- shippingAddress: Object containing information about the customer’s shipping address.
- shippingRate: Object containing information about the selected shipping rate.
The following options are also supported: