This page explains how to add KNET to your existing Web Components integration.<\/p>\n
Select the server-side flow<\/a> that your integration uses:<\/p>\n\n Select which endpoint you are using:<\/p>\n\n Create a DOM element on your checkout page, placing it where you want the payment method form to be rendered:<\/p>\n Create an instance of the Component, passing:<\/p>\n Use the To test KNET payments, use the test card details provided by Tap<\/a>.<\/p>\n Before you can accept live KNET payments, you need to submit a request for KNET in your live Customer Area<\/a>.<\/p>\nAPI reference<\/h2>\n
Component configuration<\/h2>\n
Step 1: Create a DOM element<\/h3>\n
<div id=\"knet-container\"><\/div><\/code><\/pre>\nStep 2: Create an instance of the Component<\/h3>\n
v6.0.0 or later<\/h4>\n
\n
AdyenCheckout<\/code>.<\/li>\n<\/ul>\nconst knet = new Redirect(checkout, { type: 'knet' }).mount('#knet-container');<\/code><\/pre>\nv5.x.x or earlier<\/h4>\n <\/div>\n <\/div>\n
create<\/code> method of your AdyenCheckout<\/code> instance, in this case checkout<\/code>, to create the Component:<\/p>\nconst knetComponent = checkout.create('knet').mount('#knet-container');<\/code><\/pre>\n\n <\/div>\n <\/div>\n<\/div>\n\nTest and go live<\/h2>\n
See also<\/h2>\n