Add-On Adyen
Introduction
L'Add-On Adyen est une option premium, vous pouvez l'acheter dans l'un de nos abonnements. Merci !
L'Add-On de paiements Adyen d'iform4u vous permet d'intégrer iform4u avec les paiements Adyen. Avec cet add-on, vous pouvez créer des formulaires de paiement en utilisant le nouveau SDK Dropin.js pour créer un formulaire de paiement qui collecte de manière sécurisée les informations de carte de vos clients sans que vous ayez besoin de gérer des données sensibles de carte.
Installer l'Add-On Adyen
Le processus d'installation de l'Add-On Adyen est très simple, comme pour tout autre Add-On. Pour installer l'Add-On Adyen, allez dans le menu Add-Ons et configurez-le.
Créer un formulaire de paiement
Les formulaires sont créés via le Constructeur de formulaires. Il vous suffit de glisser-déposer les champs dont votre formulaire a besoin et d'ajouter un champ de snippet HTML avec le contenu suivant :
{{ADYEN}}
Ensuite, depuis l'interface de l'Add-On Adyen, vous pouvez sélectionner les champs qui collecteront les informations nécessaires pour payer avec Adyen. Par exemple, le prix, la quantité, etc.
Obtenez vos clés API depuis votre compte Adyen
Maintenant que vous avez votre formulaire, intégrons-le avec votre compte Adyen. Pour cela, vous devez obtenir les informations suivantes depuis votre compte Adyen :
- Clé API
- Clé d'origine
- Contexte de chargement
- Compte marchand
- Préfixe d'URL Live (Nécessaire pour passer en production et recevoir des paiements en direct)
Voici les étapes que vous devez suivre pour obtenir les informations requises.
Note : Gardez à l'esprit que vous pouvez créer un compte de test pour tester vos formulaires et paiements, puis vous pouvez changer vos clés et l'environnement pour passer en production et recevoir des paiements en direct.
Configurer les formulaires de paiement avec votre compte Adyen
Pour créer une configuration Adyen, vous devez effectuer les étapes suivantes :
- Allez dans le Gestionnaire d'Add-Ons et cliquez sur Adyen.
- Cliquez sur le bouton Configurer un formulaire de paiement.
-
Un formulaire utilisé pour configurer le processus de paiement apparaîtra :
- Formulaire : Requis. C'est le formulaire que vous intégrerez avec votre compte Adyen.
- Statut : Permet de désactiver la configuration Adyen.
- Live : Activez cette option lorsque vous êtes prêt à passer en "Production".
- Clé API : Requis. Identifiant API.
- Clé d'origine : Requis. Identifiant API.
- Contexte de chargement : Requis. Entrez votre contexte de chargement Test ou Live.
- Préfixe d'URL Live : Requis uniquement lorsque vous souhaitez passer votre formulaire en Production.
- Compte marchand : Requis. Votre ID de Compte Marchand Adyen.
- Condition d'Opt-In : Activez une logique conditionnelle pour n'accepter les paiements que lorsque une condition est remplie.
- Articles : Chaque article représente un produit ou un service qui sera détaillé sur le site d'Adyen. Il est composé de :
- Description : Décrit votre produit ou service.
- Prix : C'est le champ du formulaire utilisé pour collecter le prix du produit.
- Quantité : C'est le champ du formulaire pour collecter le nombre de produits. Le nombre de produits est multiplié par le prix de chaque produit, pour obtenir le sous-total de la transaction. Si vous ne sélectionnez aucun champ, le montant utilisé sera de 1.
- Paramètres du champ Carte de Crédit : Il s'agit d'un groupe de champs qui vous permettent de personnaliser la façon dont vos clients voient votre champ Carte de Crédit et partagent leurs informations. Vous pouvez définir :
- Étiquette : Texte pour identifier votre carte de crédit.
- Locale : La langue de votre champ Carte de Crédit. Par défaut, en_US. Options disponibles
- Devise : Pour changer la devise de la transaction.
- Élément Dom : Pour changer l'ID de la div HTML.
- Cacher l'étiquette : Activez pour cacher l'étiquette de la carte de crédit.
- Requis : Activez pour n'accepter que les paiements. Les soumissions sans paiements ne seront pas acceptées.
- Stocker les détails : Activez pour stocker les informations du client afin de les utiliser dans une transaction future.
- Nom du titulaire : Activez pour afficher le nom du titulaire de la carte.
- Styles : Ce champ vous permet de personnaliser l'apparence du champ Carte de Crédit en utilisant des propriétés CSS au format JSON. Cliquez ici pour plus de détails.
- Placeholders : Ce champ vous permet de spécifier les valeurs d'exemple que vous souhaitez voir apparaître pour les champs de saisie des détails de la carte au format JSON. Cliquez ici pour plus de détails.
-
Cliquez sur Créer.
