On this page, you can find additional configuration for adding Vipps to your Components integration.
Before you begin
This page assumes you have already:
API reference
Select which endpoint you're integrating:
Parameter name | Required | Description |
---|---|---|
shopperStatement | The description of this payment shown in the Vipps app. If you don't specify a shopperStatement , we'll use the value that you provided as the reference to populate this field. |
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="vipps-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 vippsComponent = checkout.create('vipps').mount('#vipps-container');
Test and go live
To test your integration, install a Vipps test app, and use the following credentials:
- Phone number: 98258879, 91437328, 46364980, 45902658, 97538802, 45480257, 45241041, 99290775, or 95686106, 92426303
- PIN: 1236
The Vipps test app is limited to a Visa test card. You can test different scenarios by adding additionalData.RequestedTestAcquirerResponseCode
to your /payments
request, as described in Using additional data.
Check the status of Vipps test payments in your Customer Area > Transactions > Payments.
Go live
Before you can accept live Vipps payments, you need to submit a request for Vipps in your live Customer Area.