Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Activate and edit the cardstream gateway

...

STEP 3 (if not using CheckoutChamp page builder)

Info

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.

...

Code Block
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

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

Basic 3DS Instructions