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

Installation

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

Node package manager

1. Install the Adyen Web Node package:

npm install @adyen/adyen-web --save

2. Import Adyen Web into your application:

import AdyenCheckout from '@adyen/adyen-web';
import '@adyen/adyen-web/dist/adyen.css';

Using a