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:
{ "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 the possibility exists that if the amount authorised by the shopper is less than the amount requested by the merchant, only the requested amount displays in Customer Area. However, the correct authorised amount reflects in the /payments/details response and the AUTHORISATION webhook notification. In both the /payments/details response and the AUTHORISATION webhook, you will receive the authorised amount in additionalData.authorisedAmountValue
.
{ "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
- 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.
- Make sure to test ANCV payments with partial payments.
- Add ANCV in your live Customer Area and provide the Merchant ID (shopID in ANCV vocabulary), as received from ANCV.