!Web

Adyen Web

Adyen Web provides you with the building blocks to create a checkout experience for your shoppers, allowing them to pay using the payment method of their choice.

You can integrate with Adyen Web in two ways:

- Web Drop-in: an all-in-one solution, the quickest way to accept payments on your website.
- Web Components: one Component per payment method and combine with your own payments form logic.

Prerequisites

- Adyen test account
- API key
- Client key

Drop-in/Components lifecycle

| Major version | State | Deprecated | End-of-life |
|---------------|------------|--------------|--------------|
| 6.x.x | Active | --- | --- |
| 5.x.x | Inactive | TBA | TBA |
| 4.x.x | Deprecated | August 2025 | August 2026 |
| 3.x.x | End-of-life | October 2024 | October 2025 |

More information about our versioning and the Drop-in/Components lifecycle can be found here

Installation

We only provide full support when you use one of these methods of installation.

$3

1. Install the Adyen Web Node package:

``sh
npm install @adyen/adyen-web --save
`

2. Import Adyen Web into your application:

`js
import { AdyenCheckout } from '@adyen/adyen-web';
import '@adyen/adyen-web/styles/adyen.css';
`

$3

You can also import Adyen Web using a