Les paramètres généraux disponibles pour le formulaire embarqué (smartForm) sont les suivants :
| PARAMETRE | 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é. (liens pour mettre en évidence un moyen de paiement ou mettre en évidence plusieurs moyens de paiement). |
| kr-payment-method | Attribut permettant de sélectionner un moyen de paiement. Se référer au Tableau des moyens de paiement (kr-payment-method) (ci-dessous) pour connaître les valeurs disponibles. |
| kr-brands | Attribut permettant de sélectionner un moyen de paiement parmi les moyens de paiement par cartes. Se référer au Tableau de l'attribut kr-brands (ci-dessous) pour connaître les valeurs disponibles. |
| VALEUR | DESCRIPTION |
|---|
| CARDS | Sélection de tous les moyens de paiement par cartes. |
| Cartes prépayées(*) |
|---|
Cartes Titre-Restaurant | VALEUR | DESCRIPTION |
|---|
| APETIZ | Sélection du moyen de paiement Bimpli (ex Apetiz). | | EDENRED | Sélection du moyen de paiement Ticket restaurant. | | SODEXO | Sélection du moyen de paiement Sodexo. | | CHQ_DEJ | Sélection du moyen de paiement Chèque déjeuner. |
|
| Autres moyens de paiment |
|---|
Alma | VALEUR | DESCRIPTION |
|---|
| ALMA_2X | Sélection du moyen de paiement Alma en 2 fois. | | ALMA_3X | Sélection du moyen de paiement Alma en 3 fois. | | ALMA_10X | Sélection du moyen de paiement Alma en 10 fois. | | ALMA_12X | Sélection du moyen de paiement Alma en 12 fois. |
|
Apple Pay | VALEUR | DESCRIPTION |
|---|
| APPLE_PAY | Sélection du moyen de paiement Apple Pay. |
|
Bizum | VALEUR | DESCRIPTION |
|---|
| BIZUM | Sélection du moyen de paiement Bizum. |
|
Google Pay | VALEUR | DESCRIPTION |
|---|
| GOOGLEPAY | Sélection du moyen de paiement Google Pay. |
|
MB Referência | VALEUR | DESCRIPTION |
|---|
| MULTIBANCO | Sélection du moyen de paiement MB Referência. |
|
MB Way | VALEUR | DESCRIPTION |
|---|
| MB_WAY | Sélection du moyen de paiement MB Way. |
|
Payconiq | VALEUR | DESCRIPTION |
|---|
| PAYCONIQ | Sélection du moyen de paiement Payconiq. |
|
PayPal | VALEUR | DESCRIPTION |
|---|
| PAYPAL_SB | Sélection du moyen de paiement PayPal en mode TEST. | | PAYPAL | Sélection du moyen de paiement PayPal en mode PRODUCTION. | | PAYPAL_BNPL_SB | Sélection du moyen de paiement PayPal Pay Later en mode TEST. | | PAYPAL_BNPL | Sélection du moyen de paiement PayPal Pay Later en mode PRODUCTION. |
|
UPI | VALEUR | DESCRIPTION |
|---|
| UPI | Sélection du moyen de paiement BHIM-UPI. |
|
Virement SEPA | VALEUR | DESCRIPTION |
|---|
| IP_WIRE | Sélection du moyen de paiement Virement SEPA. |
|
Tableau de l'attribut kr-brands
Dans une div, valorisez l'attribut kr-brands pour créer un bouton de paiement parmi les moyens de paiement par cartes.
| VALEUR | DESCRIPTION |
|---|
CB | VALEUR | DESCRIPTION |
|---|
| CB | Sélection du réseau CB. |
|
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 du moyen de paiement Maestro. |
|
Visa Electron | VALEUR | DESCRIPTION |
|---|
| VISA_ELECTRON | Sélection du moyen de paiement Visa Electron. |
|
American Express | VALEUR | DESCRIPTION |
|---|
| AMEX | Sélection du moyen de paiement American Express. |
|
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 AMEX :
<div class="kr-smart-button" kr-brands="AMEX" kr-payment-method="CARDS"></div>
