Warum werden meine Karteneingabefelder in der Card-Component- oder Drop-in-Integration nicht geladen?

Falls Sie in den iFrames der Karteneingabefelder Ihrer Drop-in- oder Card-Component-Integration die Fehler „Invalid client key“ oder „Unknown origin“ erhalten, hängt dies mit einem falschen Schlüssel für Ihre Client-seitige Authentifizierung zusammen. Abhängig von Ihrer Integration kann es sich dabei entweder um den Client-Schlüssel oder den Origin-Schlüssel handeln. Sie können diese Schlüssel in der Customer Area generieren, indem Sie zu Developers > API Credentials gehen und die API-Zugangsdaten auswählen, für die Sie den Schlüssel generieren möchten.

Falls Sie sich mit einem Origin-Schlüssel authentifizieren, überprüfen Sie bitte Folgendes:

1. Verwenden Sie den korrekten Origin-Schlüssel in Ihrer Integration? Versuchen Sie, den Origin-Schlüssel für die Domains, auf denen Sie die Card-Component- oder Drop-in-Integration laden, erneut zu erstellen.
2. Wurde der Origin-Schlüssel für die Domain generiert, auf der die Kartenfelder gehostet werden? Sie finden den Ursprung Ihrer Seite, indem Sie window.location.origin in der Browserkonsole überprüfen. Eine Anleitung hierfür finden Sie hier.
3. Wurde der Origin-Schlüssel in der korrekten Umgebung (Test/Live) generiert?

Falls Sie sich mit einem Client-Schlüssel authentifizieren, überprüfen Sie bitte Folgendes:

1. Verwenden Sie den korrekten Client-Schlüssel in Ihrer Integration?
2. Wurden alle Domains, auf denen die Karteneingabefelder geladen werden, zum Feld „Allowed Origins“ hinzugefügt, wie es hier erklärt ist?
3. Verwenden Sie den Client-Schlüssel in der korrekten Umgebung (Test/Live)?