# HiPay 3DS

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FthtAxy3k4Fe1b4KFC8b2%2FUntitled.png?alt=media&#x26;token=d3fb022e-c0a7-4581-8e86-55bf7650f2d0" alt=""><figcaption></figcaption></figure>

**STEP 1**

Obtain username and password from HiPay.

&#x20;

**STEP 2**

Activate and edit the HiPay gateway. Enter **username** and **password**. Choose to process **Secure3DS**. If processing 3DS, then choose to force 3DS for all sales. To uncheck the **force3DS** box is to allow sales where 3DS is not available.

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FFFOgLTcin9HVj6qzvBI4%2FUntitled-1.png?alt=media&#x26;token=07dd3517-4d73-4e55-b395-77a3668a0425" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FikMEuNDTn6Kg7iISzsgt%2Fimage.png?alt=media&#x26;token=a68e6945-f534-45b9-8c28-e3aab7fd2bc3" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Steps 3 and 4 can be skipped if using CheckoutChamp hosted pages
{% endhint %}

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