Ajouter des boutons de paiement en un clicBêta
Utilisez l'Express Checkout Element pour afficher des boutons de paiement en un clic.
Bêta
L’intégration Custom Checkout est en version bêta privée. Pour obtenir un accès anticipé, click here.
![Express Checkout Element](https://b.stripecdn.com/docs-statics-srv/assets/link-in-express-checkout-element.67be6745e5a37c1c09074b0f43763cff.png)
L’Express Checkout Element vous permet, via une seule intégration, d’accepter des paiements en un clic à l’aide de boutons de paiement. Les moyens de paiement suivants sont pris en charge : Link, Apple Pay et Google Pay.
Lancer la démo![](https://b.stripecdn.com/docs-statics-srv/assets/fcc3a1c24df6fcffface6110ca4963de.svg)
Dans la démonstration suivante, vous pouvez modifier certaines des options préconfigurées pour changer la couleur du fond, la mise en page, la taille et la collecte des adresses de livraison de l’interface de paiement. Cette démonstration affiche Google Pay et Apple Pay uniquement sur les plateformes disponibles. Les boutons des moyens de paiement ne s’affichent que dans les pays où ils sont pris en charge.
Si la démo ne s’affiche pas, essayez d’ouvrir la page dans un navigateur pris en charge.
Prérequis![](https://b.stripecdn.com/docs-statics-srv/assets/fcc3a1c24df6fcffface6110ca4963de.svg)
Avant de commencer, vous devez :
- Ajoutez un moyen de paiement à votre navigateur. Par exemple, vous pouvez ajouter une carte à votre compte Google Pay ou à Cartes pour Safari.
- Fournir votre application via HTTPS. Cette exigence s’applique à la fois en développement et en production. Vous pouvez également utiliser un service comme ngrok.
- Enregistrez et vérifiez votre domaine en mode test et en mode production.
Traiter les paiements en un clic![](https://b.stripecdn.com/docs-statics-srv/assets/fcc3a1c24df6fcffface6110ca4963de.svg)
L’Express Checkout Element émet l’événement confirm lorsque le client mène à bien le paiement. Ajoutez un gestionnaire qui répond à l’événement en appelant event.
et transmettez-le à l’Express Checkout Element.
L’événement contient également les champs suivants :
- expressPaymentType :
'apple_
,pay' 'google_
oupay' 'link'
. - billingDetails : objet contenant les informations de facturation du client.
- shippingAddress : objet contenant des informations sur l’adresse de livraison du client.
- shippingRate : objet contenant des informations sur le tarif de livraison sélectionné.
Les options suivantes sont également prises en charge :