Adyen Components Sample Code

by Adyen


Adyen Web sample code

Adyen Web Sample Code

⚠️ This repository is for demo purposes only


To run this project, create a .env file on your project's root folder following the example on .env.default.


These variables can be found in Adyen Customer Area. For more information, visit our Get started with Adyen guide.

If the forms don't seem to load, please check if you have:

  1. Used the correct clientKey
  2. Configured the origin on the Customer Area as an allowed origin


Running the PHP Server

Navigate to the root of the project and run the script:

$ cd adyen-components-js-sample-code
$ ./

A PHP server will start on http://localhost:3000.

Running the Node.js Server

If preferred, you can run a Node.js server instead. To do this, navigate to the root of the project, install the dependencies (only the first time) and run the start script:

$ cd adyen-components-js-sample-code
$ npm i
$ npm start

A Node.js server will start on http://localhost:3000.

Deploying this example to Heroku

Alternatively, you can install this example by using this shortcut to deploy to Heroku:



For the complete integration guide, refer to the Web Components documentation.

Other sample projects

Find other sample projects in our example projects repositories.


This repository is open source and available under the MIT license. For more information, see the LICENSE file.