# Paystrax

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FurTgnaj5hWiRtBr1iTAc%2Fimage.png?alt=media&#x26;token=76f19ee6-8ab9-4ba3-8dc6-7b501c982a64" alt="" width="563"><figcaption></figcaption></figure>

**STEP 1**

Go to **Gateways** | **Gateway Integrations** and select the Paystrax tile. Click on <mark style="color:green;">**+ Activate**</mark>.

Enter **accessToken** and **entityId** specific to your Paystrax account

**sendUpsellToken** - If Upsell is needed, to send a payment token on upsells instead of card number

**sendRebillDetails** - send billing address on rebills

**enableCardOnFile** - send standing instruction parameters

**usePXP** - enable this for PXP Financial processors

**zeroAuth** - Allow a zero amount transaction to be sent to the gateway. This is a good alternative to the Validate Card trial option.

**useTestServer** - use the Paystrax test server. Be sure to uncheck this before running live traffic.

**secure3DS** - choose to process with Paystrax 3DS requirements.  If using 3DS then your checkout page must support [basic 3DS handling](https://help.checkoutchamp.com/crm/gateway-setup/direct-api-3ds-instructions).

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FVa6U4WXa8PwkpCU1K7za%2Fimage.png?alt=media&#x26;token=159dced9-f712-40d7-a90b-1c7dae0f09a5" alt="" width="375"><figcaption></figcaption></figure>

&#x20;

Click the green <mark style="color:green;">**Create Gateway**</mark> button to save your changes and create the gateway

&#x20;

{% hint style="info" %}
Steps 2 and 3 can be skipped if using Checkout Champ hosted pages
{% endhint %}

**STEP 2**

Add the hidden input browserData inside of the same form as the card input.

`<input type="hidden" name="browserData" value="" id="browserData">`

&#x20;

**STEP 3**

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