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.
Walley for Web requires at least v3.23.0 of Components.
- Add Walley in your Customer Area by contacting our Support Team.
API reference
You must include the following fields when making a /sessions request:
| Parameter name | Required | Description |
|---|---|---|
| telephoneNumber |  |
The shopper's telephone number. You must collect a working mobile phone number (including country code) from the customer. Incorrect or missing numbers will fail Walley's validation. |
| shopperEmail | |
The shopper's email address. |
| lineItems.id | |
The ID of the line item. |
| lineItems.description | |
A description of the line item. |
| lineItems.amountExcludingTax | |
The item amount excluding the tax, in minor units. |
| lineItems.taxAmount | |
The tax amount, in minor units. |
| lineItems.taxPercentage | |
The tax percentage, in minor units. |
| lineItems.quantity | |
The number of items. |
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
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
There is no test environment available for Walley. Verify payments with real payment details and small amounts.
Check the status of Walley verification payments in your Customer Area > Transactions > Payments.