Mettre en évidence un moyen de paiement
La mise en évidence d'un moyen de paiement est possible quel que soit le mode d'affichage choisi :
Positionnez le bouton d'un moyen de paiement où vous le souhaitez sur votre page.
Sélection
Sélectionnez les moyens de paiement, lors de la création du formToken.
- utiliser le champ paymentMethods pour lister les moyens de paiement proposés à l'acheteur;
- voir : Sélectionner les moyens de paiement.
Intégration
- utiliser la classe kr-smart-button;
- ajouter l'attribut kr-payment-method pour choisir un moyen de paiement. (Voir : tableau des valeurs).
Illustration
Mode liste avec carte embarquée
Exemple de code
- Créez votre mise en page et placez correctement le bouton de paiement avec CSS Flexbox (lien : CSS Flexbox).
<head>
(...)
<style type="text/css">
/*Flexbox direction row*/
.container {
display: flex;
flex-direction: row !important;
}
/*Change the button : width, border*/
.container .kr-smart-button {
width : 75% !important;
border-style: solid;
border-color: orange;
}
.container>div {
margin: 0 100px;
flex: 1;
}
</style>
</head>
<body>
<!-- payment form -->
<div class="container">
<div class="kr-smart-form" kr-card-form-expanded kr-form-token="[GENERATED FORMTOKEN]"></div>
<div class="kr-smart-button" kr-payment-method="['OTHER_PAYMENT_MEANS_1']"></div>
</div>
</body>Remplacez [OTHER_PAYMENT_MEANS_1] par la valeur du moyen de paiement de votre choix.
<div class="kr-smart-button" kr-payment-method="['OTHER_PAYMENT_MEANS_1']"></div>