PayXpert 3DS V2

Use this gateway to process 3DSecure 2.0. Use the PayXpert gateway to process 3DSecure 1.0.

STEP 1

Obtain originatorId and APIKey from PayXpert.

STEP 2

Click the PayXpert gateway tile and press the + Activate button

Add your credentials. Press the Create Gateway button to save.

Steps 3-5 are necessary only if hosting your own checkout. Skip these steps if your checkout page is hosted by Checkout Champ.

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 to get browserData:
<script type="text/javascript">
    const navigator = window.navigator;
    const browserData = {
        acceptHeader: 'application/json',
        colorDepth: screen.colorDepth,
        javaEnabled: navigator.javaEnabled(),
        javaScriptEnabled: true,
        language: navigator.language,
        screenHeight: screen.height,
        screenWidth: screen.width,
        timeZoneOffset: (new Date()).getTimezoneOffset().toString(),
        userAgent: navigator.userAgent
    };
    document.getElementById('browserData').value = JSON.stringify(browserData);
</script>

STEP 5

Enable 3DS instructions on the checkout page

Direct API 3DS Instructions