Payment-method icon

DANA Component

Add DANA to an existing Components integration.

This page explains how to add DANA to your existing Web Components integration.

Requirements

Select which endpoint you are using:

API reference

You do not need to send additional fields for DANA. To see optional fields that you can send for all payment methods, choose the endpoint you integrated:

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="dana-container"></div>

Step 2: Create an instance of the Component

v6.0.0 or later

Create an instance of the Component, passing:

  • Your instance of AdyenCheckout.
const dana = new Redirect(checkout, { type: 'dana' }).mount('#dana-container');

Use the create method of your AdyenCheckout instance, in this case checkout, to create the Component:

const danaComponent = checkout.create('dana').mount('#dana-container');

Recurring

DANA supports recurring transactions. To make recurring transactions, you need to:
  1. Create a shopper token.
  2. Use the token to make future payments for the shopper.

Create a token

To create a token, include in your /payments request:

  • storePaymentMethod: true
  • shopperReference: Your unique identifier for the shopper.

When the payment has been settled, you receive a webhook containing:

  • type: recurring.token.created
  • shopperReference: your unique identifier for the shopper.
  • eventId: the pspReference of the initial payment.
  • storedPaymentMethodId: the token that you need to make recurring payments for this shopper.

Make sure that your server is able to receive the Recurring tokens life cycle events webhook. You can set up this webhook in your Customer Area.

Make a payment with a token

To make a payment with the token, include in your /payments request:

  • paymentMethod.storedPaymentMethodId: The storedPaymentMethodId from the recurring.token.created webhook.

    You can also get this value using the /listRecurringDetails endpoint.

  • shopperReference: The unique shopper identifier that you specified when creating the token.

  • shopperInteractionContAuth

  • recurringProcessingModel: Use Subscription for a series of transactions following a fixed time interval or UnscheduledCardOnFile for contracts with non-fixed time interval.

Test and go live

To test successful DANA live payments, you need to use a real mobile number registered with a DANA account.

If you are encountering issues with testing DANA payments, contact our Support Team.

Check the status of DANA test payments in your Customer Area > Transactions > Payments.

Before you can accept live DANA payments, you need to submit a request for DANA in your live Customer Area.