> 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/pixxles.md).

# Pixxles

{% hint style="danger" %}
Authorization with delayed Capture is not supported on Pixxles
{% endhint %}

**Step 1:**

Go to **Gateways** → **Gateway Integrations** and activate the Pixxles tile with the <mark style="color:green;">**+ Activate**</mark> button

<figure><img src="/files/fqa4HMFlSfoSOvnlvM91" alt="" width="252"><figcaption></figcaption></figure>

**Step 2:**

Enter the **merchantId** and **signature** from your Pixxles account. Enter your **Descriptor** and **Mid #**. Press the green <mark style="color:green;">**Create Gateway**</mark> button to create your Pixxles gateway.

Choose **useTestServer** for sandbox testing only

<figure><img src="/files/dtQa3T6eGTOAFGfFgnW7" alt=""><figcaption></figcaption></figure>

**Step 3:**

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

Apply the gateway to your offers and upsells within the campaign.

**Secure 3DS:**

If using native (challenge) 3DS, be sure to follow proper instructions on the checkout page

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

3DS requires that certain browser information be included on the Import Order API call:

* Add a hidden input for browserData

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

&#x20;

* Add the below script before 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> 
```