Payment-method icon

Walley Component

Add Walley to an existing Components integration.

This page explains how to add Walley to your existing Web Components integration.

Requirements

Requirement Description
Integration type Make sure that you have built your Components integration.

Walley for Web requires at least v3.23.0 of Components.
Setup steps Before you begin, contact our Support Team to add Walley in your test Customer Area.

API reference

Component configuration

Step 1: Create a DOM element

Create a DOM element on your checkout page, placing it where you want the payment method form to be rendered:

 <div id="walley-container"></div>

Step 2: Create an instance of the Component

v6.0.0 or later

Create an instance of the Component, passing:

  • Your instance of AdyenCheckout.
const walley = new Redirect(checkout, { type: 'walley' }).mount('#walley-container');

Use the create method of your AdyenCheckout instance, in this case checkout, to create the Component:

const walleyComponent = checkout.create('walley').mount('#walley-container');

Test and go live

You can perform the test scenarios described on Walley's technical documentation using Adyen's /payments endpoint. Consider the following:

  • Include the CivRegNo as the socialSecurityNumber.
  • When testing a Walley B2B transaction, provide the company information as shown in the following example: 
    "company": {
    "name": "Adyen N.V.",
    "registrationNumber": "5562000116"
}

Check the status of Walley verification payments in your Customer Area > Transactions > Payments.

See also