# PayXpert 3DS V2

<figure><img src="https://1103784913-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiAC0G99SjXjSv2GM5PAE%2Fuploads%2FhgpfEmyP2CKU9UYzZ9sl%2FUntitled.png?alt=media&#x26;token=2c410a78-b0ee-41ca-b34f-c471093ce87b" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Use this gateway to process 3DSecure 2.0. Use the PayXpert gateway to process 3DSecure 1.0.
{% endhint %}

**STEP 1**

Obtain **originatorId** and **APIKey** from PayXpert.

&#x20;

**STEP 2**

Click the PayXpert gateway tile and press the <mark style="color:green;">+ Activate</mark> button

<figure><img src="https://1103784913-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiAC0G99SjXjSv2GM5PAE%2Fuploads%2FxylW73jiEiRXyxdL6kQ3%2FUntitled.png?alt=media&#x26;token=e020889c-727b-4674-8754-39f6ab6adf1f" alt=""><figcaption></figcaption></figure>

Add your credentials. Press the <mark style="color:green;">Create Gateway</mark> button to save.

**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

[Basic 3DS Instructions](https://help.konnektive.com/konnektive-crm/gateway-setup/gateways/payxpert-3ds-v2)