Page History

Optimaliseer betaalstromen met directe integratie van betaalmethoden.

Vereenvoudig het betaalproces door de keuze van betaalmethoden rechtstreeks in uw website te integreren. De betaalervaring wordt gehost en beheerd in een veilige omgeving door:

• Axepta BNP Paribas (voor kaartbetalingen).
• De betaalmethode zelf (bv. PayPal).

Belangrijkste voordelen

• Eigen UI/betaalselectie ontwerpen. U bepaalt zelf de gebruikersinterface voor de betaalmethodekeuze.
• Veilige verwerking van kaartgegevens
  • Gevoelige klantgegevens blijven volledig binnen het Axepta BNP Paribas-systeem.
  • Vermindert uw verantwoordelijkheden en kosten voor PCI-DSS-naleving aanzienlijk.
• Naadloze integratie met externe betaalmethoden
  • Voor niet-kaartgebaseerde betaalmethoden (bv. PayPal) wordt de betaalervaring rechtstreeks beheerd door de betreffende provider, zonder extra ontwikkelwerk.

Betaal Flow

Gehoste betaalervaring door Axepta BNP Paribas: Formulier voor kaartbetalingen

Betaalmethode: Kaart

Streamline payment flows by directly integrating payment method selection into your website. The payment experience is hosted and managed by the payment method in its secure environment or by Axepta BNP Paribas for card payments.

Key Benefits

• Design your own user interface/payment method selector

• For card payments, customer-sensitive data remains entirely within the Axepta BNP Paribas system, significantly reducing your responsibilities and costs related to PCI-DSS compliance.

• For other payment methods, the payment experience is managed by the payment method (e.g. PayPal).

Payment Flow

Hosted Payment Experience by Axepta BNP Paribas: Card Payment Form

Payment Method: Card

1. Klant start betaling in uw webshop.
2. Uw frontend vraagt de betaalpagina aan bij de backend.

3. The customer proceeds with the payment on your online store.

4. Your frontend requests the payment page from the backend.

Your backend makes a CreatePayment call with `paymentMethods.integrationType=HOSTED` to
5. Uw backend doet CreatePayment -aanroep met:

   "paymentMethods": {
     "integrationType": "HOSTED"
   }
   

   naar 
6. Axepta BNP Paribas.
7. Axepta BNP Paribas
responds with an HTTP 202 response code and a redirect URL to your
8.  retourneert:
   • HTTP 202-statuscode (geaccepteerd voor verwerking).
   • Doorverwijzings-URL naar uw backend.

9. Your backend orchestrates the browser to redirect the user interface to the redirect URL.

10. The customer is redirected to the payment form hosted by Axepta BNP Paribas.

11. The customer enters the details and completes the payment.

12. At the end, the customer is redirected to the return URL that you submitted during the payment creation call (urls.return) with the payId in the query parameters.

13. The browser retrieves the return URL hosted by your backend.

14. The backend makes a GET payment details call with the payId to retrieve the payment response code.

15. Axepta BNP Paribas responds with the payment response code along with other parameters.

16. Your backend returns a success or failure page based on the payment response code.

1. Uw backend stuurt de browser door naar de doorverwijzings-URL.
2. Klant wordt doorgestuurd naar het kaartbetaalformulier, gehost door Axepta BNP Paribas.
3. Klant vult kaartgegevens in en voltooit de betaling.
4. Na afronding wordt de klant doorgestuurd naar de return-URL (opgegeven in de CreatePayment-call via urls.return), met de payId als queryparameter:

   https://uw-domein.nl/return?payId=ABC123XYZ
   

5. De browser laadt de return-URL, die door uw backend wordt gehost.
6. Uw backend doet een GET payment details-aanroep met de payId om de betalingsstatus op te halen.
7. Axepta BNP Paribas retourneert:
   • Betalingsresponsecode (bv. SUCCESS, FAILURE).
   • Aanvullende parameters (bv. transactie-ID, bedrag).
8. Uw backend toont een succes- of foutpagina, gebaseerd op de responsecode.

Gehoste betaalervaring via externe betaalmethoden

1. Klant selecteert een betaalmethode (bv. PayPal) en start de betaling in uw webshop.
2. Uw frontend vraagt de betaalpagina aan bij de backend.

3. The customer selects a payment method and proceeds with the payment on your online store.

4. Your frontend requests the payment page from the backend.

Your backend makes a CreatePayment call with `paymentMethods.integrationType=HOSTED` to
5. Uw backend doet een CreatePayment-aanroep met:

   "paymentMethods": {
     "integrationType": "HOSTED"
   }
   

   naar 
6. Axepta BNP Paribas.
7. Axepta BNP Paribas
makes a payment request to the payment method.
8.  stuurt een betaalverzoek naar de geselecteerde betaalmethode (APM).
9. De betaalmethode (APM) retourneert een doorverwijzings-
The payment method responds with a redirect
10. URL.
11. Axepta BNP Paribas
responds with an HTTP 202 response code and a redirect URL to your
12.  geeft een HTTP 202-statuscode + doorverwijzings-URL door aan uw backend.

13. Your backend orchestrates the browser to redirect the user interface to the redirect URL.

14. The customer is redirected to the payment form hosted by the APM provider.

15. The customer enters the details and completes the payment.

16. The payment method redirects the customer to the callback URL of Axepta BNP Paribas that was submitted in step 3.

17. Uw backend stuurt de browser door naar de doorverwijzings-URL.
18. Klant wordt doorgestuurd naar het betaalformulier van de APM-provider (bv. PayPal-pagina).
19. Klant vult gegevens in en voltooit de betaling.
20. De APM-provider stuurt de klant door naar de callback-URL van Axepta BNP Paribas (meegestuurd in stap 3).
The browser requests the callback URL from
21. De browser vraagt de callback-URL aan bij 
22. Axepta BNP Paribas.
23. Axepta BNP Paribas
communicates with the APM provider to confirm the payment response code.

24. At the end, the customer is redirected to the return URL that you submitted during the payment creation call (urls.return) with the payId in the query parameters.

25. The browser retrieves the return URL hosted by your backend.

26. The backend makes a GET payment details call with the payId to retrieve the payment response code.

27. Axepta BNP Paribas responds with the payment response code along with other parameters.

28. Your backend returns a success or failure page based on the payment response code.

29. bevestigt de betalingsstatus bij de APM-provider.
30. Klant wordt uiteindelijk doorgestuurd naar de return-URL (opgegeven in de CreatePayment-call via urls.return), met de payId als queryparameter:

    https://uw-domein.nl/return?payId=ABC123XYZ
    

31. De browser laadt de return-URL, die door uw backend wordt gehost.
32. Uw backend doet een GET payment details-aanroep met de payId om de betalingsstatus op te halen.
33. Axepta BNP Paribas retourneert:
    • Betalingsresponsecode (bv. SUCCESS, FAILURE).
    • Aanvullende parameters (bv. transactie-ID, bedrag).
34. Uw backend toont een succes- of foutpagina, gebaseerd op de responsecode.

Betaalmethoden

De lijst met betaalmethoden die compatibel zijn met deze integratie is beschikbaar in de betreffende sectie: : Overzicht van betaalmethoden

Payment Methods

The list of payment methods compatible with this integration is available in the section: Payment Methods