# Maverick

<figure><img src="https://1103784913-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiAC0G99SjXjSv2GM5PAE%2Fuploads%2Fcac6UVRjKktwBAwa1NT4%2Fimage.png?alt=media&#x26;token=45dc216b-706c-4f60-b788-3ff4365a651d" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Konnektive is integrated to [Maverick’s](https://maverickpayments.com) 3DS proprietary payment gateway
{% endhint %}

**STEP 1 - Activate Plugin**

Go to **Gateways | Gateway Integrations** and select the Maverick tile.

Select 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%2Frw8oR9lEb6EiCSwWIYjc%2Fimage.png?alt=media&#x26;token=f5f41c67-f6f2-4e77-aa8c-d442ac42150a" alt=""><figcaption></figcaption></figure>

Specify your Maverick account credentials along with other gateway configuration details and select <mark style="color:green;">**Create Gateway**</mark>.&#x20;

**dbald** and **secCode** are specific to ACH processing.

Optionally choose to enable **3DSecure** processing.

Use **sendProductDetails** to send products with each sale.

Once the gateway is created, it can be assigned to campaign products and start processing payments.

<figure><img src="https://1103784913-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiAC0G99SjXjSv2GM5PAE%2Fuploads%2FM6UMrhY1W7qKCeEZfVVr%2Fimage.png?alt=media&#x26;token=a70ac2ef-4dfc-42d3-a0af-d13114aa5890" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
This next step can be ignored if using CheckoutChamp hosted pages
{% endhint %}

**STEP 2 - 3D Secure processing**

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

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

A step in the 3DS processing is passing browser information on the Order Import API call.

Review this example of one method to send browserData parameter.

```
browserData input to be added to checkout page:
<input type="hidden" name="browserData" value="" id="browserData">

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