Présentation du formulaire intelligent (smartForm)
Le formulaire intelligent (smartForm) vous permet d'intégrer un parcours de paiement fluide en combinant plusieurs moyens de paiement.
L'acheteur effectuera son parcours de paiement sans quitter le site marchand.
Evolution majeure du formulaire embarqué (cartes)
Le formulaire intelligent (smartForm) a pour avantage de faire évoluer le formulaire embarqué (cartes) en proposant de nouvelles fonctionnalités. Si vous souhaitez migrer, cliquez ici
Liste des moyens de paiement compatibles
Consultez la liste des moyens de paiement compatibles, mise à jour règulièrement.
Cas d'utilisation
Voici une présentation des cas d'utilisation. Grâce à cette nouvelle intégration technique, de nombreuses fonctionnalités sont mises à votre disposition.
Désormais, vous êtes capables de :
| Description | Mode liste (par défaut) |
|---|---|
| Ce mode affiche sous forme de liste le bouton du paiement par cartes et ceux des moyens de paiement compatibles. |  |
| Description | Mode pop-in |
|---|---|
| Ce mode affiche un bouton unique qui ouvre une pop-in contenant le bouton du paiement par cartes et ceux des moyens de paiement compatibles. |
| Description | Mode liste avec carte embarquée |
|---|---|
| Ce mode affiche les champs embarqués pour le paiement par cartes et les moyens de paiement compatibles. |  |
| Description | Mode liste (par défaut) |
|---|---|
| Voici une illustration pour mettre en avant le Virement SEPA (Initiation de Paiement). Elle affiche les champs du paiement par cartes et un bouton du moyen de paiement compatible de votre choix. |  |
| Description | Mode pop-in |
|---|---|
| Voici une illustration pour mettre en avant le Virement SEPA (Initiation de Paiement). Elle affiche un bouton pour le paiement par cartes et un bouton du moyen de paiement compatible de votre choix. |  |
| Description | Mode liste avec carte embarquée |
|---|---|
| Voici une illustration pour mettre en avant le Virement SEPA (Initiation de Paiement). Elle affiche les champs du paiement par cartes et un bouton du moyen de paiement compatible de votre choix. |  |
| Description | Mode liste avec carte embarquée |
|---|---|
| Voici une illustration pour mettre en avant plusieurs moyens de paiement : le Virement SEPA (Initiation de Paiement) et Apple Pay. Elle affiche les champs du paiement par cartes et un bouton pour chaque moyen de paiement compatible mis en évidence. |  |
| Description | Mode pop-in |
|---|---|
| Voici une illustration pour mettre en avant plusieurs moyens de paiement : le Virement SEPA (Initiation de Paiement) et Apple Pay. Elle affiche un bouton pour le paiement par cartes et un bouton pour chaque moyen de paiement compatible mis en évidence. |  |
| Description | Mode liste avec carte embarquée |
|---|---|
| Voici une illustration pour mettre en avant plusieurs moyens de paiement : le Virement SEPA (Initiation de Paiement) et Apple Pay. Elle affiche les champs du paiement par cartes et un bouton pour chaque moyen de paiement compatible mis en évidence. | |
| Masquer les logos du paiement par cartes | |
|---|---|
<body> <div class="kr-smart-form" kr-card-form-expanded kr-no-card-logo-header kr-form-token="[GENERATED FORMTOKEN]"> ... </div> </body> |  |
| Personnaliser la mise en page | |
|---|---|
<style type="text/css">
(...)
/* to use the CSS Flexbox (Flexible Box) */
.kr-smart-form .kr-embedded .flex-container {
flex-direction: row !important;
display: flex;
}
</style>
<body>
<div class="kr-smart-form" kr-card-form-expanded kr-form-token="[GENERATED FORMTOKEN]">
(...)
</div>
</div>
</body> |  |
Implémentation technique
Si vous avez déjà implémenté le formulaire embarqué (cartes), vous trouverez les informations pour migrer vers le formulaire intelligent (smartForm) :
Les différentes étapes d'intégration sont :
- Prérequis
- S’authentifier
- Créer le
formToken. - Afficher le formulaire de paiement.
- Analyser le résultat du paiement.
- Passer en Production.
Pour avoir plus d'informations, rendez vous à la rubrique Intégration du formulaire de paiement.
