Airwallex Payment Demo

The purpose of this project is to demonstrate how Airwallex payment element can be integrated with different web frameworks. Demos in each framework demonstrate each of the various payment acceptance methods merchants can use.

Our goal is to make it easy for you (Merchants) to use our platform, as easy as a copy-paste!

Before getting start, check out what the Airwallex Checkout elements look like here: https://demo-pacheckoutdemo.airwallex.com/.

Questions, comments, or suggestions?

Running into issues? Check out some of the common errors and our troubleshooting tips here.

Let us know if you run into problems, or have any comments and suggestions for us. We value your input!

Creating a Payment Intent

Throughout this demo, you will be asked to insert your intent secrets to properly enact a payment checkout, more details can be found in the Airwallex API.

Navigating this project

So far, integrations are done with the following frameworks. You can find the installation and development instructions within its subfolder.

API integration:

• Node

Frontend integration:

• React
• React Typescript
• Angular
• CDN
• Vue

Other Integrations

For those using Next.js as their web framework, feel free to see the React/React Typescript examples.

Sandboxes

You also can play around with the different web integrations with the sandboxes below:

• Static HTML
• React
• React-Typescript
• Vue
• Angular