Checkout.com

Checkout.com V2 gateway supports both Apple Pay and Google Pay. Obtain the token on your page and pass to CheckoutChamp on the Import Order API call.

STEP 1

Obtain AccessToken from Checkout.com. AccessToken is found in the API Keys section as noted in this screenshot.

If using Apple Pay or Google Pay then also obtain PublicKey in the API Keys section

STEP 2

Activate and edit the CheckoutV2 gateway. Enter AccessToken from Step 1. Do not enter SecretKey.

Enter PublicKey if using Apple Pay or Google Pay

Optionally enter ProcessingChannelId to process on a specific channel.

Choose to process using 3DSecure.

Choose useTestServer for sandbox testing only

STEP 3

If there is a requirement to implement Checkout.com fraud prevention, then implement risk.js onto your checkout page and pass the resulting device_session_id into Import Order API as fraudSessionId.

https://www.checkout.com/docs/business-operations/prevent-fraud/integrate-with-risk-js

STEP 4

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

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

STEP 5

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>