Embed pre-built payment elements
Embedded elements are pre-built payment elements that you can embed in your payment page to create a custom checkout experience. You can use these elements to collect card or digital wallet payments. The payment details entered by the shopper are tokenized, reducing your PCI-DSS compliance costs.
Key features include:
- Automatic input formatting for card fields (card number, expiry, security code) where applicable, and wallet buttons for Apple Pay and Google Pay
- Responsive design to fit seamlessly on any screen size
- Custom styling rules so you can match the look and feel of your site
- Reduced PCI-DSS compliance handling costs – a PCI-DSS SAQ A is sufficient
A single-line field for card number, expiry, and security code.
Separate input fields for card number, expiry, and security code.
An Apple Pay button for Touch ID or Face ID checkout.
A Google Pay button for wallet checkout.
To preview an element in sandbox, open the Airwallex demo store , click the settings icon, choose an integration element, and click Checkout.
Compare features
Drop-in element is shown in the table for comparison purposes only.
| Features | Drop-in | Split Card | Card | Apple Pay | Google Pay | Full Featured Card (legacy) | QR Code (legacy) | Redirect (legacy) |
|---|---|---|---|---|---|---|---|---|
| UI customization | Low customization | Customize full appearance | Customize full appearance | Customize button and appearance | Customize button and appearance | Customize full appearance | Cannot customize the Refresh button | Cannot customize the Checkout Now button |
| Mobile support | (WebView only) | (Safari and Apple Pay–capable devices) | (supported browsers and devices) | |||||
| Supported payment methods | All payment methods configured on your merchant account | Credit/Debit card | Credit/Debit card | Apple Pay | Google Pay | Credit/Debit card | E-wallets (Alipay, Dana, KakaoPay, etc) | E-wallets (Alipay, Dana, KakaoPay, etc) |
| PaymentIntent confirmation | Automatic | Manual | Manual | Manual | Manual | Automatic | Automatic | Automatic |
Handles 3D Secure authentication | (for card payments) | — | (for applicable card flows) | |||||
| Save payment details without a payment | AlipayHK, KakaoPay (merchant-initiated transactions only) | Alipay, AlipayHK, Gcash, Dana, KakaoPay, Touch 'n Go (merchant-initiated transactions only) | ||||||
| Save payment details during payment | - | - |
FAQ
What level of PCI-DSS compliance is required to implement embedded elements?
To accept payments via embedded elements integration, you will need PCI-DSS SAQ A certification. It’s a self-assessment questionnaire that requires renewal at regular intervals in line with the policy. For more information, visit the PCI council website or contact Airwallex support.
Can I create a PaymentConsent while using embedded elements?
Yes, you can create a PaymentConsent with the shopper to initiate future payments using shopper’s saved payment details when using embedded elements. See Save and reuse payment details for registered checkout steps, or the Legacy elements quickstarts below for legacy embedded elements.
What payment methods are supported via embedded elements?
This depends on the element type you are integrating with. See Compare features section.
Can I integrate embedded elements into mobile apps?
You can integrate embedded elements into mobile apps via WebView only. For native integrations, check out the iOS and Android SDKs.
Legacy elements
One-off payment with Full Featured Card Element (legacy).
Save payment details for future payments with Full Featured Card Element (legacy).
One-off payment with Redirect Element (legacy).
Save payment details for future payments with Redirect Element (legacy).
One-off payment with QR Code Element (legacy).
Save payment details for future payments with QR Code Element (legacy).