X

Comment créer un formulaire de don WordPress (étape par étape)

Comment créer un formulaire de dons dans WordPress

Cherchez-vous à créer un formulaire de don sur WordPress ? Que vous soyez une organisation à but non lucratif ou simplement quelqu'un ayant besoin d'un peu d'aide supplémentaire, l'ajout d'un formulaire de don à votre site Web ne doit pas être une corvée.

Il existe de nombreuses façons d'ajouter un formulaire de don à votre site. Nous utiliserons une méthode tellement facile et simple que n'importe qui peut la configurer en quelques minutes.

Comment créer un formulaire de don personnalisé sur WordPress

Avec son constructeur intuitif par glisser-déposer, WPForms est le constructeur de formulaires le plus populaire pour WordPress. Il est facile à utiliser et contient tout ce dont vous aurez besoin pour créer un beau formulaire de don qui fonctionne réellement.

page d'accueil wpforms

Vous aurez besoin du module complémentaire PayPal ou Stripe pour WPForms afin de traiter les paiements sur votre formulaire de don. Les deux sont inclus dans la version Pro du plugin WPForms.

Chez IsItWP, nous croyons qu'il faut donner des options à nos utilisateurs. Nous pensons que WPForms est le meilleur, mais si vous recherchez plus d'options, nous vous recommandons d'utiliser WP Simple Pay. Il est facile à utiliser et ils ont une version gratuite que vous pouvez utiliser pour créer un formulaire de don. Suivez ce tutoriel : Créer un formulaire de don avec WP Simple Pay.

Puisque vous gérez un site de dons, vous voudrez peut-être aussi consulter WP Charitable. C'est sans aucun doute la meilleure solution pour les organisations caritatives et les ONG. Vous pouvez créer vos formulaires de don en quelques clics. Nous parlons davantage des alternatives de formulaires de don à la fin de l'article.

La raison pour laquelle nous avons choisi WPForms est que vous pouvez continuer à utiliser ce plugin pour créer toutes sortes de formulaires tels que des formulaires de contact, de commentaires, de témoignages, et même des formulaires de produits. Il existe même une option pour réaliser des sondages et des enquêtes.

Cela dit, commençons le tutoriel.

Étape 1 : Installer et activer WPForms

Pour commencer, vous devez vous inscrire à un compte WPForms. Rendez-vous donc sur le site Web de WPForms et choisissez un plan qui intègre un moyen de paiement tel que PayPal ou Stripe.

Une fois cela fait, vous obtiendrez un fichier de plugin à télécharger sur votre site. Vous devez également y copier la clé de licence.

wpforms-pro-license

Vous ne savez pas comment installer et activer un plugin ? Nous avons un guide complet pour installer un plugin dans WordPress.

Lorsque WPForms est activé sur votre site, vous pouvez coller votre clé de licence dans la page WPForms » Paramètres.

vérifier la licence WPForms

Vous êtes maintenant prêt à créer le formulaire de don.

Étape 2 : Créer un formulaire de don dans WordPress

Pour créer un nouveau formulaire, dans votre tableau de bord WordPress, cliquez sur WPForms » Ajouter un nouveau.

Cela ouvrira une bibliothèque de modèles. Vous pouvez rechercher un modèle de formulaire de don, le prévisualiser et le sélectionner.

formulaire de don paypal

Vous verrez probablement une fenêtre contextuelle pour activer un module complémentaire de paiement, vous pouvez cliquer sur le bouton « Oui, installer et activer ».

activer l'extension paypal commerce

Le constructeur de formulaires va maintenant se lancer. Vous verrez un aperçu de votre formulaire ainsi que des options pour le personnaliser.

modèle de formulaire de don par défaut

Par défaut, le modèle de formulaire de don que vous avez sélectionné comprend les champs suivants :

  • Nom
  • E-mail
  • Montant du don
  • Commentaire ou message

Vous pouvez facilement personnaliser le formulaire en faisant glisser et déposer de nouveaux champs dans l'aperçu du formulaire. Vous pouvez également réorganiser rapidement les champs.

Dans ce modèle, le champ Montant du don est un champ Élément unique, qui permet aux utilisateurs de saisir le montant qu'ils souhaitent contribuer. Vous pouvez l'utiliser si vous le souhaitez, mais nous aimerions également vous montrer les options avancées de WPForms.

Pour ce tutoriel, nous vous montrerons comment transformer ce champ en un champ Choix multiples, vous donnant ainsi le contrôle des montants que les utilisateurs sont autorisés à donner.

Pour ce faire, dans la section Ajouter des champs » Champs de paiement, sélectionnez le champ Articles multiples et déposez-le dans l'aperçu de votre formulaire.

plusieurs éléments dans wpforms

Vous pouvez supprimer l'ancien champ de don car nous n'en aurons plus besoin.

Pour modifier le champ Articles multiples, cliquez simplement dessus. Dans le panneau de gauche, vous verrez les options pour modifier le champ. Vous pouvez réécrire l'étiquette pour dire « Choisissez votre montant de don ». À partir de là, entrez les articles et les montants que vous désirez.

options d'éléments multiples dans wpforms

Si vous souhaitez afficher le montant du don à côté de chaque article, activez « Afficher le prix après les étiquettes d'article ».

Ensuite, vous voudrez peut-être ajouter une image pour chaque campagne ou montant. Lorsque vous activez « Utiliser des choix d'images », vous verrez des options pour télécharger des images pour chaque article.

ajouter des images au formulaire de don

Maintenant, avant de terminer la personnalisation du formulaire, vous voudrez peut-être rendre ce champ obligatoire. Cela signifie que si quelqu'un veut soumettre le formulaire, il doit remplir ce champ.

Faites défiler jusqu'en bas du menu de gauche et vous verrez un interrupteur appelé « Requis ».

rendre un champ obligatoire dans WPForms

En activant ceci, un utilisateur ne pourra pas soumettre le formulaire à moins qu'il ne sélectionne un montant de don.

Maintenant, en dehors de tout cela, il existe une fonctionnalité vraiment intéressante appelée logique conditionnelle dans WPForms que nous voulons vous montrer.

Rendez-vous dans le champ Logique intelligente en haut du menu. Ici, activez la logique conditionnelle et vous verrez des options apparaître.

Ainsi, par exemple, dans notre formulaire, nous voulons d'abord demander à nos utilisateurs s'ils souhaitent faire un don. S'ils sélectionnent oui, alors nous aimerions leur montrer des options pour faire un don.

Pour cela, nous avons ajouté un champ d'éléments multiples et l'avons étiqueté « Souhaitez-vous faire un don » et ajouté les options Oui/Non.

ajouter une logique conditionnelle

Ensuite, nous avons sélectionné le champ « Choisissez votre montant de don ». Sous les paramètres de logique intelligente pour ce champ de formulaire spécifique, nous avons dit « Afficher » ce champ si « Souhaitez-vous faire un don » est « Oui ».

Maintenant, ce champ de don apparaîtra uniquement si l'utilisateur dit oui pour faire un don.

Plutôt sympa, non ?

Une fois que vous avez terminé, enregistrez vos modifications et passez à l'étape suivante. Il est temps de configurer les intégrations de paiement.

Étape 3 : Configurer une intégration de paiement

Pour ce tutoriel, nous vous montrerons comment configurer PayPal, car c'est le plus populaire. N'oubliez pas que la configuration de Stripe et d'autres passerelles de paiement suit pratiquement le même processus.

Comme vous êtes toujours sur l'écran de modification du formulaire, vous pouvez simplement cliquer sur l'onglet Paiements sur le côté gauche, puis cliquer sur PayPal Standard.

paypal standard wpforms

Sur le côté droit de l'écran, saisissez vos paramètres. Tout d'abord, cochez Activer les paiements PayPal Standard. Ensuite, sélectionnez Don dans le menu déroulant Type de paiement.

activer paypal standard

Vous devrez saisir vos informations selon les besoins. Cliquez ensuite sur Enregistrer lorsque vous avez terminé et passez à l'avant-dernière étape.

Étape 4 : Personnalisez vos notifications

WPForms vous permet de configurer des notifications par e-mail automatisées. Vous pouvez créer des notifications à vous envoyer, à votre équipe et au donateur.

Allez dans Paramètres » Notifications pour commencer.

Par défaut, une notification vous sera envoyée, à vous, l'administrateur du site. Mais, en cliquant sur Ajouter une nouvelle notification, vous pouvez créer une notification distincte pour le donateur.

ajouter des notifications dans wpforms

Nommez votre notification. Ensuite, à côté de Envoyer à l'adresse e-mail, cliquez sur Afficher les balises intelligentes. Dans la liste qui apparaît, choisissez E-mail.

À partir de là, faites simplement défiler vers le bas et personnalisez le message que vous souhaitez que vos donateurs reçoivent.

e-mail de confirmation de don

Ici aussi, WPForms vous permet d'utiliser la logique conditionnelle. Ainsi, par exemple, nous voulons envoyer un e-mail personnalisé aux donateurs qui parrainent un mois entier de repas. Tout d'abord, nous avons simplement ajouté une nouvelle notification et personnalisé le message.

Ensuite, nous avons activé la logique conditionnelle et choisi d'envoyer cette notification si « Choisissez votre montant de don » est « Parrainer un repas pour le mois ».

activer la logique conditionnelle dans le formulaire de don

En gros, ce paramètre vous permet d'envoyer cet e-mail uniquement si l'utilisateur sélectionne un certain champ dans le formulaire.

Cliquez sur Enregistrer, puis passez à l'étape finale.

Il ne vous reste plus qu'à placer le formulaire sur votre site Web. Vous y êtes presque !

Étape 5 : Ajoutez votre formulaire de don à votre site WordPress

Vous pouvez intégrer votre formulaire de don dans n'importe quel article, page ou zone prête pour les widgets (barre latérale/en-tête/pied de page).

Pour ce tutoriel, nous allons ajouter le formulaire à une page WordPress.

Tout d'abord, allez dans Pages » Ajouter. Nommez votre page, puis ajoutez un nouveau bloc. Vous pouvez maintenant rechercher WPForms et sélectionner le bloc. Cela vous donnera un menu déroulant pour sélectionner le formulaire que vous venez de créer.

éditeur de blocs wpforms

Préférez-vous avoir votre formulaire dans votre barre latérale ? Pas de problème. Rendez-vous simplement dans Apparence » Widgets et faites glisser le widget WPForms dans votre zone de barre latérale.

ajouter wpforms à la barre latérale

Sélectionnez le formulaire que vous avez créé dans le menu déroulant des paramètres du widget. Cliquez ensuite sur Enregistrer. C'est tout ! Votre formulaire de don est maintenant dans votre barre latérale.

WPForms prend également en charge les shortcodes si vous en avez besoin.

De plus, il existe un onglet Gestion des entrées qui vous permet de visualiser, modifier et supprimer chaque soumission de formulaire. Vous y verrez également des statistiques intégrées.

Nous espérons que cet article vous a aidé à apprendre comment créer un formulaire de don dans WordPress.

Alternatives à la création d'un formulaire de don

Si vous recherchez d'autres options pour créer votre formulaire de don, consultez notre liste : 12 meilleurs plugins de dons WordPress pour la collecte de fonds en ligne.

Nos 2 meilleurs choix sont :

1. WP Simple Pay

Il vous permet d'accepter des dons uniques et récurrents via plusieurs options de paiement, notamment Apple Pay, Google Pay et Microsoft Pay. Vous pouvez créer un formulaire de don comme celui-ci :

formulaire de don wpsimple pay

Vous pouvez utiliser leur constructeur de formulaires par glisser-déposer pour configurer un formulaire de don en ligne en quelques clics seulement. Le formulaire est entièrement personnalisable avec un plan d'abonnement pour offrir différents montants de don et catégories de dons. Il vous permet également d'offrir aux utilisateurs la possibilité d'ajouter un montant de don personnalisé et vous pouvez mentionner un montant minimum ou par défaut pour les donateurs.

Consultez notre avis complet sur WP Simple Pay pour plus de détails.

2. WP Charitable

WP Charitable est la meilleure solution pour tout site Web d'ONG ou de charité car il vous permet de mettre en place des campagnes de dons complètes. Le meilleur atout est qu'il existe une version gratuite de ce plugin qui est très riche en fonctionnalités.

Vous pouvez créer des campagnes de dons qui sont sensibles au temps et basées sur des objectifs. Voici un exemple de campagne de dons pour vous donner une meilleure idée :

campagne caritative wp

C'est un outil puissant et qui mérite d'être examiné. Pour en savoir plus sur ce plugin de dons, consultez notre examen complet de WP Charitable.

C'est tout ce que nous avons pour vous. Vous pourriez également vouloir consulter nos guides connexes :

Ces guides vous aideront à améliorer vos formulaires et campagnes de dons.

Commentaires   Laisser une réponse

Ajouter un commentaire

Nous sommes ravis que vous ayez choisi de laisser un commentaire. Veuillez garder à l'esprit que tous les commentaires sont modérés conformément à notre politique de confidentialité, et tous les liens sont nofollow. N'utilisez PAS de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.

Liste de contrôle de lancement WordPress

La checklist ultime pour lancer un WordPress

Nous avons compilé tous les éléments essentiels de la liste de contrôle pour le lancement de votre prochain site Web WordPress dans un ebook pratique.
Oui, envoyez-moi l'eBook gratuit !