Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Simplifiez les flux de paiement en intégrant directement la sélection des méthodes de paiement dans votre site web. 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


Multiexcerpt
MultiExcerptNameHosted_forms_Payment_flow


  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` à Axepta BNP Paribas.
  4. Axepta BNP Paribas répond avec un code de réponse HTTP 202 et une URL de redirection à votre backend.
  5. Votre backend orchestre le navigateur pour rediriger l'interface utilisateur vers l'URL de redirection.
  6. Le client est redirigé vers le formulaire de paiement hébergé par Axepta BNP Paribas.
  7. Le client saisit les détails et finalise le paiement.
  8. À la fin, le client est redirigé vers l'URL de retour que vous avez soumise lors de l'appel de création de paiement (urls.return) avec le payId dans les paramètres de requête.
  9. Le navigateur récupère l'URL de retour hébergée par votre backend.
  10. 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.
  11. Axepta BNP Paribas répond avec le code de réponse du paiement ainsi que d'autres paramètres.
  12. 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


Multiexcerpt
MultiExcerptNameAPM_Hosted_forms_Payment_flow


  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` à Axepta BNP Paribas.
  4. Axepta BNP Paribas effectue une demande de paiement auprès de la méthode de paiement.
  5. La méthode de paiement répond avec une URL de redirection.
  6. Axepta BNP Paribas répond avec un code de réponse HTTP 202 et une URL de redirection à votre backend.
  7. Votre backend orchestre le navigateur pour rediriger l'interface utilisateur vers l'URL de redirection.
  8. Le client est redirigé vers le formulaire de paiement hébergé par le fournisseur de APM.
  9. Le client saisit les détails et finalise le paiement.
  10. La méthode de paiement redirige le client vers l'URL de rappel d'Axepta BNP Paribas qui a été soumise à l'étape
  11. Le navigateur demande l'URL de rappel à Axepta BNP Paribas.
  12. Axepta BNP Paribas communique avec le fournisseur de APM pour confirmer le code de réponse du paiement
  13. À la fin, le client est redirigé vers l'URL de retour que vous avez soumise lors de l'appel de création de paiement (urls.return) avec le payId dans les paramètres de requête.
  14. Le navigateur récupère l'URL de retour hébergée par votre backend.
  15. 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.
  16. Axepta BNP Paribas répond avec le code de réponse du paiement ainsi que d'autres paramètres.
  17. Votre backend retourne une page de succès ou d'échec en fonction du code de réponse du paiement.


Méthodes de paiement

Référez vous à la liste des méthodes de paiement pour connaître les méthodes compatibles avec cette intégration.