Les paramètres généraux disponibles pour le formulaire embarqué (smartForm) sont les suivants :
| Paramètre | Description |
|---|
| kr-form-token | Objet encrypté permettant d’initialiser le formulaire embarqué (smartForm) avec les informations de la transaction. |
| kr-smart-form | Classe à intégrer obligatoirement pour implémenter le formulaire embarqué (smartForm). |
| kr-popin | Associé avec la classe kr-smart-form, il définit l'affichage en **mode pop-in**. |
| kr-card-form-expanded | Associé avec la classe kr-smart-form, il définit l'affichage en **mode liste avec carte embarquée**. |
| kr-no-card-logo-header | Attribut permettant de masquer les logos du paiement par cartes (Masquer les logos du paiement par cartes). |
| kr-single-payment-button | Attibut pour intégrer le mode Single Payment. Avec ce mode, le paiement se déroule en 2 étapes : d'abord, la sélection du moyen de paiement, puis le paiement. Voir : mode single payment. |
| kr-smart-button | Classe permettant d'afficher un bouton pour mettre en évidence un moyen de paiement. Il est associé avec l'attribut kr-payment-method pour sélectionner le moyen de paiement souhaité.Voir mettre en évidence un moyen de paiement ou mettre en évidence plusieurs moyens de paiement. |
| kr-payment-methods | Attribut permettant de lister l'affichage d'un ou plusieurs moyens de paiement. Il s'utilise lors de l'affichage du formulaire avec le formToken. Se référer au Tableau des moyens de paiement (ci-dessous) pour connaître les valeurs disponibles. |
| kr-payment-method | Attribut permettant de sélectionner un moyen de paiement. Se référer au Tableau des moyens de paiement (ci-dessous) pour connaître les valeurs disponibles. |
| kr-brands | Attribut permettant de sélectionner une ou plusieurs marques parmi le paiement par cartes. Se référer au Tableau de l'attribut kr-brands (ci-dessous) pour connaître les valeurs disponibles. |
Vous pouvez utiliser la fonction KR.getPaymentMethods() pour connaître les moyens de paiement (kr-payment-method et kr-payment-methods) et des marques de la carte (kr-brands) disponibles lors du paiement.
Ce tableau contient la valeur pour sélectionner un ou plusieurs moyens de paiement.
| Moyen de paiement |
|---|
Paiement par cartes |
Tableau des marques de la carte (kr-brands)
Dans une div, valorisez l'attribut kr-brands pour créer un bouton de paiement parmi les moyens de paiement par cartes (CARDS).
| Type de carte |
|---|
CB | Valeur | Description |
|---|
| CB | Sélection du réseau CB. | | CB | Sélection du réseau CB. | | VISA | Sélection de la marque Visa. | | MASTERCARD | Sélection de la marque Mastercard. | | MAESTRO | Sélection de la marque
Maestro. | | VISA_ELECTRON | Sélection de la marque
Visa Electron. | | DINERS | Sélection du moyen de paiement
Diners. | | PRV_OPT | Sélection du moyen de paiement
Marara (OPT). | | PRV_BDP | Sélection du moyen de paiement Banque de Polynésie. | | PRV_BDT | Sélection du moyen de paiement Banque de Tahiti. | | PRV_SMART_CARD | Sélection du moyen de paiement
Smart Card (BRED Bank Vanuatu). | | PRV_SOC | Sélection du moyen de paiement Banque
Socredo. |
|
Visa | Valeur | Description |
|---|
| VISA | Sélection de la marque Visa. |
|
Mastercard | Valeur | Description |
|---|
| MASTERCARD | Sélection de la marque Mastercard. |
|
Maestro | Valeur | Description |
|---|
| MAESTRO | Sélection de la marque Maestro. |
|
Visa Electron | Valeur | Description |
|---|
| VISA_ELECTRON | Sélection de la marque Visa Electron. |
|
Diners | Valeur | Description |
|---|
| DINERS | Sélection du moyen de paiement Diners. |
|
Cartes privatives | Valeur | Description |
|---|
| PRV_OPT | Sélection du moyen de paiement Marara (OPT). | | PRV_BDP | Sélection du moyen de paiement Banque de Polynésie. | | PRV_BDT | Sélection du moyen de paiement Banque de Tahiti. | | PRV_SMART_CARD | Sélection du moyen de paiement Smart Card (BRED Bank Vanuatu). | | PRV_SOC | Sélection du moyen de paiement Banque Socredo. |
|
Dans la même div avec le kr-brands, ajoutez l'attribut kr-payment-method valorisé à CARDS.
Par exemple, générez un bouton de paiement VISA :
<div class="kr-smart-button" kr-brands="VISA" kr-payment-method="CARDS"></div>
