Versions Compared

Key

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

Description

La personnalisation de la page de paiement se fait avec l'objet template.

Le paramètre 'name', donne au marchand la possibilité d'utiliser un template personnalisé pour le formulaire de carte qui sera intégré au sein de la page de paiement.

Avec les customfields, le marchand peut utiliser les champs personnalisables pouvant stocker des données supplémentaires ou afficher des informations spécifiques sur une page de paiement.

Tableau descriptif de l'objet


A chaque page de paiement, un template

Il existe 2 types de pages de paiement AXEPTA qui peuvent être personnalisées à l'aide des customfields.

NomAPI
Formulaire de choix des moyens de paiement (Hosted Payment Page)/payments/sessions

Formulaire de paiement par carte (Payssl)

/payments


Liste des customFields

Paramètre

Format

CND

Description

template.​customFields.​customField1

ans...50

O

Montant et devise du paiement

template.​customFields.​customField2

ans...50

O

Numéro de

Référence commande

template.​customFields.​customField3

ans...256

O

Logo du commerçant

URL avec le logo du commerçant, taille recommandée 200x100 pixels

template.​customFields.​customField4

ans...50

O

Panier / description de la commande

Référence facture

template.​customFields.​customField5

ans...50

O

Informations sur l'utilisateur

template.​customFields.​customField6

ans...50

O

Adresse de livraison

template.​customFields.​customField7

ans...50

O

Adresse de facturation

template.​customFields.​customField8

ans...50

O

Nom du champ (header) personnalisable (à la main du commerçant)

template.​customFields.​customField9

ans...50

O

Valeur du champ personnalisable (relatif au champ 8) 

template.​customFields.​customField14

ans...50

O

Cette option permet de mettre en place l'iframe dans la page de paiement du marchand.
Valeur accepté "iframe"

Info

Les customFields permettent d'afficher du texte avec retour à la ligne. Dans ce cas, il est nécessaire d'ajouter le caractère "|" dans le contenu du customField pour indiquer le retour à ligne.

Exemple : CustomField6 = Ligne 1|Ligne 2|Ligne 3

Les CustomField CustomFields qui acceptes acceptent le signe "|"  sont CustomField4, CustomField5, CustomField6, CustomField7 et CustomField9

Code Block
languagejson
titleExemple objet customFields sur l'API /payments/sessions
linenumberstrue
...
	"template": {
        "customFields": {
            "customField1": "1520.00 EURO",
			"customField2": "merchantReference",
            "customField3": "https://placehold.co/200x100/png",
			"customField4": "invoiceIdinvoice29351925733931",
            "customField5": "+330000000033600000000|john.doe@bnpparibas.com",
			"customField6": "41 Rue de Valmy|93100 Montreuil",
            "customField7": "41 Rue de Valmy|93100 Montreuil",
			"customField8": "Discount",
            "customField9": "FRI_50|SUM_25"
        }
	},
...

Formulaire de choix des moyens de paiement (Hosted Payment Page) contenant des customFields

Image Added


Code Block
languagejson
titleExemple d'objet customFields sur l'API /payments
linenumberstrue
...
"paymentMethods": {
        "integrationType": "HOSTED",
        "type": "CARD",
        "card": {
            "template": {
        		 "customFields": {
           		 	"customField1": "20.00 €",
					"customField2": "merchantReference",
            		"customField3": "https://placehold.co/200x100/png",
					"customField4": "invoice29351925733931",
            		"customField5": "+33600000000|john.doe@bnpparibas.com",
					"customField6": "41 Rue de Valmy|93100 Montreuil",
            		"customField7": "41 Rue de Valmy|93100 Montreuil",
					"customField8": "Discount",
            		"customField9": "FRI_50|SUM_25"
            }
       }
    }
}
...

 Formulaire de paiement par carte (Payssl) contenant des customFields

Image Added


CustomField14 sur la Page de choix des moyens de paiement (Hosted Payment Page)

Lorsque le paramètre customField14 = "iframe" sur la Page de choix des moyens de paiement (Hosted Payment Page), tous les autres champs personnalisés deviennent invisibles.

Example de la page de paymentpage.aspx :

Image Removed

Dans le cas de customField14="iframe", le seul customField visible dans les templates est customField1.

Example:

Code Block
languagejson
titleExemple d'objet customFields sur l'API /payments/sessions
linenumberstrue
...	"template": {
        "customFields": {
            "customField1": "1520.00 EURO",
			"customField2": "merchantReference",
            "customField3": "https://placehold.co/200x100/png",
			"customField4": "invoiceId",
            "customField5": "+330000000033600000000|john.doe@bnpparibas.com",
			"customField6": "41 Rue de Valmy|93100 Montreuil",
            "customField7": "41 Rue de Valmy|93100 Montreuil",
			"customField8": "Discount",
            "customField9": "FRI_50|SUM_25",
			"customField14": "iframe"
        }
	},
...
 Page de choix des moyens de paiement (Hosted Payment Page) avec un customField14
Image Added

CustomField14 sur le Formulaire de paiement par carte (Payssl) avec un customField14

Lorsque le paramètre customField14 = "iframe", tous les autres champs personnalisés deviennent invisibles, à l'exception du customField1.

Objet name

Paramètre

Format

CND

Description

template.​name

O

Nom du template à utiliser pour la personnalisation de la Page de Paiement

 

Code Block
languagejson
titleExemple d'objet customFields sur l'API /payments
linenumberstrue
...
"paymentMethods": {
        "integrationType": "HOSTED",
        "type": "CARD",
        "card": {
            "template": {
        		 "customFields": {
           		 	"customField1": "20.00 €",
					"customField2": "merchantReference",
            		"customField3": "https://placehold.co/200x100/png",
					"customField4": "invoice29351925733931",
            		"customField5": "+33600000000|john.doe@bnpparibas.com",
					"customField6": "41 Rue de Valmy|93100 Montreuil",
            		"customField7": "41 Rue de Valmy|93100 Montreuil",
					"customField8": "Discount",
            		"customField9": "FRI_50|SUM_25",
					"customField14": "iframe"
            }
       }
    }
...
Formulaire de paiement par carte (Payssl) avec un customField14
Image Added



Autres paramètres dynamiques (langue, choix des moyens de paiement)


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

Language

a2 Enum

O

Langue utilisée pour la page de paiement

Code pour la langue de la page de paiement du commerçant :

  • en : English
  • fr : Français
  • nl : Nederlands

Si non mentionné, la langue par défaut est le français. 

Si l'utilisateur change de langue à partir du sélecteur de langue, c'est celle choisie qui sera affichée lors de la visite suivante.

allowedPaymentMethods

Enum

O

Liste des moyens de paiement à afficher dans la page de choix des moyens de paiement (Hosted Payment Page - HPP)

Ce paramètre permet d'indiquer les moyens de paiement à afficher sur la page de choix des moyens de paiement.

Si ce paramètre n'est pas utilisé, la configuration par défaut du niveau du commerçant est utilisée pour afficher les moyens de paiement autorisés.

Les valeurs possibles peuvent être prises dans la colonne allowedPaymentMethods  du tableau des modes de paiement (Voir la section Définitions des valeurs des paramètres en bas de la page).

subType

Enum

O

Paramètre utilisé pour indiquer le type de carte à afficher sur la formulaire de paiement par carte

Ce paramètre, découlant des objets paymentMethods.​card permet d'indiquer le type de marque de carte à afficher sur le formulaire de paiement par carte.

Info
titleInfo

Il n'est pas possible d'indiquer précisément le type de carte à afficher sur la page de choix des moyens de paiement (Hosted Payment Page - HPP).



Definition des valeurs des paramètres

Paramètre « allowedPaymentMethods»

Veuillez trouver ci-dessous les différents moyens de paiement disponibles et les valeurs à renseigner dans le paramètre « allowedPaymentMethods »

Moyen de paiement

Valeur du paramètre « allowedPaymentMethods » lors de l'appel à l'API /payments/sessions uniquement 

Carte

*Voir la liste des marques de cartes ci-dessous

CARD

WERO

WERO

APPLEPAY

APPLEPAY

GOOGLEPAYGOOGLEPAY
PAYPALPAYPAL
FLOAPAYFLOAPAY

BANCONTACT

BANCONTACT

INSTANEA

INSTANEA


Paramètre «subType»

Marques de cartes à indiquer dans les objets paymentMethods.​card

Ce tableau liste l'orthographe exacte des différentes marques de cartes à indiquer dans le paramètre subType des objets paymentMethods.​card.

MarqueValeur du paramètre (paymentMethods.​card) "subType" lors de l'appel à l'API /payments/sessions ou à l'API /payments
Carte AmexAMEX

Carte CB

CARTESBANCAIRES

UnionPay International (UPI)

CUP

Diners

DINERS

Discover

DISCOVER

JCB

JCB

Carte MasterCard

MasterCard

Carte VISA

VISA

 

 
Code Block
languagejson
titleEndpoint /payments/sessions : exemple de code pour l'affichage des marques Cartes Bancaires et VISA sur le formulaire de paiement par carte
linenumberstrue
...
    "allowedPaymentMethods" :  [
      "CARD"
    ],
    "paymentMethods": {
        "card": {
        "subType":[
            "CARTESBANCAIRES",
            "VISA"]
       }
  } 
...