Présentation du formulaire embarqué (smartForm)
Le formulaire embarqué (smartForm) vous permet d'intégrer un parcours de paiement fluide et de présenter plusieurs moyens de paiement.
L'acheteur effectuera son parcours de paiement sans quitter le site marchand.
Evolution majeure du formulaire embarqué (cartes)
Le formulaire embarqué (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.
Cas d'utilisation
| 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. |  |
Consultez ce lien pour avoir des informations complémentaires:
mode liste
| 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. |
Consultez ce lien pour avoir des informations complémentaires:
mode pop-in
| 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. |  |
Consultez ce lien pour avoir des informations complémentaires:
mode liste avec carte embarquée
| Description | Mode liste (par défaut) |
|---|---|
| Voici une illustration pour mettre en avant Paypal. Elle affiche les champs du paiement par cartes et un bouton du moyen de paiement compatible de votre choix. |  |
Consultez ce lien pour avoir des informations complémentaires: mettre en évidence un moyen de paiement.
| Description | Mode pop-in |
|---|---|
| Voici une illustration pour mettre en avant Paypal Elle affiche un bouton pour le paiement par cartes et un bouton du moyen de paiement compatible de votre choix. |  |
Consultez ce lien pour avoir des informations complémentaires:
mettre en évidence un moyen de paiement.
| Description | Mode liste avec carte embarquée |
|---|---|
| Voici une illustration pour mettre en avant Paypal. Elle affiche les champs du paiement par cartes et un bouton du moyen de paiement compatible de votre choix. |  |
Consultez ce lien pour avoir des informations complémentaires:
mettre en évidence un moyen de paiement.
| Description | Mode liste avec carte embarquée |
|---|---|
| Voici une illustration pour mettre en avant plusieurs moyens de paiement : Paypal et Apple Pay. Elle affiche les champs du paiement par cartes et un bouton pour chaque moyen de paiement compatible mis en évidence. |  |
Consultez ce lien pour avoir des informations complémentaires:
mettre en évidence plusieurs moyens de paiement
| Description | Mode pop-in |
|---|---|
| Voici une illustration pour mettre en avant plusieurs moyens de paiement : Paypal et Apple Pay. Elle affiche un bouton pour le paiement par cartes et un bouton pour chaque moyen de paiement compatible mis en évidence. |  |
Consultez ce lien pour avoir des informations complémentaires:
mettre en évidence plusieurs moyens de paiement
| Description | Mode liste avec carte embarquée |
|---|---|
| Voici une illustration pour mettre en avant plusieurs moyens de paiement Elle affiche les champs du paiement par cartes et un bouton pour chaque moyen de paiement compatible mis en évidence. |  |
Consultez ce lien pour avoir des informations complémentaires:
mettre en évidence plusieurs moyens de paiement
| 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> |  |
Consultez ce lien pour avoir des informations complémentaires:
Masquer les logos du paiement par cartes
| 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> |  |
Consultez ce lien pour avoir des informations complémentaires:
Personnalisation avancée
Vous avez aussi la possibilité de :
Implémentation technique
Si vous avez déjà implémenté le formulaire embarqué (cartes), vous trouverez les informations pour migrer vers le formulaire embarqué (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.
