Personalize the checkout experience V2

Table des matières

 AXEPTA payment page Overview

When the user arrives on the payment part of the merchant site, he will first have to select the payment method with which he wishes to pay.

To do this, the merchant can choose the Axepta BNP Paribas payment page with several display options for the selection of payment methods.

The BNP Paribas payement page

Checkout page languages

The BNP Paribas standard payment page is available in 7 languages: French, English, German, Spanish, Portuguese, Italian and Dutch.

The default language of the payment page corresponds to the one previously used by the user on the merchant's site. However, the user has the possibility to change the language, once arrived on the payment page thanks to a drop-down menu, at the top right of it (see below):

Payment method selection page

The Axepta Online solution offers 3 page display options for selecting payment methods:

1. A page offering payment by card only
2. A page offering the card and alternative payment methods with a focus on card payment
3. A page offering the card and alternative payment methods

Payment by cards only

This payment page is suitable for merchants who only wish to offer cards to their users (CB, Visa, MasterCard, Amex ...).

To make a card payment via the payment solution form, use the URL below:

https://paymentpage.axepta.bnpparibas/payssl.aspx?  ...

The general parameters for building the card payment request via the form on the payment page are documented in the card payment guide.

Highlighted card payment

This page is enriched with a drop-down menu offering alternative payment methods (PayPal, iDEAL, Sofort, Wechat ...) for a merchant who wants to highlight the card but opens other possibilities for his users.

The URL for this page is:

https://paymentpage.axepta.bnpparibas/paymentPage.aspx ?...

1. When the buyer chooses to pay by card, the payment request will be automatically directed to the card payment URL (payssl.aspx).
2. When the buyer chooses another payment method from the drop-down list, he will be redirected to the page specific to the chosen payment method (refer to the manual of each available payment method).

To activate this display, the merchant must contact BNP Paribas Support:

• Phone: 0 800 25 62 25
• Mail: bnpparibas@computop.com

Payment by cards and alternative payment methods

This page offers the logos of all available payment methods: the merchant does not put forward any payment method and leaves the total choice to its users.

This page allows you to display the logos of the different payment methods, to make a payment via this payment page, use the URL below:

https://paymentpage.axepta.bnpparibas/paymentPage.aspx?...

The user will be automatically directed to the URL specific to the payment method he has chosen.

By default, this checkout page appears to the merchant. To rearrange the order of the payment methods displayed, simply configure them in the desired order in the "PayTypes" setting.

What are the checkout page integration options ?

The choice to display the payment page as a redirection, pop-up or iFrame is up to the merchant.

Redirect payment page

This option consists of redirecting the buyer to the secure payment page. This is a simple and secure option.

The page is responsive and can be customized to the colors and image of the site which blurs the breaking effect. The addition of the site logo, colors and fonts give the buyer the impression of staying on the same environment.

It is also possible to completely customize the design of the payment page: Implementation of a Custom Template

iFrame payment page

This option allows the buyer to stay on a known and trusted environment. The payment funnel is fluid and cart abandonment is rarer. This course still has some disadvantages that must be taken into account before integrating the iFrame mode on its site. Indeed, unlike redirection, if a visitor refreshes the page of the site, the payment data is deleted. The payment process has to start again from the beginning.

The documentation for integrating the iFrame payment page is available here: Setting up the iFrame

Pop-up payment page

This option, also called "lightbox", refers to a secondary window that appears in front of the main navigation window. The buyer does not have the impression of leaving the merchant's site and finds himself on a superimposed page. This will be automatically closed once the payment has been made.

Mobile device payment page

This option offers a fully integrated path perfectly adapted to the smartphone/tablet environment. The payment solution is compatible with iOS and Android environments

How do I customize the payment page?

Customizable Fields & Logo - CustomFields

When the merchant decides to use the standard BNP Paribas page, he can insert his own logo and customize up to 9 specific fields called dynamic or customizable fields.

By default, BNP Paribas proposes to use them to value the following data:

Lorsque le commerçant personnalise cette page de paiement, les champs personnalisables sont situés sur le côté gauche de la page : 

Lorsque le commerçant choisit d'afficher uniquement le montant et la devise de la commande sur le bouton "payer" (voir l'affichage ci-dessous) il ne faudra utiliser que le paramètre customfield1.

NB. Les champs CustomFieldsX doivent figurer en clair dans la requête et ne doivent pas être chiffrés à l'intérieur du champ DATA (autrement, ils ne seront pas interprétés correctement)

Un exemple de requête chiffrée avec CustomField1 ressemble à cela:
https://paymentpage.axepta.bnpparibas/paymentPage.aspx?MerchantID=XXX&Len=XXX&Data=XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX &CustomField1=XXXX

Il est possible d'afficher du texte au niveau des customfields contenant un retour à la ligne. Pour ce faire, il faut utiliser les caractères suivants pour définir un retour à la ligne sur la requête de paiement : "|"

Nous pouvons voir le résultat sur le customField4 qui représente les détails du panier, à titre d'exemple.

Paramètres dynamiques (langues, template...)

D’autres paramètres sont mis à la disposition du commerçant et peuvent être transmis non chiffrés :

Definition des valeurs des paramètres

Paramètre « PayTypes »

Veuillez trouver les différents moyens de paiement disponibles et les valeurs à renseigner dans le paramètre « Paytypes ».

Marques de cartes

L’orthographe exacte des différentes marques de cartes pour le paramètre PayTypes:

Template Personnalisé de la page de paiement

La documentation d'aide à la mise en place d'un template personnalisé de la page de paiement est disponible via le lien suivant : Mise en place d'un Template Personnalisé