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
| Multiexcerpt | ||
|---|---|---|
| ||
|
The customer proceeds with the payment on your online store.
Your frontend requests the payment page from the backend.
Your backend makes a CreatePayment call with `paymentMethods.integrationType=HOSTED` to Axepta BNP Paribas.
Axepta BNP Paribas responds with an HTTP 202 response code and a redirect URL to your backend.
Your backend orchestrates the browser to redirect the user interface to the redirect URL.
The customer is redirected to the payment form hosted by Axepta BNP Paribas.
The customer enters the details and completes the payment.
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.
The browser retrieves the return URL hosted by your backend.
The backend makes a GET payment details call with the payId to retrieve the payment response code.
Axepta BNP Paribas responds with the payment response code along with other parameters.
Your backend returns a success or failure page based on the payment response code.
Hosted Payment Experience by Payment Methods
| Multiexcerpt | ||
|---|---|---|
| ||
|
The customer selects a payment method and proceeds with the payment on your online store.
Your frontend requests the payment page from the backend.
- Le client sélectionne un moyen de paiement et procède au paiement sur votre boutique en ligne.
- Votre frontend demande la page de paiement au backend. Votre backend effectue un appel CreatePayment avec
Your backend makes a CreatePayment call with
`paymentMethods.integrationType=HOSTED`
à to Axepta BNP Paribas.
Axepta BNP Paribas
effectue une demande de paiement auprès de la méthode de paiement.makes a payment request to the payment method.
The payment method responds with a redirect URL
La méthode de paiement répond avec une URL de redirection.
Axepta BNP Paribas
répond avec un code de réponse HTTP 202 et une URL de redirection à votre responds with an HTTP 202 response code and a redirect URL to your backend.
- Votre backend orchestre le navigateur pour rediriger l'interface utilisateur vers l'URL de redirection.
- Le client est redirigé vers le formulaire de paiement hébergé par le fournisseur de APM.
- Le client saisit les détails et finalise le paiement.
- La méthode de paiement redirige le client vers l'URL de rappel d'Axepta BNP Paribas qui a été soumise à l'étape
Your backend orchestrates the browser to redirect the user interface to the redirect URL.
The customer is redirected to the payment form hosted by the APM provider.
The customer enters the details and completes the payment.
The payment method redirects the customer to the callback URL of Axepta BNP Paribas that was submitted in step 3.
The browser requests the callback URL from
Le navigateur demande l'URL de rappel à Axepta BNP Paribas.
Axepta BNP Paribas
communique avec le fournisseur de APM pour confirmer le code de réponse du paiementÀ la fin, le client est redirigé vers l'URL de retour que vous avez soumise lors de l'appel de création de paiement communicates with the APM provider to confirm the payment response code.
At the end, the customer is redirected to the return URL that you submitted during the payment creation call (urls.return)
avec le payId dans les paramètres de requête.- Le navigateur récupère l'URL de retour hébergée par votre backend.
- 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.
- Axepta BNP Paribas répond avec le code de réponse du paiement ainsi que d'autres paramètres.
- Votre backend retourne une page de succès ou d'échec en fonction du code de réponse du paiement.
with the payId in the query parameters.
The browser retrieves the return URL hosted by your backend.
The backend makes a GET payment details call with the payId to retrieve the payment response code.
Axepta BNP Paribas responds with the payment response code along with other parameters.
Your backend returns a success or failure page based on the payment response code.
Payment Methods
The list of payment methods compatible with this integration is available in the section: Payment Methods
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