Sommaire
Avez-vous déjà souhaité ajouter un bouton de don Stripe à un formulaire sur votre site WordPress ? Cela vous permettrait de recevoir des dons directement des visiteurs qui apprécient votre contenu ou votre modèle commercial. Stripe est l’une des passerelles de paiement les plus populaires car elle offre un taux singulièrement bas pour le traitement de tout type de carte de crédit ou de débit.
Autrefois, si vous vouliez faire des dons sur votre site web, vous deviez utiliser une sorte de plugin de commerce électronique. Ou alors, vous utilisiez un autre plugin tiers ou une société tierce pour le mettre en place pour vous. Dans les deux cas, ce n’était pas l’idéal.
Maintenant, en utilisant une combinaison de l’API Stripe WordPress et d’un plugin de forme solide, vous pouvez construire le tout et recevoir des dons vous-même.
Pour que cela fonctionne correctement, vous devez disposer de quelques éléments sur votre site WordPress. Passons-les rapidement en revue avant de nous plonger dans le processus d’installation.
Les choses dont vous avez besoin pour accepter des dons en utilisant Stripe
Comme mentionné ci-dessus, il y a quelques éléments que vous devez mettre en place avant de pouvoir installer un bouton de don et de recevoir des dons à l’aide de Stripe.
Tout d’abord, vous devez disposer d’un excellent hébergement pour votre site web. Trouvez une bonne plateforme qui vous donne tout ce dont vous avez besoin dès le début.
Ensuite, vous devez avoir un site web WordPress configuré et prêt à intégrer des formulaires et à recevoir des paiements.
Troisièmement, vous devez avoir installé un SSL. Cela sécurisera votre site web et vous permettra d’effectuer des paiements directement depuis votre domaine sans devoir passer par une passerelle de paiement tierce. La plupart des sociétés d’hébergement vous fournissent un SSL gratuit dans le cadre de l’accord.
Quatrièmement, vous devrez disposer d’un compte Stripe. Ils sont gratuits ; il suffit d’en créer un et de remplir les informations nécessaires. Je vous montrerai plus tard la configuration et les connexions.
Cinquièmement, il faut se contenter d’un plugin de forme solide. Vous devrez disposer de la version pro de n’importe quel système de formulaires que vous utilisez, car les versions gratuites ne permettent pas l’intégration du module complémentaire Stripe.
Je suggère soit des Gravity Forms, soit des WPForms. Pour la démonstration ci-dessous, j’utiliserai les Gravity Forms, mais le processus est le même pour les WP Forms.
Maintenant que tout est en place, nous allons mettre en place Stripe et ajouter un bouton de don à votre site WordPress.
Télécharger et installer les formulaires de gravité
La première chose que vous devez faire est de télécharger et d’installer le plugin Gravity Forms.
Note : Gravity Forms n’a pas de répertoire de plugins WordPress. Vous devrez l’obtenir à partir de votre compte sur leur site. WPForms possède un répertoire de plugins, vous pouvez donc installer et activer le plugin à partir de ce répertoire.
Vous devrez installer manuellement le plugin Gravity Forms, ainsi que le plugin Stripe lorsque vous les téléchargerez depuis votre compte.
Pour ce faire, téléchargez le plugin. Depuis votre tableau de bord d’administration WordPress, cliquez sur Plugins Add New. De là, cliquez sur le bouton “Choose File”, choisissez le fichier du plugin, téléchargez-le et activez-le.
Maintenant que les Gravity Forms et l’add-on Stripe ont été téléchargés et activés, passons à autre chose.
Construire un formulaire de don
Nous devons d’abord construire notre formulaire de don. Dans le menu latéral gauche de votre tableau de bord d’administration WordPress, cliquez sur Formulaires Nouveau formulaire.
Une fenêtre contextuelle apparaîtra pour vous permettre d’ajouter un titre et une description au formulaire. Donnez à votre formulaire de don le nom que vous souhaitez. Cliquez sur le bouton “Créer un formulaire” lorsque vous êtes prêt.
Vous serez dirigé vers la zone de construction du plugin Gravity Forms. Vous y trouverez tous les différents types de champs que vous pouvez ajouter et configurer. Il y aura quatre “champs” principaux, dont
- Champs standard
- Domaines avancés
- Champs de poste
- Domaines de tarification
Tous ces champs sont déroulants et comportent plusieurs champs de sous-catégories. Il vous suffit de faire glisser les champs du formulaire dans l’ordre que vous souhaitez.
Personnalisation du formulaire
Vous pouvez choisir tous les champs que vous jugez nécessaires. Cela sera basé sur les informations que vous souhaitez obtenir de la personne qui fait le don.
Dans cet exemple, nous utilisons :
- Nom
- Courriel
- Société
- Message
Mais là encore, ajoutez ce que vous voulez : l’adresse, la date, l’heure et personnalisez-la comme bon vous semble. Votre formulaire de bouton de don Stripe doit être créé en fonction de vos propres besoins.
Maintenant, il y a quelques champs de formulaire que vous devez ajouter pour que le formulaire de don fonctionne correctement.
Cliquez sur la case “Champs de tarification”. Sous cette liste déroulante, vous verrez quelques options de champs de tarification.
Vous devez ajouter les trois champs suivants :
- Produit : Cela permettra à un utilisateur de saisir le montant qu’il souhaite donner.
- Total : Cela indiquera le total du formulaire à l’utilisateur.
- Carte de crédit : C’est ici que l’utilisateur remplira les informations financières pour faire un don.
Toutefois, il y a une modification que nous devons apporter au domaine des produits. Cliquez sur le champ pour le modifier. Lorsque le champ descend pour être modifié, cliquez sur l’option “Type de champ”. Parmi les choix présentés, vous voulez sélectionner “Prix défini par l’utilisateur”.
Cela permettra aux utilisateurs de saisir le montant qu’ils souhaitent donner.
Note : Vous pouvez utiliser d’autres champs d’options de tarification si vous souhaitez définir vos options de don. C’est vous qui décidez de la manière dont vous souhaitez les définir.
Une fois que vous avez ajouté tous les champs que vous souhaitez, ainsi que les champs qui doivent s’y trouver, cliquez sur le bouton “Mise à jour” situé sur le côté droit de la zone d’édition du formulaire.
Modifier les paramètres du formulaire
Lorsque vous avez mis à jour votre formulaire, vous êtes prêt à passer à autre chose. En haut de l’écran d’édition, vous verrez quelques options de liens.
Ils comprennent :
- Edit
- Paramètres
- Entrées
- Aperçu
Cliquez sur le lien “Paramètres” et une liste déroulante apparaîtra. De là, cliquez sur “Form Settings” et configurons ces options.
Vous serez dirigé vers la page des paramètres du formulaire. Remplissez ce formulaire comme bon vous semble.
Mais il y a une chose sur laquelle vous voudrez peut-être vous concentrer. Dans la zone “Bouton de formulaire”, vous pouvez télécharger une image comme bouton ou simplement écrire du texte.
Dans ce cas, j’ai écrit le texte “Donate Now” comme titre du bouton.
Cliquez sur “Mettre à jour les paramètres du formulaire” en bas de la page et continuez. Cliquez sur l’onglet “Confirmations” pour aller à la page de configuration des confirmations.
Vous pouvez laisser la confirmation par défaut telle quelle si vous le souhaitez. Sinon, vous pouvez construire votre propre page de confirmation en cliquant sur le lien “Modifier”.
Cliquez maintenant sur “Notifications”. C’est là que vous allez configurer toutes les notifications par courrier électronique pour le formulaire de don. Là encore, faites vos sélections et remplissez le formulaire comme bon vous semble.
N’oubliez pas de cliquer sur le bouton “Mise à jour de la notification” lorsque vous avez terminé.
Configurer Stribe
Il est maintenant temps de configurer Stripe et de le joindre au formulaire afin que vous puissiez recevoir des dons depuis votre site WordPress.
Cliquez sur le lien “Stripe” pour commencer. Ensuite, cliquez sur le lien “Stripe Settings” pour configurer les options du formulaire.
Vous serez amené à la page principale des paramètres de Stripe. Vous y trouverez trois sections principales qui doivent être remplies :
- API à rayures
- Recouvrement des paiements.
Pour ce faire, vous devez d’abord vous connecter à votre compte Stripe. Vous devez en avoir un déjà à ce stade ou en avoir créé un via le lien mentionné plus haut dans cet article.
Stripe API : Pour accéder à vos clés Stripe API, vous devez cliquer sur Développeurs Clés API, dans votre tableau de bord. Dans ce cas, vous allez copier et coller à la fois la clé publiable en direct et la clé secrète en direct.
NOTE : Si vous ne faites que tester Stripe et le formulaire, utilisez les clés API “Test”.
Collez ces clés dans les champs pertinents de votre configuration Stripe API dans les formulaires de gravité.
Recouvrement des paiements : Dans ce cas, cliquez sur le bouton radio intitulé “Gravity Forms Credit Card Field”.
Stripe Webhooks : Pour accéder et activer les Stripe Webhooks, il suffit de cliquer sur le lien “View Instructions”. Vous verrez des instructions sur la façon d’effectuer cette action.
Suivez les instructions pour activer les Webhooks in Stripe. Lorsque vous avez terminé, revenez et cochez la case intitulée “J’ai activé l’URL du webhook Gravity Forms dans mon compte Stripe”.
Collez les clés secrètes du test et de la signature en direct.
Cliquez sur le bouton “Mettre à jour les paramètres” en bas de la page et vous avez terminé !
Conclusion
C’est tout ! Vous pouvez maintenant aller intégrer votre formulaire sur n’importe quel poste ou page que vous voulez. Une fois que quelqu’un a rempli le formulaire, les dons deviennent disponibles sur votre compte Stripe.
J’espère que cet article vous a montré combien il est facile de recevoir des dons sur votre site WordPress en utilisant Stripe. Il suffit de suivre le processus et vous aurez un bouton de don Stripe sur votre site en un rien de temps.
Quelles autres méthodes avez-vous utilisées pour collecter des dons sur votre site WordPress ? Si vous n’utilisez pas un bouton de don Stripe, qu’utilisez-vous ?