Web checkout overview
You can integrate checkout on your website or app in several ways—from a pre-built hosted page or checkout component, to individual payment elements, to a fully custom UI. Choose based on your needs, technical capability, and how much control you want over the shopper experience.
Add global, multi-method payments to your existing e-commerce platforms such as Shopify, WooCommerce, or Magento.
Redirect shoppers to a secure, pre-built payment page hosted by Airwallex.
Add a single pre-built checkout block for cards and local payment methods on your page with minimal code.
Embed pre-built payment elements on your payment page for a custom checkout experience.
Build your own custom payment page.
Not sure which option to choose? Explore the demo to compare checkout experiences in sandbox.
Compare features and capabilities
Evaluate the core features and capabilities of each integration option, including checkout experience, integration effort, and customization options.
| Payment plugins | Pre-built payment page | Pre-built checkout element | Pre-built payment elements | Payments API | |
|---|---|---|---|---|---|
| Checkout experience | Shoppers use your ecommerce platform’s native checkout flow with Airwallex powering the payment step. | Shoppers are redirected from your site or app to a secure, pre‑built checkout page hosted by Airwallex | Shoppers stay on your site and pay using a single pre-built Airwallex component that collects card and local payment methods in one flow. | Shoppers use individual payment elements embedded directly in your checkout page, styled and laid out to match your website. | Shoppers pay using a fully custom checkout UI designed and hosted by you |
| When to use | To accept payments from your ecommerce platform (for example Shopify or WooCommerce) with minimal setup and no custom checkout code | To offload PCI scope and UI work by redirecting to an Airwallex-hosted payment page for a low‑maintenance web or mobile checkout | To add cards and local payment methods on your own page with a single component and less code than integrating separate embedded elements | To compose checkout from individual Airwallex payment elements so you control layout and fields while keeping PCI scope minimal | To gain full control over checkout UX, data collection, and routing (requires higher integration effort and PCI responsibilities) |
| PCI-DSS compliance* | PCI-DSS SAQ A | PCI-DSS SAQ A | PCI-DSS SAQ A | PCI-DSS SAQ A | PCI-DSS ROC |
| Integration effort | No coding | Low coding | Low coding | More coding | Most coding |
| UI customization | Preset layout with configurable branding | Preset layout with configurable branding | Single pre-built component with appearance and layout options; less granular control than individual elements | Embedded components in your own layout and theme | Complete control over layout, styling, and interactions |
*PCI requirements apply to card payments only. PCI-DSS questionnaire must be renewed regularly according to the specific policy. For more information, see PCI-DSS FAQ .
Payment scenario support
Product support
| Payment plugins | Pre-built payment page | Pre-built checkout element | Pre-built payment elements | Payments API | |
|---|---|---|---|---|---|
| Subscriptions with Airwallex Billing | |||||
| Invoices with Airwallex Billing |
Related options
If you do not need checkout on your website or app, use payment links for one-off payments via shareable links or QR codes, or Hosted Billing Checkout for subscriptions and recurring billing with Airwallex-hosted checkout.