This page explains how to add Trustly to your existing Web Components integration.<\/p>\n
Select the server-side flow<\/a> that your integration uses:<\/p>\n\n If you are using Web Components v6, import the Component<\/a> that you need for Trustly:<\/p>\n You do not need to send additional fields for Trustly. To see optional fields that you can send for all payment methods, choose the endpoint you integrated:<\/p>\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 Trustly provides a test environment<\/a>. For Login ID\/Personal number<\/strong> values, you can enter any digits, following the format You can check the status of Trustly test payments in your\u00a0Customer Area<\/a>\u00a0>\u00a0Transactions<\/strong>\u00a0>\u00a0Payments<\/strong>.<\/p>\n Before you can accept live Trustly payments, you need to submit a request for Trustly in your live Customer Area<\/a>.<\/p>\nImport resources for v6<\/h2>\n
import { AdyenCheckout, Trustly } from '@adyen\/adyen-web'<\/code><\/pre>\nAPI reference<\/h2>\n
\n
Component configuration<\/h2>\n
Step 1: Create a DOM element<\/h3>\n
<div id=\"trustly-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 trustly = new Trustly(checkout).mount('#trustly-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 trustlyComponent = checkout.create('trustly').mount('#trustly-container');<\/code><\/pre>\n\n <\/div>\n <\/div>\n<\/div>\n\nTest and go live<\/h2>\n
YYMMDD-XXXX<\/code> (for example: 111111-1111<\/strong>). <\/p>\nSee also<\/h2>\n