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

Vorsicht

Entweder wird die Payment Request API von Ihrem Browser nicht unterstützt oder Sie haben keine gespeicherte Zahlungsmethode. Um die Live-Demo für die Schaltfläche „Zahlungsanfrage“ zu testen, wechseln Sie zu einem der folgenden unterstützen Browser und speichern Sie eine Zahlungsmethode.

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

Running canMakePayment(), results 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.
(Google Pay) Von Link abmelden. Wenn in der Demo Mit Link bezahlen angezeigt wird, hat Ihr Link-Konto Vorrang vor Google Pay. So melden Sie sich ab:
1. Klicken Sie in der Demo auf Mit Link bezahlen.
2. Klicken Sie im Popup-Menü oben rechts im Fenster auf das Überlaufmenü ( ).
3. Klicken Sie auf Abmelden und dann auf die Bestätigungsaufforderung Abmelden.
4. Nachdem das Popup-Fenster geschlossen wurde, vergewissern Sie sich, dass Google Pay in der Demoversion angezeigt wird.
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
Verwenden Sie kein Chrome-Inkognito-Fenster oder privates Safari-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).