Payment-method icon

Scalapay Component

Add Scalapay to an existing Components integration.

This page explains how to add Scalapay to your existing Components integration.

Requirements

Select the server-side flow that your integration uses:

Activating Scalapay defaults the pricing to our standard pricing. Adyen offers Enterprise pricing for merchants with sufficient volume. Before activating Scalapay, contact your account manager to verify if you are eligible.

API reference

Select which endpoint you are using:

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="scalapay_3x-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 scalapay = new Redirect(checkout, { type: 'scalapay_3x' }).mount('#scalapay_3x-container');

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

const scalapayComponent = checkout.create('scalapay_3x').mount('#scalapay_3x-container');

Test and go live

Use the test cards for the test scenarios that are specified on the Scalapay website.

Check the status of Scalapay test payments in your Customer Area > Transactions > Payments.

Before you can accept live Scalapay payments, submit a request for Scalapay in your live Customer Area.

See also