Page History

Simplifiez les flux de paiement en intégrant directement la sélection des méthodes de paiement dans votre site web tout en utilisant des formulaires sécurisés et hébergés.

Key advantages:

• Design your own payment method selector UI/UX
• Sensitive customer data remains entirely with Axepta BNP Paribas's system significantly reducing your PCI-DSS compliance responsibilties and associated costs
• Automatic validation and error management
• Adjust the layout, colors and branding elements to align with your website's appearance for Cards and Direct debit

Formulaires hébergés de l'API REST
Simplifiez les flux de paiement en intégrant directement la sélection des méthodes de paiement dans votre site web tout en utilisant des formulaires sécurisés et hébergés.

. L'expérience de paiement est hébergée et gérée par la méthode de paiement dans son environnement sécurisé ou par Axepta BNP Paribas pour le paiement par carte.

Avantages clés

• Concevez votre propre interface utilisateur/sélecteur de méthode de paiement

• Pour le paiement par carte, les données sensibles des clients restent entièrement dans le système d'Axepta BNP Paribas, réduisant ainsi considérablement vos responsabilités et coûts liés à la conformité PCI-DSS

• .
• Pour les autres méthodes de paiement, l'expérience de paiement est gérée par la méthode de paiement (ex: Paypal)

Flux de paiement

Expérience de paiement hébergée par Axepta BNP Paribas: Formulaire de paiement par carte

Méthode de paiement : Carte

Payment flow

Forms hosted by Axepta BNP Paribas

Applicable payment method: Cards

1. Le client procède au paiement sur votre boutique en ligne.
2. Votre frontend demande la page de paiement au backend.
3. Votre backend effectue un appel CreatePayment avec `paymentMethods.integrationType=HOSTED` à
4. Customer proceeds to checkout on your online store.
5. Your frontend requests the payment page to the backend.
6. Your backend makes a Create payment call with paymentMethods.integrationType=HOSTED to Axepta BNP Paribas.
7. Axepta BNP Paribas responds with HTTP 202 response code and a redirect URL to your répond avec un code de réponse HTTP 202 et une URL de redirection à votre backend.
8. Your backend orchestrates the browser to redirect the UI to the redirect URL.
9. Customer is redirected to payment form hosted by Axepta BNP Paribas.
10. Customer enters the details and completes payment.
11. Votre backend orchestre le navigateur pour rediriger l'interface utilisateur vers l'URL de redirection.
12. Le client est redirigé vers le formulaire de paiement hébergé par Axepta BNP Paribas.
13. Le client saisit les détails et finalise le paiement.
14. À la fin, le client est redirigé vers l'URL de retour que vous avez soumise lors de l'appel de création de paiement Upon completion, customer is redirected to the return URL that was submitted by you during Create payment call (urls.return) with payId in the query parameters.
15. Browser fetches the return URL hosted by your backend.
16. Backend makes a GET Payment details call with payId to retrieve the responseCode of the payment.
17. Axepta BNP Paribas responds with the responseCode of the payment along with other parameters.
18. Your backend returns a success or a failure page based on the responseCode of the payment.

1. avec le payId dans les paramètres de requête.
2. Le navigateur récupère l'URL de retour hébergée par votre backend.
3. Le backend effectue un appel de détails de paiement GET avec le payId pour récupérer le code de réponse du paiement.
4. Axepta BNP Paribas répond avec le code de réponse du paiement ainsi que d'autres paramètres.
5. Votre backend retourne une page de succès ou d'échec en fonction du code de réponse du paiement.

Expérience de paiement hébergée par les méthodes de paiement

1. Le client sélectionne un moyen de paiement et procède au paiement sur votre boutique en ligne.
2. Votre frontend demande la page de paiement au backend.
3. Votre backend effectue un appel CreatePayment avec `paymentMethods.integrationType=HOSTED` à
4. Customer selects a payment method and proceeds to checkout on your online store.
5. Your frontend requests the payment page to the backend.
6. Your backend makes a Create payment call with paymentMethods.integrationType=HOSTED to Axepta BNP Paribas.
7. Axepta BNP Paribas makes a payment request to the APM providerAPM provider responds with redirect URLeffectue une demande de paiement auprès de la méthode de paiement.
8. La méthode de paiement répond avec une URL de redirection.
9. Axepta BNP Paribas responds with HTTP 202 response code and a redirect URL to your répond avec un code de réponse HTTP 202 et une URL de redirection à votre backend.
10. Your backend orchestrates the browser to redirect the UI to the redirect URL.
11. Customer is redirected to payment form hosted by APM provider.
12. Customer enters the details and completes payment.
13. APM provider redirects the customer to Axepta BNP Paribas's callback URL that was submitted in step 4.
14. Votre backend orchestre le navigateur pour rediriger l'interface utilisateur vers l'URL de redirection.
15. Le client est redirigé vers le formulaire de paiement hébergé par le fournisseur de APM.
16. Le client saisit les détails et finalise le paiement.
17. La méthode de paiement redirige le client vers l'URL de rappel d'Axepta BNP Paribas qui a été soumise à l'étape
18. Le navigateur demande l'URL de rappel à Browser requests callback URL to Axepta BNP Paribas.
19. Axepta BNP Paribas communicates with APM provider to confirm the responseCode of the payment.communique avec le fournisseur de APM pour confirmer le code de réponse du paiement
20. À la fin, le client est redirigé vers l'URL de retour que vous avez soumise lors de l'appel de création de paiement Upon completion, customer is redirected to the return URL that was submitted by you during Create payment call (urls.return) with payId in the query parameters.
21. Browser fetches the return URL hosted by your backend.
22. Backend makes a GET Payment details call with payId to retrieve the responseCode of the payment.
23. Axepta BNP Paribas responds with the responseCode of the payment along with other parameters.
24. Your backend returns a success or a failure page based on the responseCode of the payment.
25. avec le payId dans les paramètres de requête.
26. Le navigateur récupère l'URL de retour hébergée par votre backend.
27. Le backend effectue un appel de détails de paiement GET avec le payId pour récupérer le code de réponse du paiement.
28. Axepta BNP Paribas répond avec le code de réponse du paiement ainsi que d'autres paramètres.
29. Votre backend retourne une page de succès ou d'échec en fonction du code de réponse du paiement.

Méthodes de paiement

La liste des méthodes de paiement compatibles avec cette intégration est disponible dans la section: Méthodes de paiement 

Supported payment methods

Refer to Payment methods overview for the list of supported payment methods on Hosted forms.