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.
Build with Checkout Session
Checkout Session is available for early access. Reach out to your Airwallex account manager if you would like to use this feature. Learn more about early access.
Checkout Session is the recommended way to build a pre-built payment page. Your server creates a session with one API call, and Airwallex returns a URL to a hosted payment page. No JS SDK is required.
- Create a session from your server, with the amount or line items, currency, and options such as payment methods and theme.
- Redirect your shopper to the returned URL.
- The shopper pays on the Airwallex-hosted page and is sent back to your success URL.
Checkout Session supports one-off payments, saving payment details for future payments, and subscriptions and invoices with Airwallex Billing.
Checkout Session is available now for the pre-built payment page. Support for the pre-built checkout element and pre-built payment elements is coming soon.
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 (with Checkout Session) | Pre-built payment page (with JS SDK) | 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, configured and managed through a Checkout Session | 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 get an Airwallex-hosted checkout configured through a single Checkout Session, including payment methods, customer data collection, and the resources created when checkout completes | 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 SAQ A | PCI-DSS ROC |
| Integration effort | No coding | Low coding | Low coding | Low coding | More coding | Most coding |
| UI customization | Preset layout with configurable branding | Preset layout with configurable themes and layout options | 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
Subscriptions and invoices with Airwallex Billing are supported when you build your payment page with Checkout Session. Existing integrations can continue to use Billing Checkout.
| Payment plugins | Pre-built payment page (with Checkout Session) | Pre-built payment page (with JS SDK) | 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.
For Airwallex Billing (products, prices, subscriptions, and invoices), use Billing Checkout—Hosted Billing Checkout, Embedded Billing Checkout, or Billing Checkout Elements—not the Payments integration options in the table above.
Create shareable links and QR codes without building checkout on your site.
Compare Hosted Billing Checkout, Embedded Billing Checkout, and Billing Checkout Elements.
Redirect shoppers to Airwallex-hosted Billing Checkout.
Embed Hosted Billing Checkout in an iframe on your site.
Embed a composable Billing Checkout form on your site.