Payment-method icon

ANCV Drop-in integration

Add ANCV to an existing Drop-in integration.

This page explains how to add ANCV to your existing Web Drop-in integration.

Select server-side flow

To enable ANCV on your website, choose which server-side flow your integration uses.

Requirements

Requirement Description
Integration type Make sure that you have built a Sessions flow Drop-in integration.
Setup steps Before you begin, add ANCV in your test Customer Area.

Configure

There are no configuration steps specific to ANCV required for Drop-in.

Create a session

You do not need to send additional fields for ANCV. See /sessions for all the optional fields that you can send.

Get outcome

You will receive an AUTHORISATION webhook after the shopper completes the payment in their ANCV app:

Example AUTHORIZATION webhook
Expand view
Copy link to code block
Copy code
Copy code
{
  "live": "false",
  "notificationItems": [
    {
      "NotificationRequestItem": {
        "amount": {
          "value": 3000,
          "currency": "EUR"
        },
        "reason": "null",
        "success": "true",
        "eventCode": "AUTHORISATION",
        "eventDate": "2023-09-14T15:35:58+02:00",
        "pspReference": "JF89C8JSHVTFWR82",
        "paymentMethod": "ancv",
        "additionalData": {
          "hmacSignature": "NugWLawWaf/0FsVy17G/IaEfOhaz4GShU+hnD6tfQs0=",
          "merchantOrderReference": "YOUR_ORDER_REFERENCE"
        },
        "merchantReference": "YOUR_MERCHANT_REFERENCE",
        "merchantAccountCode": "YOUR_MERCHANT_ACCOUNT"
      }
    }
  ]
}


With partial authorisation is it possible that if the amount authorized by the shopper is less than the amount requested by the merchant, the Customer Area only shows the requested amount. However, the correct authorized amount is shown in the /payments/details response and in the AUTHORISATION webhook, in additionalData.authorisedAmountValue.

Example AUTHORIZATION webhook for partial authorization
Expand view
Copy link to code block
Copy code
Copy code
{
  "live": "false",
  "notificationItems": [
    {
      "NotificationRequestItem": {
        "amount": {
          "value": 3000,
          "currency": "EUR"
        },
        "reason": "null",
        "success": "true",
        "eventCode": "AUTHORISATION",
        "eventDate": "2023-09-14T15:35:58+02:00",
        "pspReference": "JF89C8JSHVTFWR82",
        "paymentMethod": "ancv",
        "additionalData": {
          "hmacSignature": "NugWLawWaf/0FsVy17G/IaEfOhaz4GShU+hnD6tfQs0=",
          "merchantOrderReference": "YOUR_ORDER_REFERENCE"
          "authorisedAmountValue": "2500",
          "authorisedAmountCurrency": "EUR"
        },
        "merchantReference": "YOUR_MERCHANT_REFERENCE",
        "merchantAccountCode": "YOUR_MERCHANT_ACCOUNT"
      }
    }
  ]
}

Test and go live

  1. Test your integration end-to-end with the ANCV test app. Instructions on how to download, install and onboard ANCV users, as well as the required test credentials, are shared by ANCV directly with the merchant.
  2. Make sure to test ANCV payments with partial payments.
  3. Add ANCV in your live Customer Area and provide the Merchant ID (shopID in ANCV vocabulary), as received from ANCV.