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

Embedded Tax Form component

Bacs Direct Debit - BETA

Bancontact

BLIK

Estonian Banks

iDEAL

Latvian Banks

Lithuanian Banks

Maxima

MyBank

Multibanco

Narvesen

Pay by Bank app (PbBa)

Paysafecard

Paysafecash

Paysera

PayU

Perlas Terminals

Przelewy24 | P24

Satispay

SEPA Direct Debit - BETA

Sofort.

Trustly

TWINT - BETA

EU & UK

Desktop/Mobile Website Browser - TWINT

US tax reporting

Desktop/Mobile Website Browser - Klarna

Desktop/Mobile Website Browser

Store Detail Requirement 

Payment Method List

Native API

Configure remote authorization

iOS SDK

Android SDK

Install the Airwallex Google Pay Payments App

Getting Started

Install Airwallex Card Payments app

Install Airwallex Online Payments App

Install Airwallex Klarna Payments App

Install Airwallex Afterpay Payments App

Install the Airwallex Apple Pay Payments App

Shopline

Supported currencies

 Micro-deposit verification

Transfer webhooks (older versions)

Desktop/Mobile Website Browser - Afterpay / Clearpay

Afterpay / Clearpay

Pakistan

Bangladesh

Indonesia

Market & infrastructure coverage

Settlement report

Transaction & fee types

Payment activity export

Payments rounding logic

Reporting

Enable Native Credit/Debit Cards

Hungary

Zambia

Wallis and Futuna

Virgin Islands (British)

Viet Nam

Vanuatu

Uzbekistan

Uruguay

United States

United Kingdom

United Arab Emirates

Ukraine

Uganda

Turkey

Tunisia

Togo

Timor-Leste

Thailand

Tanzania, United Republic of

Tajikistan

Taiwan (China)

Switzerland

Sweden

Sri Lanka

Spain

South Africa

Slovenia

Slovakia

Singapore

Seychelles

Serbia

Senegal

Saudi Arabia

San Marino

Saint Pierre and Miquelon

Saint Martin (French part)

Saint Lucia

Saint Barthélemy

Rwanda

Romania

Réunion

Republic of the Congo

Qatar

Puerto Rico

Portugal

Poland

Philippines

Peru

Paraguay

Panama

Palestine, State of

Oman

Norway

Nigeria

Niger

New Zealand

New Caledonia

Netherlands

Nepal

Namibia

Morocco

Montenegro

Albania

Algeria

Andorra

Angola

Anguilla

Antigua and Barbuda

Argentina

Armenia

Aruba

Australia

Austria

Azerbaijan

Bahrain

Belgium

Belize

Benin

Bolivia

Bosnia and Herzegovina

Botswana

Brazil

Bulgaria

Burkina Faso

Cambodia

Cameroon

Canada

Canary Islands

Central African Republic

Chad

Chile

China

Colombia

Costa Rica

Côte d'Ivoire

Croatia

Curaçao

Cyprus

Czech Republic

Denmark

Dominican Republic

Dominica

Ecuador

Egypt

El Salvador

Equatorial Guinea

Estonia

Faroe Islands

Fiji

Finland

France

French Guiana

French Polynesia

French Southern Territories

Gabon

Payout network

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