On this page, you can find additional configuration for adding Swish to your Components integration.
Before you begin
This page assumes you've already:
You don't need to send additional fields for Swish. To see optional fields that you can send for all payment methods, choose the endpoint you integrated:
- /sessions: This is the default with Components v5.0.0 or later.
- /payments: If you implemented an advanced use case, or integrated Components before v5.0.0.
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:
Step 2: Create an instance of the Component
create method of your
AdyenCheckout instance, in this case
checkout, to create the Component:
const swishComponent = checkout.create('swish').mount('#swish-container');
Test and go live
When you make a Swish payment in the test environment, the payment is immediately approved.
Check the status of Swish test payments in your Customer Area > Transactions > Payments.
To go live with Swish you need an external agreement with one of these banks supporting Swish:
- SEB Bank
- Danske bank
Make sure that your Swish bank has connected your Swish number with Adyen's technical supplier certificate - 9875158603.
To accept live Swish payments, you must submit a request for Swish in your live Customer Area.