Payment Services overview

The Payment Services drop-in component renders the credit card form, allowing shoppers to efficiently enter their payment details. The drop-in currently supports credit/debit cards only.

Supported payment methods

The following table provides an overview of the Payment Services 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
ApplevPay	APPLE_PAY	Roadmap
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 uses one container, CreditCard:

• Credit card container: The CreditCard container is designed to allow placing an order with the credit card details during the checkout process.

Additional resources

• Payment Service API documentation
• Integration workflow examples
• Support

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