Search...
Log inGet started
Airwallex logo
Home
Core API
Payments
Transactional FX
Payouts
Issuing
Back to home
OverviewChoose your payments solutionGet started with payments
Online payments
Online payments overviewPayment Method Onboarding RequirementGet started with online paymentsHosted Payment Page
Drop-in Element
Embedded Elements
Card Element
Guest user checkoutRegistered user checkout
Split Card Element
Full Featured Card Element
Redirect Element
QR Code Element
Mobile SDK
Plugins
Native API
Automatic Currency Conversion
Invoice integrations

Card Element

The Card Element is a single-line multi-input field that allows you to securely collect card details and submit these details to Airwallex to make a payment.

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.

JavaScript

You can also customize styles for the dropIn Element using style.

HTML

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.

On this page
  • Checkout flow
  • FAQ