Solid

STEP 1

Obtain publicKey and secretKey from Solid.

Go to Gateways | Gateway Integrations. Select the Solid tile. Click on + Activate.

Enter publicKey and secretKey.

Choose to force Secure3DS for all checkouts. Solid may request a 3DS challenge even with this set to No. The checkout page must handle a 3DS challenge (Step 4 below).

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

Steps 2-4 can be skipped if using Checkout Champ hosted pages.

STEP 2

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

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

STEP 3

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',
        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 4

Ensure the checkout page supports the standard 3DS workflow

Basic 3DS Instructions