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 |
Autres moyens de paiment |
Alipay + Valeur | Description | AKULAKU_ID | Sélection du moyen de paiement
Akulaku paylater ID(Indonésie). | AKULAKU_PH | Sélection du moyen de paiement
Akulaku paylater PH(Philippines). | ALIPAY_CN | Sélection du moyen de paiement
ALIPAY_CN(Chine). | ALIPAY_HK | Sélection du moyen de paiement
ALIPAY_HK(Hong Kong). | BILLEASE | Sélection du moyen de paiement
BillEase(Philippines). | BOOST | Sélection du moyen de paiement
Boost(Philippines). | BPI | Sélection du moyen de paiement
BPI(Philippines). | DANA | Sélection du moyen de paiement
Dana(Indonésie). | GCASH | Sélection du moyen de paiement
GCash(Philippines). | KAKAOPAY | Sélection du moyen de paiement
Kakao Pay(Corée du Sud). | KREDIVO_ID | Sélection du moyen de paiement
Kredivo(Indonésie). | MAYA | Sélection du moyen de paiement
Maya(Philippines). | MPAY | Sélection du moyen de paiement
MPay(Macao). | RABBIT_LINE_PAY | Sélection du moyen de paiement
Rabbit LINE Pay(Thaïlande). | TNG | Sélection du moyen de paiement Touch 'n Go eWallet(Malaisie). | TOSS | Sélection du moyen de paiement
Toss Pay(Corée du Sud). | TRUEMONEY | Sélection du moyen de paiement
TrueMoney Wallet(Thaïlande). |
|
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. |
|
FLOA Valeur | Description | FLOA_3X | Sélection du moyen de paiement
FLOA en 3 fois. | FLOA_4X | Sélection du moyen de paiement
FLOA en 4 fois. | FLOA_10X | Sélection du moyen de paiement
FLOA en 10 fois. | FLOA_PAYLATER | Sélection du moyen de paiement
FLOA Pay Later. |
|
Franfinance Valeur | Description | FRANFINANCE_3X | Sélection du moyen de paiement
Franfinance en 3 fois. | FRANFINANCE_4X | Sélection du moyen de paiement
Franfinance en 4 fois. |
|
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. |
|
Samsung Pay Valeur | Description | SAMSUNG_PAY | Sélection du moyen de paiement
Samsung Pay. |
|
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. |
|
WeChat Pay Valeur | Description | WECHAT | Sélection du moyen de paiement
WeChat Pay |
|
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. | AMEX | Sélection du moyen de paiement
American Express. |
|
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. |
|
American Express Valeur | Description | AMEX | Sélection du moyen de paiement American Express. |
|
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. |
|
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>