On this page, you can find additional configuration for adding Swish to your Components integration.
Before you begin
This page assumes you've already:
API reference
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 additional use case.
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="swish-container"></div>Step 2: Create an instance of the Component
Use the 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 agreement with one of these banks supporting Swish:
- Swedbank
- Handelsbanken
- Nordea
- 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.