Module complémentaire Stripe

Introduction

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

iform4u Stripe Add-On vous permet d'intégrer iform4u à Stripe . Avec ce module complémentaire, vous pouvez créer des formulaires de paiement en utilisant les nouveaux Stripe Elements 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 Stripe

Le processus d’installation du module complémentaire Stripe est très simple, comme tout autre module complémentaire. Pour installer le module complémentaire Stripe , 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 :

{{STRIPE}}

Ou pour conserver le design :

<div class="form-group">
{{STRIPE}}
</div>

Ensuite, à partir de l'interface utilisateur du module complémentaire Stripe vous pouvez sélectionner les champs qui collecteront les informations nécessaires pour payer dans Stripe . Par exemple, le prix, la quantité, etc.

Obtenez vos clés API depuis votre compte Stripe

Maintenant que vous avez votre formulaire, intégrons-le à votre compte Stripe . Pour cela, vous devez effectuer les étapes suivantes :

  1. Connectez-vous sur Stripe
  2. Dans la section « API », copiez votre Clés API.

Configurer les formulaires de paiement avec votre compte Stripe

Pour créer une configuration Stripe , vous devez effectuer les étapes suivantes

  1. Accédez au gestionnaire de modules complémentaires et cliquez sur Stripe .
  2. Cliquez sur le bouton Configurer un formulaire de paiement.
  3. Un formulaire permettant de configurer le processus de paiement apparaîtra :
    • Formulaire: Requis. C'est le formulaire que vous intégrerez à votre compte Stripe .
    • Statut: Permet de désactiver la configuration Stripe .
    • Clé secrète: Requis. Identifiant API.
    • Clé publiable: Requis. Identifiant API.
    • Articles: Chaque article représente un produit ou un service qui sera détaillé sur le site Stripe . 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.
      • Description: Texte que vous pouvez joindre à une charge. Vos e-mails de réception l’incluront.
      • Descripteur d'instruction: Jusqu'à 22 caractères à afficher sur le relevé de carte bancaire de votre client.
      • Devise: La devise de facturation. Nous vous recommandons d'utiliser « dollar américain ».
      • Masquer le code postal: Activez pour masquer le champ du code postal.
      • Masquer l'icône: Activez pour masquer l'icône de la carte de crédit.
      • Masquer le style: Activez pour masquer les styles CSS personnalisés.
      • Style: 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.
    • Champs supplémentaires: est un groupe de champs qui vous permettent de personnaliser des champs de formulaire supplémentaires. Bien que ces champs soient facultatifs, ces informations peuvent être utilisées pour effectuer un certain nombre de vérifications, telles que la vérification CVC, ZIP et d'adresse.
      • E-mail de réception
      • Nom du titulaire de la carte
      • Adresse Ligne 1
      • Ligne d'adresse 2
      • Adresse Ville
      • État de l'adresse
      • Adresse postale
      • Pays d'adresse
  4. Cliquez sur Créer.