Payment Services overview
The Payment Services drop-in component renders the credit card form and the Apple Pay button.
Supported payment methods
Section titled “Supported payment methods”The following table provides an overview of the payment methods that the Payment Services drop-in supports. The “Payment method code” column lists the PaymentMethodCode enum value for each method:
| Payment method | Payment method code | Status |
|---|---|---|
| Apple Pay | APPLE_PAY | Supported |
| Credit/debit card | CREDIT_CARD | Supported |
| Google Pay | GOOGLE_PAY | Roadmap |
| PayPal Fastlane | FASTLANE | Roadmap |
| PayPal buttons | SMART_BUTTONS | Roadmap |
Use the PaymentMethodCode enum from the API import:
import { PaymentMethodCode } from '@dropins/storefront-payment-services/api.js';Available containers
Section titled “Available containers”The Payment Services drop-in component provides two containers:
-
Apple Pay container: The
ApplePaycontainer renders an Apple Pay button that shoppers on Apple devices can use to place an order. -
Credit card container: The
CreditCardcontainer renders a form where shoppers enter their card details to place an order with a credit or debit card.
Additional resources
Section titled “Additional resources”For more detailed information, please refer to the specific service documentation linked above.