Skip to content
Adobe Commerce Storefront Logo Adobe Commerce Storefront

Search is only available in production builds. Try building and previewing the site to test it out locally.

Payment Services Slots

The Payment Services drop-in does not expose any slots for customization.

ContainerSlots
ApplePayNone (SDK-rendered)
CreditCardNone (SDK-rendered)
StoredCardsNone (optional vaulted-card UI; use props, dictionary, and styles)

Why no slots?

Section titled “Why no slots?”

This drop-in wraps the Adobe Payment Services SDK (@adobe-commerce/payment-services-sdk), which renders secure payment forms directly into specified DOM elements. The SDK controls all UI rendering to maintain PCI (Payment Card Industry) compliance and security standards. You customize the payment forms through SDK configuration options (field placeholders, card type settings, callback handlers) passed to sdk.Payment.CreditCard.render(), not through the slot-based pattern other drop-ins use.

StoredCards (optional, for vaulted cards at checkout) is separate from the SDK card form and does not provide slots. When used, customize the layout and copy through container props, the dictionary, and styles.