No momento, esta página não está disponível em português
Payment-method icon

Walley Component

Add Walley to an existing Components integration.

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.

API reference

You must include the following fields when making a /sessions request:

Parameter name Required Description
telephoneNumber -white_check_mark- 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 -white_check_mark- The shopper's email address.
lineItems.id -white_check_mark- The ID of the line item.
lineItems.description -white_check_mark- A description of the line item.
lineItems.amountExcludingTax -white_check_mark- The item amount excluding the tax, in minor units.
lineItems.taxAmount -white_check_mark- The tax amount, in minor units.
lineItems.taxPercentage -white_check_mark- The tax percentage, in minor units.
lineItems.quantity -white_check_mark- 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.

See also