ConvesioPay

STEP 1

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

STEP 2

Enter a Title and descriptor.

Enter the following information specific to ConvesioPay:

domain - obtained from ConvesioPay

secure3DS - choose to use ConvesioPay's native 3D Secure

sendProductDetails - send item details with each order

Nothing else is required on this page. Please review this document for more details. Press Create Gateway when finished.

Edit the new gateway. Press the Connect Account button to continue.

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

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