Pay.com

Pay.com supports Google Pay. Obtain the token on your page and pass to CheckoutChamp on the Import Order API call.

STEP 1

Obtain API_key from Pay.com.

STEP 2

Go to Gateways > Gateway Integrations. Click on the Pay.com tile. Press the Activate button. Enter API_key. Choose to process using 3DSecure. 3DSecure activates native 3DS functionality at Pay.com. Pay.com also supports third-party 3DS authentication, such as obtained from PAAY. If using third-party 3DS then set 3DSecure = No.

Descriptor is always passed to Pay.com as the descriptor suffix. Product names are always passed as the transaction description.

Steps 3 - 5 can be skipped if using CheckoutChamp hosted pages

STEP 3

For 3DSecure orders 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

Ensure the checkout page supports standard 3DS redirects

Basic 3DS Instructions