QR Code Element

The QR Code Element allows you to embed a QR code checkout option on your payment page. The Element contains a QR code that matches the specified PaymentIntent and a Refresh button to regenerate the QR code. The shopper can scan the QR code using their e-wallet app to make a payment. Examples of supported e-wallets include: WeChat Pay, Alipay, KakaoPay, etc.

This page describes how to embed a QR Code Element on your payment page to accept payments.

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.

Development resources

• airwallex-payment-elements NPM package

• airwallex-payment-elements library reference

• Sample SDKs in various frontend and backend languages

• Test cards and codesandbox to test your integration

  • Static HTML

  • React-Typescript

  • Vue

  • Angular

  • React