This page explains how to add BLIK to your existing Web Components integration.
Requirements
| Requirement | Description |
|---|---|
| Integration type | Make sure that you have built your 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
In order to successfully authorize a BLIK One Click payment in TEST, please use BLIK code 999016.
Important steps:
- Make sure your implementation satisfies BLIK’s guidelines.
- Test your integration end-to-end.
- Add BLIK in your live Customer Area.