With Bancontact mobile, the shopper completes the payment in the Payconiq by Bancontact app installed on their mobile device.
Before you begin
These instructions explain how to add Bancontact mobile to your existing API-only integration. The API-only integration works the same way for all payment methods. If you haven't done this integration yet, refer to our API-only integration guide.
Bancontact mobile payments are supported from Checkout API v53 or later.
Before starting your integration:
- Make sure that you have set up your back end implementation for making API requests.
- Add Bancontact mobile in your test Customer Area.
- Enable the
bcmcmobile.urlIntentparameter in the payment response:
- In your Customer Area, go to Developers > Additional data > under 3D Secure, select the checkbox for 3DS2 Additional Fields.
Build your payment form for Bancontact
Include Bancontact in the list of available payment methods. You don't need to collect any information from the shopper in your payment form.
If you're using the /paymentMethods endpoint to show which payment methods are available to the shopper, specify in your request:
The response contains:
We provide a Bancontact logo which you can use on your payment form. For more information, refer to Downloading logos.
Make a payment
When a shopper chooses to pay with Bancontact mobile, you need to redirect them to the Bancontact app, depending on how they are accessing your site:
- For shoppers on desktop or laptop, present a QR code.
- For shoppers on mobile, present a button that redirects to the Bancontact app.
- For shoppers on tablet, you can present a QR code or a button that redirects to the Bancontact app, or both.
We recommend that you use screen size to determine whether the shopper is accessing your site on mobile, desktop, or tablet.
Follow this flow to let the shopper pay on a desktop or laptop by scanning a QR code and paying with their Bancontact app.
When the shopper selects to pay with Bancontact, make a /payments request with:
returnURL: The URL where the shopper is redirected back to after completing the payment.
Sample /payments request:
The /payments response contains:
action.qrCodeData: Use this to render the QR code on your checkout page.
After initiating the payment, the shopper has 15 minutes to complete it. We recommend that you show this timer to the shopper.
Present the QR code
Follow these steps to render the QR code on your checkout page:
- Use the
actionobject to render the QR code on your checkout page.
- After the shopper scans the QR code and completes the payment, we send a webhook informing you of the payment result.
- Present the payment result to your shopper.
Present the payment result
Wait for a webhook to know the outcome of the payment. The webhooks you can receive for Bancontact mobile are:
|Action to take
|The transaction failed.
|Do not proceed with the order. Inform the shopper that the payment failed.
|The shopper successfully completed the payment.
|Inform the shopper that the payment has been successful and proceed with the order.
Bancontact recurring payments are not available in the test environment. To test your integration, do a penny test in the live environment instead.
We support recurring transactions for Bancontact through SEPA Direct Debit. To make recurring payments, you need to:
Create a token
We strongly recommend that you request explicit permission from the shopper if you intend to make recurring SEPA payments. Being transparent about the payment schedule and the charged amount reduces the risk of chargebacks.
- shopperReference: Your unique identifier for the shopper (minimum length three characters).
When the payment has been settled, you receive a webhook containing:
pspReferenceof the initial payment.
pspReference: This is the token that you need to make recurring payments for this shopper.
Make sure that your server is able to receive RECURRING_CONTRACT as part of your standard webhooks. You can enable the RECURRING_CONTRACT event code in the webhook settings page.
Make a payment with a token
To make a payment with the token, include in your /payments request:
pspReferencefrom the RECURRING_CONTRACT. You can also get this value by using the /listRecurringDetails endpoint.
shopperReference: The unique shopper identifier that you specified when creating the token.
recurringProcessingModel: Subscription or UnscheduledCardOnFile.
For more information about the
recurringProcessingModel fields, refer to Recurring transaction types.
Test and go live
Bancontact does not have a test platform, but you can simulate authorized or declined payments.
To simulate authorized or declined payments, make a test payment using the following last three digits for the payment amount:
|Amount ending in
|Simulates an approved transaction within fifteen seconds.
|Simulates a refused transaction within fifteen seconds.
Any other scenarios must be tested in the live environment using real payment details and small amounts.
Before you can accept live payments, you need to submit a request for Bancontact in your live Customer Area.