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:
You do not need to send additional fields for BLIK. To see optional fields that you can send for all payment methods, see:
-
/sessions: This is the default with Components v5.0.0 or later.
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');
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.