Split Card Element
The Split Card Element allows you to embed individual input fields (card number, expiry, CVC) on your checkout page to securely collect card details and submit these details to Airwallex to make a payment. In comparison to Card Element and Full Featured Card Element , it provides greater control over the look and feel of the checkout page.
Checkout flow
If you want to offer a one-off or single payment experience where the shopper is present and active on your shop site, see Guest user checkout.
If you want to save shopper's payment details for future payments, see Registered user checkout.
FAQ
How do I customize the Drop-in Element?
You can provide the fonts[ ] option in init( ) or loadAirwallex( ) when you initialize Airwallex to customize the font styles of payment Elements. Airwallex supports two font weights: regular (400) and bold (700). You can specify font options using src, family and weight attributes.
You can also customize styles for the dropIn Element using style.
What card schemes can I accept using Card Element/Split Card/Full Featured Card Element?
You can accept credit and debit cards from Mastercard, Visa, and UnionPay using Card/Split Card/Full Featured Card Element integration. For UnionPay, make sure you provide the UnionPay logo alongside Mastercard and Visa.
How do I display the cardholder name field for a Card/Split Card Element?
You can render a Cardholder Name input field on your checkout page alongside the Card/Split Card Elements. The cardholder name is not mandatory to confirm and complete a payment.