Guest user checkout

Registered user checkout

QR Code Element

A quick introduction to building with Airwallex APIs

Quickstart

Explore our comprehensive reference to integrate with Airwallex API endpoints

API Reference

Learn how to receive push notifications via webhooks

Webhooks

The QR Code Element allows you to embed a QR code checkout option on your payment page. It 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. 

How it works

Before you begin

Step 1: Set up the server to create a PaymentIntent

Step 2:  Initialize Airwallex on your checkout page

Step 3: Add the QR Code Element to your checkout page

Step 4: Handle the response

Test your integration

Example integrations

Supported features

Troubleshooting

This implementation applies to [Redirect Element](/payments__embedded-elements__redirect-element) and [QR Code Element](/payments__embedded-elements__qr-code-element).

Redirect Element and QR Code Element integrations allow you to save payment details for future payments.  To save payment details, Airwallex allows you to create a PaymentConsent, which represents the consent between you and the shopper to use the shopper’s saved payment method for future payments.  You can use the PaymentConsent to initiate scheduled (recurring) or unscheduled (one-time) payments without the shopper involved. 

Supported payment methods include:

* __Redirect__: Alipay, AlipayHK, Gcash, Dana, KakaoPay, Touch ‘n Go
* __QR Code__: AlipayHK, KakaoPay


Save payment details for the first time

Merchant-initiated subsequent payments

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](/payments__embedded-elements__qr-code-element__guest-user-checkout).

If you want to save shopper's payment details for future payments, see [Registered user checkout](/payments__embedded-elements__qr-code-element__registered-user-checkout).

Checkout flow

docsLogo

Desktop/Mobile Website Browser - Klarna

Dispute Management - Klarna

Extra Merchant Data (EMD) - Klarna

Klarna

Dispute Flow

Handling Disputes

Dispute Notifications

Pay with QR Code (Desktop Website Browser) - WeChat Pay

Mobile App - WeChat Pay 

WeChat Official Account - WeChat Pay

WeChat Mini Program - WeChat Pay

Mobile Browser (H5) - WeChat Pay

Customs Declaration - WeChat Pay

Funds Split - WeChat Pay

WeChat Pay

Refunds

Funds reconciliation

Pay with QR Code (Desktop Website Browser) - Touch 'n Go

Mobile Website Browser - Touch 'n Go

Mobile App - Touch 'n Go

Touch 'n Go

Pay with QR Code (Desktop Website Browser) - Rabbit LINE Pay

Mobile Website Browser - Rabbit LINE Pay

Mobile App - Rabbit Line Pay

Rabbit LINE Pay

Pay with QR Code (Desktop Website Browser) - GCash

Mobile Website Browser - GCash

Mobile App - GCash

GCash

Pay with QR Code (Desktop Website Browser) - DANA

Mobile Website Browser - DANA

Mobile App - DANA

DANA

Pay with QR Code (Desktop Website Browser) - TrueMoney

Mobile Website Browser - TrueMoney

Mobile App - TrueMoney

TrueMoney

Pay with QR Code (Desktop Website Browser) - Kakao Pay

Mobile Website Browser - Kakao Pay

Mobile App - Kakao Pay

Kakao Pay

Mobile App - Alipay CN

Mobile Website Browser - Alipay CN

Mini Program - Alipay CN

Customs Declaration - Alipay CN

Pay with QR Code (Desktop Website Browser) - Alipay CN

Alipay CN

Mobile App - Alipay HK

Mobile Website Browser - Alipay HK

Pay with QR Code (Desktop Website Browser) - Alipay HK

Alipay HK

Transaction failure reasons

Physical and digital cards (older API versions)

Cardholder statuses

Create individual cards (older API versions)

Card statuses

Create a card (older API versions)

Physical and digital cards

Create commercial cards

Create consumer cards

Whitelabel card offering

Create cards

Cardholder types

Create cardholders

Choose your issuing solution

Supported card programs

3D Secure authentication

Fund your issuing balance (older API versions)

Choose your issuing solution (older API versions)

Supported card types (older API versions)

Secure iframes

Retrieve sensitive card details

Fund your issuing balance

Platform issuing infrastructure for businesses

Consumer payouts via cards

Batch transfers

Payout statuses

Generate a confirmation letter

Simulate payout status transition

Create a payout

 Payout error codes

Batch transfer error codes

Manage approvals for batch transfers

Manage batch transfers

Retrieve batch transfers

Batch transfer statuses

Create a batch transfer

Issuing

Integration guide

Existing customers

New Airwallex customers

Implement your authorisation flow

Install the WooCommerce plugin

Enable Apple Pay (Express Checkout)

Enable Google Pay (Express checkout)

WooCommerce

Zambia

Angola

Test your custom domain

Remove your custom domain

Set Up your Custom Domain 

Custom Domains (Beta)

Togo

Senegal

Rwanda

Republic of the Congo

Paraguay

Powerful and flexible APIs to programmatically manage your money

Core API

APIs and components to build your own global financial products

Embedded Finance

Accept one-time and recurring payments, with like-for-like settlement for multiple currencies

PaymentsActive

PaymentsNormal

Accept payments from your customers around the world with cards and 160+ alternative payment methods. 

Overview

Payments

Choose your payments solution

Get started with payments

Online payments

Payment Links

Invoice integrations

Manage payments

Payment methods

Test and go live

Access interbank FX rates and intelligently manage currency risk

FXActive

FXNormal

Access interbank FX rates and programmatically manage currency risk.

Transactional FX

How Transactional FX works

Supported regions and currencies

Funding and settlement models

Use Cases

Get started

Amendments

Programmatically make cost effective, fast and secure global payouts 

PayoutsActive

PayoutsNormal

Programmatically make cost-effective, fast and secure payouts across the globe.

Payouts

How Airwallex Payouts work

Payout network

Use cases

Beneficiaries

Payers

Errors

Older API versions

Issue and manage multi-currency cards at scale, while reducing international transaction and FX fees

IssuingActive

IssuingNormal

Issue and manage multi-currency cards at scale, while reducing international transaction and FX fees.

How Airwallex Issuing works

Manage cards

Card controls

Transactions

Older Issuing APIs

Enable your customers to collect, store, and disburse funds globally

GTActive

GTNormal

Enable your customers to collect, store, and disburse funds worldwide using Airwallex's powerful global treasury infrastructure.

QR Code Element

.css-1xcsryl>.e1x8zjqq1{opacity:0;-webkit-transition:opacity 250ms ease-in-out;transition:opacity 250ms ease-in-out;}.css-1xcsryl:hover>.e1x8zjqq1{opacity:1;}Checkout flow.css-158icaa{margin-left:4px;}

Checkout flow