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.
utilisez le champ paymentMethods pour lister les moyens de paiement proposés à l'acheteur.
Voir : Sélectionner les moyens de paiement.
Intégration
- Utilisez la classe kr-smart-button.
- Ajoutez 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>