Centrobill

Disclaimers:

Centrobill does not support Authorize or Capture transactions

STEP 1

Go to Gateways > Gateway Integrations. Scroll down to Centrobill

STEP 2

Click the + Activate button to activate Centrobill

STEP 3

Enter Authentication_Key and site_id.

Enter mid when you have more than one merchant account with Centrobill, to uniquely identify this particular merchant account.

Choose to use Centrobill's secure3DS capabilities.

Click the Create Gateway button to save your changes and create the gateway.

Steps 4-6 can be skipped if using CheckoutChamp hosted pages

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>

STEP 6

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

Basic 3DS Instructions