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
Activate and edit the PayXpert 3DS V2 gateway.
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