Schaltflächen für die Zahlung mit einem Klick hinzufügenBeta
Verwenden Sie das Express Checkout Element, um Schaltflächen für die Zahlung mit einem Klick anzuzeigen.
Beta
Die Custom Checkout-Integration befindet sich in der Private Beta. Um Zugriff anzufordern, klicken Sie hier.
![Express Checkout Element](https://b.stripecdn.com/docs-statics-srv/assets/link-in-express-checkout-element.67be6745e5a37c1c09074b0f43763cff.png)
Das Express Checkout Element bietet Ihnen eine zentrale Integration, mit der Sie Zahlungen über eine Schaltfläche mit nur einem Klick annehmen können. Zu den unterstützten Zahlungsmethoden zählen Link, Apple Pay und Google Pay.
Demoversion testen![](https://b.stripecdn.com/docs-statics-srv/assets/fcc3a1c24df6fcffface6110ca4963de.svg)
In der folgenden Demo können Sie einige der vorgefertigten Optionen ein- und ausschalten, um die Hintergrundfarbe, das Layout, die Größe und die Versandadressenerfassung der Zahlungsoberfläche zu ändern. Die Demo zeigt Google Pay und Apple Pay nur auf den jeweils verfügbaren Plattformen an. Schaltflächen für Zahlungsmethoden werden nur in den unterstützten Ländern angezeigt.
Wenn Sie die Demo nicht sehen, versuchen Sie, diese Seite in einem unterstützten Browser anzuzeigen.
Voraussetzungen![](https://b.stripecdn.com/docs-statics-srv/assets/fcc3a1c24df6fcffface6110ca4963de.svg)
Bevor Sie beginnen, müssen Sie:
- Ihrem Browser eine Zahlungsmethode hinzufügen. Beispiel: Sie können Ihrem Google Pay-Konto bzw. Ihrer Wallet für Safari eine Karte hinzufügen.
- Ihre Anwendung über HTTPS bereitstellen. Dies ist eine Voraussetzung sowohl in der Entwicklung als auch in der Produktion. Sie können einen Dienst wie ngrok verwenden.
- Registrieren und verifizieren Sie Ihre Domain im Test-Modus und im Live-Modus.
Zahlungen mit einem Klick abwickeln![](https://b.stripecdn.com/docs-statics-srv/assets/fcc3a1c24df6fcffface6110ca4963de.svg)
Das Express Checkout Element sendet Bestätigungsereignis, wenn Ihr Kunde/Ihre Kundin seine/ihre Zahlung abschließt. Fügen Sie einen Handler hinzu, der auf das Ereignis mit dem Aufruf von event.
reagiert, und übergeben Sie ihn an das Express Checkout Element.
Das Ereignis enthält auch die folgenden Felder:
- expressPaymentType: Entweder
'apple_
,pay' 'google_
oderpay' 'link'
. - billingDetails: Objekt mit Informationen zu den Abrechnungsdetails des Kunden/der Kundin.
- shippingAddress: Objekt, das Informationen über die Versandadresse des Kunden/der Kundin enthält.
- shippingRate: Objekt, das Informationen über die ausgewählte Versandrate enthält.
Die folgenden Optionen werden ebenfalls unterstützt: