On this page, you can find additional configuration for adding Walley to your Components integration.
Before you begin
Before continuing, complete the following:
Walley for Web requires at least v3.23.0 of Components.
You must include the following fields when making a /sessions request:
|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.|
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:
Step 2: Create an instance of the Component
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.