Module complémentaire Adyen

  1. Introduction
  2. Installer le module complémentaire Adyen
  3. Créer un formulaire de paiement
  4. Obtenez vos clés API depuis votre compte Adyen
  5. Configurer les formulaires de paiement avec votre compte Adyen

Introduction

Le module complémentaire Adyen est un module premium, vous pouvez l'acheter dans l'un de nos abonnements. Merci!

Le module complémentaire iform4u Adyen Payments vous permet d'intégrer iform4u à Adyen Payments. Avec ce module complémentaire, vous pouvez créer des formulaires de paiement en utilisant le nouveau SDK Dropin.js pour créer un formulaire de paiement qui collecte en toute sécurité les informations de carte de votre client sans que vous ayez à gérer les données de carte sensibles.

Installer le module complémentaire Adyen

Le processus d’installation du module complémentaire Adyen est très simple, comme tout autre module complémentaire. Pour installer le module complémentaire Adyen , accédez au menu Modules complémentaires et configurez-le.

Créer un formulaire de paiement

Les formulaires sont créés via le Générateur de formulaires. Il vous suffit de glisser-déposer les champs dont votre formulaire a besoin et d'ajouter un champ d'extrait HTML avec le contenu suivant : 

{{ADYEN}}

Ensuite, à partir de l'interface utilisateur du module complémentaire Adyen vous pouvez sélectionner les champs qui collecteront les informations nécessaires pour payer dans 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 à votre compte Adyen . Pour cela, vous devez obtenir les informations suivantes depuis votre compte Adyen :

  1. Clé API
  2. Clé d'Origène
  3. Contexte de chargement
  4. Compte marchand
  5. Préfixe d'URL en direct (obligatoire pour réussir une production et recevoir des paiements en direct)

Voici les étapes à suivre pour obtenir les informations requises.

Note: N'oubliez pas que vous pouvez créer un compte test pour tester vos formulaires et vos paiements, puis modifier vos clés et votre 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

  1. Allez au Gestionnaire de modules complémentaires et cliquez sur Adyen.
  2. Cliquez sur le Configurer un formulaire de paiement bouton.

  3. Un formulaire permettant de configurer le processus de paiement apparaîtra :

    • Formulaire: Requis. C'est le formulaire que vous intégrerez à votre compte Adyen .
    • Statut: Permet de désactiver la configuration Adyen .
    • En direct: Activez cette option lorsque vous êtes prêt à passer une "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 en direct: Obligatoire uniquement lorsque vous souhaitez transmettre votre formulaire en Production.
    • Compte marchand: Requis. Votre identifiant de compte marchand Adyen .
    • Condition d'adhésion : activez une logique conditionnelle pour accepter les paiements uniquement lorsqu'une condition est remplie.
    • Articles: Chaque article représente un produit ou un service qui sera détaillé sur le site 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 des champs de carte de crédit: est un groupe de champs qui vous permettent de personnaliser la façon dont vos clients voient votre champ de carte de crédit et partagent leurs informations. Vous pouvez définir :
      • Étiquette: Texte permettant d'identifier votre carte bancaire.
      • Lieu: La langue du champ de votre carte de crédit. Par défaut, en_US. Options disponibles
      • Devise: Pour changer la devise de la transaction.
      • Élément Dom: Pour modifier l'ID HTML div.
      • Masquer l'étiquette: Activez pour masquer l'étiquette CC.
      • Requis: Activer pour accepter les paiements uniquement. Les soumissions sans paiement ne seront pas acceptées.
      • Détail du magasin: Permet de stocker les informations client pour 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 les propriétés CSS au format JSON. Cliquez ici pour obtenir plus de détails.
      • Espaces réservés: Ce champ vous permet de spécifier les exemples de valeurs que vous souhaitez afficher pour les champs de saisie des détails de la carte au format JSON. Cliquez ici pour obtenir plus de détails.

  4. Cliquez sur Créer.