Zum Hauptinhalt springen

Erkennung

Das SDK inspiziert die Seiten-URL und das DOM, um ein Checkout-Profil auszuwählen: eine Sammlung von Selektoren und Feld-Mappings, die auf die jeweilige Händler-Integration abgestimmt sind. Die Erkennung erfolgt automatisch — Sie übergeben keinen Profilnamen an checkout().

Unterstützte Profile

ProfilErkennungFelder
Stripe ElementsURL oder HTML deutet auf Stripe hincardNumber, cardExpiry, cardCvc
Adyen Drop-inHTML enthält adyen-checkoutencryptedCardNumber, encryptedExpiryDate, encryptedSecurityCode
BraintreeHTML enthält braintree-hosted-fieldcredit-card-number, expiration, cvv
ShopifyURL deutet auf Shopify hincc-number, cc-exp-month, cc-exp-year, cc-csc
GenericFallback, wenn kein spezifisches Profil erkannt wirdSemantische Hinweise: autocomplete, aria-label, placeholder, name, id

Fallback-Reihenfolge

Wenn die Selektoren eines benannten Profils nicht greifen, fällt das SDK auf semantische Erkennung zurück:
  1. autocomplete (cc-number, cc-exp, cc-csc etc.)
  2. aria-label- und placeholder-Text
  3. name- und id-Patterns, die häufig für Kartenfelder verwendet werden