Payment Services overview

The Payment Services drop-in component renders the credit card form and the Apple Pay button.

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

The Payment Services drop-in component provides two containers:

• Apple Pay container: The ApplePay container renders an Apple Pay button that shoppers on Apple devices can use to place an order.

• Credit card container: The CreditCard container renders a form where shoppers enter their card details to place an order with a credit or debit card.

Additional resources

• Payment Service API documentation
• Integration workflow examples
• Support

For more detailed information, please refer to the specific service documentation linked above.