# Centrobill

{% hint style="danger" %}
**Disclaimers:**

Centrobill does not support Authorize or Capture transactions
{% endhint %}

**STEP 1**

Go to **Gateways** > **Gateway Integrations.**  Scroll down to **Centrobill**

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2Fwr3MALmlPspfbZIVCK3V%2Fimage.png?alt=media&#x26;token=7419b694-4e47-444a-9856-c4f0100c4107" alt="" width="375"><figcaption></figcaption></figure>

**STEP 2**

Click the <mark style="color:green;">+</mark> <mark style="color:green;"></mark><mark style="color:green;">**Activate**</mark> button to activate **Centrobill**

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2F6rki924qHeqHsebdrBYm%2Fimage.png?alt=media&#x26;token=3dcfd702-5595-43bb-a24c-ca21b62424a3" alt="" width="375"><figcaption></figcaption></figure>

**STEP 3**

Enter **Authentication\_Key** and **site\_id.**

Enter **mid** when you have more than one merchant account with Centrobill, to uniquely identify this particular merchant account.

Choose to use Centrobill's **secure3DS** capabilities.

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

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FvLdECPWmsFE5SDnuZ9D2%2Fimage.png?alt=media&#x26;token=60a629a7-84b3-4387-9366-0399f9377d9b" alt="" width="375"><figcaption></figcaption></figure>

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

**STEP 4**

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

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

**STEP 5**

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

#### STEP 6

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

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