# Airwallex

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FlUQVWe0sRgZQIvJeUXjJ%2Fimage.png?alt=media&#x26;token=b40467b1-40d7-4f3f-99e5-353e6f071c04" alt=""><figcaption></figcaption></figure>

<p align="center"><a href="https://www.airwallex.com/gtmp/payments/integration-partners/checkoutchamp?utm_source=gtm-partner&#x26;utm_medium=partner_referral&#x26;utm_campaign=v01_glbl_multi_ib_dg_prttm_gen_checkoutchamp&#x26;sfcid=701Nn00000Sc3JJIAZ">CLICK HERE</a> to learn more about the Airwallex integration with Checkout Champ!</p>

{% hint style="info" %}
Airwallex supports multiple payment methods - credit card, [Apple Pay](#apple-pay), [Google Pay](#google-pay), Afterpay, BLIK, Bancontact, iDEAL, P24, Klarna, EPS, MyBank, PayU, Trustly, and SEPA Direct Debit.
{% endhint %}

{% hint style="warning" %}

* Contact Airwallex to enable the third-party 3DS feature
* Contact Airwallex to enable the skip 3DS feature
  {% endhint %}

**STEP 1**

Go to **Gateways** | **Gateway Integrations** and select the Airwallex tile. Click on **+Activate**.

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FCmke3nH2a1TJj1ObgZyn%2Fimage.png?alt=media&#x26;token=c0e41edb-e724-4c83-8be1-24ab8e3ba2f6" alt="" width="375"><figcaption></figcaption></figure>

#### STEP 2

Enter a Title for the gateway.

Then enter the following information specific to Airwallex:

**clientId -** obtained from Airwallex

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FP79NVbDWMzeDw0fbAa25%2Fimage.png?alt=media&#x26;token=5afda5f8-6861-4fb1-bec5-6098e430f80a" alt="" width="563"><figcaption></figcaption></figure>

**apiKey** - obtained from Airwallex.  This must be a restricted API key.  The restricted API key must be set with only the permission **Payment Acceptance → Payment Acceptance (Edit & View)**.  Do not set any other permissions.  Follow instructions [here](https://www.airwallex.com/docs/developer-tools__api__manage-api-keys).

**secure3DS** - choose Default, Skip, or Force.  Check with your Airwallex account manager for the proper choice.

**sendUpsellToken** - choose to send a payment token instead of card number on upsells.

**useTestServer** - use sandbox credentials to test the integration. Be sure this is unchecked for live processing.

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FNIwJRWeHtDX50ndL1mKb%2Fimage.png?alt=media&#x26;token=241a22f2-7228-49f2-a943-92f5fc565c23" alt="" width="375"><figcaption></figcaption></figure>

Nothing else is required on this page.  Please review this [document ](https://help.checkoutchamp.com/crm/gateway-setup/adding-a-gateway)for more details.  Press <mark style="color:green;">**Create Gateway**</mark> when finished.

{% hint style="info" %}
Steps 3-5 can be skipped if using CheckoutChamp hosted pages
{% endhint %}

**STEP 3**

Add the hidden input browserData inside of the same form as the card input.

`<input type="hidden" name="browserData" value="" id="browserData">`

**STEP 4**

Add this script to your page before the closing body tag.

```
<script type="text/javascript">
    const navigator = window.navigator;
    const browserData = {
        acceptHeader: 'application/json',
        userAgent: navigator.userAgent,
        language: navigator.language,
        timezone: (new Date()).getTimezoneOffset().toString(),
        colorDepth: screen.colorDepth,
        screen: {
            height: screen.height.toString(),
            width: screen.width.toString()
        },
        javaScriptEnabled: true,
        javaEnabled: navigator.javaEnabled()
    };
    document.getElementById('browserData').value = JSON.stringify(browserData);
</script>
```

#### STEP 5

If using Secure 3DS be sure the checkout page supports the challenge requests

[Basic 3DS Instructions](https://help.checkoutchamp.com/crm/gateway-setup/direct-api-3ds-instructions)

#### Apple Pay

If using CheckoutChamp pages then follow Apple Pay instructions [here](https://help.checkoutchamp.com/funnel-builder/creating-and-editing-funnels-pages/funnel-visualizer-and-page-builder/funnel-visualizer/edit-funnel-settings/payments/apple-pay).

If not using CheckoutChamp pages then obtain the appropriate token on your page and pass **applePayToken** to CheckoutChamp on the [Import Order](https://apidocs.checkoutchamp.com/#275a54c6-b4b0-414c-819b-7387e9a81f58) API call.

#### Google Pay

If using CheckoutChamp pages then follow Google Pay instructions [here](https://help.checkoutchamp.com/funnel-builder/creating-and-editing-funnels-pages/funnel-visualizer-and-page-builder/funnel-visualizer/edit-funnel-settings/payments/google-pay).

If not using CheckoutChamp pages then obtain the appropriate token on your page and pass **googlePayToken** to CheckoutChamp on the [Import Order](https://apidocs.checkoutchamp.com/#275a54c6-b4b0-414c-819b-7387e9a81f58) API call.