Walley Component

On this page, you can find additional configuration for adding Walley to your Components integration.

Before you begin

Before continuing, complete the following:

• Build your Components integration.
• Add Walley in your Customer Area by contacting our Support Team.

Walley for Web requires at least v3.23.0 of Components.

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');

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