Streamline checkout flows by embedding payment method selection directly into your website while leveraging secure, hosted forms.
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
Payment flow
Forms hosted by Axepta BNP Paribas
Applicable payment method: Cards
- Customer proceeds to checkout on your online store.
- Your frontend requests the payment page to the backend.
Your backend makes a Create payment call with
paymentMethods.integrationType=HOSTED
to Axepta BNP Paribas.- Axepta BNP Paribas responds with HTTP 202 response code and a redirect URL to your backend.
- Your backend orchestrates the browser to redirect the UI to the redirect URL.
- Customer is redirected to payment form hosted by Axepta BNP Paribas.
- Customer enters the details and completes payment.
- 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.
- Browser fetches the return URL hosted by your backend.
- Backend makes a GET Payment details call with payId to retrieve the responseCode of the payment.
- Axepta BNP Paribas responds with the responseCode of the payment along with other parameters.
- Your backend returns a success or a failure page based on the responseCode of the payment.
Forms hosted by APM (Alternate Payment Method Providers)
- Customer selects a payment method and proceeds to checkout on your online store.
- Your frontend requests the payment page to the backend.
Your backend makes a Create payment call with
paymentMethods.integrationType=HOSTED
to Axepta BNP Paribas.- Axepta BNP Paribas makes a payment request to the APM provider
- APM provider responds with redirect URL
- Axepta BNP Paribas responds with HTTP 202 response code and a redirect URL to your backend.
- Your backend orchestrates the browser to redirect the UI to the redirect URL.
- Customer is redirected to payment form hosted by APM provider.
- Customer enters the details and completes payment.
- APM provider redirects the customer to Axepta BNP Paribas's callback URL that was submitted in step 4.
- Browser requests callback URL to Axepta BNP Paribas.
- Axepta BNP Paribas communicates with APM provider to confirm the responseCode of the payment.
- 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.
- Browser fetches the return URL hosted by your backend.
- Backend makes a GET Payment details call with payId to retrieve the responseCode of the payment.
- Axepta BNP Paribas responds with the responseCode of the payment along with other parameters.
- Your backend returns a success or a failure page based on the responseCode of the payment.
Supported payment methods
Refer to Payment methods overview for the list of supported payment methods on Hosted forms.