> For the complete documentation index, see [llms.txt](https://help.checkoutchamp.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.checkoutchamp.com/crm/gateway-setup/gateway-integrations/convesiopay.md).

# ConvesioPay

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2Fg0dOu70kH3QuDrnOmdKT%2Fimage.png?alt=media&amp;token=ae0a940b-7eb6-4756-a459-5880569b4c50" alt="" width="364"><figcaption></figcaption></figure>

**STEP 1**

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

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FbmIk51CmZtV07wDfCqHx%2Fimage.png?alt=media&amp;token=8c9fa7eb-9072-4461-811b-50f5f6e6c656" alt="" width="375"><figcaption></figcaption></figure>

#### STEP 2

Enter a **Title** and **descriptor**.

Enter the following information specific to ConvesioPay:

**domain -** obtained from ConvesioPay

**secure3DS** - choose to use ConvesioPay's native 3D Secure

**sendProductDetails** - send item details with each order

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FVcx4MjwCSwd43fFGUUyt%2Fimage.png?alt=media&amp;token=fc024e54-259f-4eff-a4dc-99fe33f817ec" alt="" width="375"><figcaption></figcaption></figure>

Nothing else is required on this page.  Please review this [document ](/crm/gateway-setup/adding-a-gateway.md)for more details.  Press <mark style="color:green;">**Create Gateway**</mark> when finished.

Edit the new gateway.  Press the **Connect Account** button to continue.

{% hint style="info" %}
Steps 3-5 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>
```

#### STEP 5

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

[Basic 3DS Instructions](/crm/gateway-setup/direct-api-3ds-instructions.md)