This page explains how to add Bizum to your existing Web Components integration.
Requirements
| Requirement | Description |
|---|---|
| Integration type | Make sure that you have built your Components integration. |
| Setup steps | Before you begin:
|
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="bizum-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 bizum = new Redirect(checkout, { type: 'bizum' }).mount('#bizum-container');v5.x.x or earlier
Use the create method of your AdyenCheckout instance, in this case checkout, to create the Component:
const bizumComponent = checkout.create('bizum').mount('#bizum-container');Test and go live
To test Bizum payments:
-
Use
telephoneNumber: 700 000 000. -
Note that the payments
amountvalue determines the outcome:Amount Outcome Less than 15 Payment is authorized From 15 to 50 Payment is refused From 50 to 1000 Payment is authorized More than 1000 Payment is refused -
Check the status of Bizum test payments in your Customer Area > Transactions > Payments.