Payment Services overview
The Payment Services drop-in component renders the credit card form, the Apple Pay button, and the Google 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 | Supported |
| 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 three containers:
-
Apple Pay container: The
ApplePaycontainer renders an Apple Pay button that shoppers 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. -
Google Pay container: The
GooglePaycontainer renders a Google Pay button that shoppers can use to place an order.
Additional resources
Section titled “Additional resources”For more information, refer to the specific service documentation linked above.