# Solid

**STEP 1**

Obtain **publicKey** and **secretKey** from Solid.

Go to **Gateways** | **Gateway Integrations** and select the Solid 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%2FRhsKuuH5d8zO3TRwzBdn%2Fimage.png?alt=media&#x26;token=f7919f46-a742-471a-a3f1-141a30807cb0" alt="" width="375"><figcaption></figcaption></figure>

Enter **publicKey** and **secretKey**.

Select “No” on **Secure3DS** if it is for Non-3DS.

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FVmeKGH3Zra8taiPQrsX0%2Fimage.png?alt=media&#x26;token=7ff1a844-6b22-40aa-9d4b-8655d37f8dc5" alt=""><figcaption></figcaption></figure>

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

{% 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',
        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>
```
