# Adyen

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FQeJntvpnOCVhHHjx9FRG%2Fimage.png?alt=media&#x26;token=8e2c8557-5a98-42a6-a7e9-9bd71ccd6361" alt="" width="375"><figcaption></figcaption></figure>

{% hint style="info" %}
This integration uses Adyen's Classis API
{% endhint %}

**STEP 1**

**ADYEN ACCOUNT**

1. Obtain **Merchant\_Accoun**t, **API\_Key** and **API\_URL** from Adyen. The integration is using Classic API V52, so the **API\_URL** should end in /v52/. Be sure to include the ending slash.
   1. [Live endpoints | Adyen Docs](https://docs.adyen.com/development-resources/live-endpoints#classic-payments-endpoints)
   2. The URL should be structured as: https\://**\[prefix]**-pal-live.adyenpayments.com/pal/servlet/Payment/v52/
2. Have your account set for LIVE API/PCI role, which may require submitting the CheckoutChamp PCI documentation. Please contact your account manager if this is needed.
3. Have your account set to “immediate” capture for “sale” or “delay” capture for “authorize”
4. Discuss with Adyen if you need to enable recurring orders

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FCx0yyxhGLNhKgq5H12mH%2FUntitled.png?alt=media&#x26;token=41e11abc-7552-42f3-bdba-3b5ec4af9037" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FR2kNDjixboUDWaEv6sOm%2FUntitled-1.png?alt=media&#x26;token=ba0b5614-8535-4cc8-a2ae-895015c9c784" alt=""><figcaption></figcaption></figure>

**STEP 2**

In the CRM, go to Gateways >Gateway Integrations, Scroll down to Adyen and click the logo. Then click the Activate button.

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2F5PZvaqOPmCIyRnTNrq9G%2FUntitled.png?alt=media&#x26;token=3c0c327e-df8d-45ff-b7c0-6253a50552c8" alt=""><figcaption></figcaption></figure>

**STEP 3**

Fill the fields below. 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%2FhmISM8GIJ4PPV5VgPYT6%2FUntitled.png?alt=media&#x26;token=683fbc6f-cbd9-4dba-89db-fdc0449a1e92" alt=""><figcaption></figcaption></figure>

{% hint style="danger" %}
Skip steps 4-6 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 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>
```

**STEP 6**

For 3DS your checkout page must support the standard 3DS workflow

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