This page explains how to add BLIK to your existing Web Components integration.
Requirements
| Requirement | Description |
|---|---|
| Integration type | Make sure that you have an existing Components integration. BLIK for Web requires at least v3.9.0 of Components. For more information, refer to Release notes. |
| Setup steps | Before you begin, add BLIK in your test Customer Area. |
Import resources for v6
If you are using Web Components v6, import the Component that you need for BLIK:
import { AdyenCheckout, Blik } from '@adyen/adyen-web'API reference
Include fields for the endpoint you integrated:
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="blik-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 = new Blik(checkout).mount('#blik-container');v5.x.x or earlier
Use the create method of your AdyenCheckout instance, in this case checkout, to create the Component:
const Component = checkout.create('blik').mount('#blik-container');Test and go live
You can test BLIK transactions in the test environment using any 6-digit number that starts with 777 as your blikCode.
You can test different refused payment result scenarios by using the following amounts in your /payments request:
| Refusal reason | Amount |
|---|---|
| ALIAS_DECLINED | 288.00 |
| TAS_DECLINED | 192.00 |
| USER_DECLINED | 144.00 |
| SEC_DECLINED | 216.00 |
| SYSTEM_ERROR | 264.00 |
| GENERAL_ERROR | 360.00 |
| INSUFFICIENT_FUNDS | 120.00 |
| TIMEOUT | 312.00 |
| LIMIT_EXCEEDED | 96.00 |
| USER_TIMEOUT | 336.00 |
| ISSUER_DECLINED | 9.99 |
Check the status of BLIK test payments in your Customer Area > Transactions > Payments.
Before you can accept live BLIK payments, add BLIK in your live Customer Area.