Rendering von Apple- und Google-Wallets testen

Vergleichen Sie Ihre Integration mit funktionierenden Demo-Integrationen, um mögliche Rendering-Probleme zu identifizieren.

Die folgende Demo zeigt verschiedene Stripe-Zahlungsintegrationen mit Apple Pay und Google Pay. Verwenden Sie die Demo, um visuell zu vergleichen, wie diese Wallets in den Demo-Integrationen und in Ihrer eigenen Integration angezeigt werden.

Wenn die Zahlungsoptionen von Apple Pay und Google Pay sowohl in der Demo als auch in Ihrer Integration wie erwartet angezeigt werden, sind sie korrekt konfiguriert.
Wenn Sie über eine gültige Wallet verfügen, diese aber nicht als Zahlungsmethode in der Demo angezeigt wird, passen Sie die Einrichtung Ihres Geräts und Ihres Browsers an, bis Apple Pay und Google Pay wie erwartet angezeigt werden.
Wenn Ihre Wallet in den Demos, aber nicht in Ihrer eigenen Integration angezeigt wird, überprüfen Sie Ihre Integration.

Payment Element

Express Checkout Element

Checkout Sessions

Schaltfläche für Zahlungsanfrage

Legacy

For this integration path, Stripe.js detects and supports the following wallets based on the state of your device.

Creating Express Checkout Element, output of the ready evennt will be shown soon

Überprüfen Sie die Einrichtung Ihres Geräts und Browsers

Wenn Ihre erwartete Wallet nicht in den Demos angezeigt wird, erfüllt Ihr Gerät oder Browser möglicherweise nicht die folgenden Bedingungen für Apple Pay oder Google Pay.

Die Wallet muss mindestens eine Karte enthalten.
Notiz
Sie können weiterhin eine Wallet ohne erkannte Karten im Express Checkout Element anzeigen. Übergeben Sie das paymentMethods-Objekt mit einer Wallet, die bei der Erstellung auf always festgelegt wurde.
Sie müssen ein kompatibles Apple Pay-Gerät und Google Pay-Gerät verwenden.
Sie müssen für die Wallet, die Sie testen, eine unterstützte Version eines unterstützten Browsers verwenden.
Notiz
This integration relies on the Payment Request API, which Android WebViews doesn’t support.
Erlauben Sie geeigneten Browsern den Zugriff auf Ihre Wallet.
- Chrome: Einstellungen > Autofill und Passwörter > Zahlungsmethoden > Websites erlauben, zu überprüfen, ob Sie Zahlungsmethoden gespeichert haben
- Safari: Einstellungen > Erweitert > Websites erlauben, nach Apple Pay und Apple-Karte zu suchen
- Opera: Einstellungen > Erweitert > Zahlungsmethoden > Websites erlauben, zu überprüfen, ob Sie Zahlungsmethoden gespeichert haben
- Edge: Einstellungen > Datenschutz, Suche und Dienste > Websites erlauben, zu überprüfen, ob Sie Zahlungsmethoden gespeichert haben
Verwenden Sie kein Chrome-Inkognito-Fenster oder ein privates Safari-, Edge- oder Opera-Fenster.
Bestätigen Sie, dass Sie in einer unterstützten Apple Pay-Region und Google Pay-Region tätig sind.
Stripe zeigt weder Apple Pay noch Google Pay für IP-Adressen in Indien an.
Vergewissern Sie sich bei Apple Pay, dass Ihr Gerät die biometrische Authentifizierung unterstützt.

Integration prüfen

Wenn Sie die erwarteten Wallet-Zahlungsmethoden in den Demo-Zahlungsformularen sehen, sie aber nicht in Ihrer eigenen Integration angezeigt werden, kann das Problem möglicherweise mithilfe der folgenden Checkpoints behoben werden.

Ihre Domains registrieren

Überprüfen Sie Ihr Stripe Dashboard, um Ihre Domainregistrierungen zu bestätigen. Sie müssen jede Domain und Subdomain separat für jede Umgebung registrieren, einschließlich des Live-Modus und jeder Sandbox.

Für eine korrekte Domain-Registrierung müssen Connect-Nutzer/innen auch die Konfiguration der Geldbewegung (Direct Charge oder Destination Charge) berücksichtigen.

(Apple Pay) Alle Domains bei Verwendung von iFrames registrieren

Um Apple Pay in einer Integration mit iFrames anzuzeigen, müssen Sie:

Stellen Sie sicher, dass die iFrame- und Top-Level-Site-Domains übereinstimmen, wenn Sie Browserversionen vor Safari 17 unterstützen.
Legen Sie das Attribut allow="payment" im iFrame fest.
Registrieren Sie sowohl die iframe-Domain als auch die Top-Level-Domain der Website, wenn sie unterschiedlich sind (unterstützt von Safari 17 oder höher).

Wallets für Ihre Integration aktivieren

Aktivieren Sie unterstützte Wallets in Ihren Zahlungsmethodenkonfigurationen um sicherzustellen, dass sie von dynamischen Zahlungsmethoden dargestellt werden können.
Um Wallet-Zahlungsmethoden manuell festzulegen, fügen Sie payment_method_types= ['card'] ein, wenn:
- Payment Intent erstellen
- Initialisieren von Elements auf Ihrem Client, um Zahlungsdetails vor Erstellen eines Intent zu erfassen.