Résumé IA
Voulez-vous créer un formulaire de don qui permet aux utilisateurs de choisir parmi plusieurs montants de don ? Proposer plusieurs options peut inciter vos donateurs à contribuer à votre cause.
Ce tutoriel vous montrera comment créer un formulaire de don avec plusieurs montants.
Prérequis : Si vous souhaitez autoriser les paiements dans vos formulaires, vous aurez besoin d’une licence Pro ou supérieure pour accéder aux modules complémentaires Stripe Pro ou PayPal.
Avant de commencer, assurez-vous d’avoir installé et activé le plugin WPForms sur votre site WordPress. Ensuite, vous devrez créer un nouveau formulaire ou modifier un formulaire existant.
Pour cet exemple, nous allons créer un nouveau formulaire en utilisant notre modèle de formulaire de don. Cependant, vous pouvez suivre les étapes ci-dessous en utilisant n’importe quel formulaire de votre choix.
Note : Si vous créez spécifiquement un formulaire pour une banque alimentaire, vous voudrez peut-être également consulter notre modèle de formulaire de don pour banque alimentaire, qui comprend des paliers de don prédéfinis avec des icônes personnalisées.
Personnalisation de plusieurs montants de don
Une fois que vous avez ouvert le constructeur de formulaire, ajoutez un champ de paiement qui permet aux utilisateurs de choisir parmi plusieurs options de montant de don. Selon votre préférence, vous pouvez utiliser le champ Articles multiples ou le champ Liste déroulante.
Pour notre exemple, nous utiliserons le champ Articles multiples. Pour ajouter un champ à votre formulaire, cliquez dessus ou faites-le glisser dans la zone d’aperçu.
Pour commencer à personnaliser le champ des articles de paiement, cliquez dessus pour ouvrir son panneau Options du champ. Ici, modifiez l’étiquette de chaque article pour refléter les paliers de don disponibles.
Vous pouvez également ajouter ou supprimer des options en cliquant respectivement sur les boutons plus (+) et moins (–).
Pour vous assurer que les utilisateurs ne manquent pas ce champ lors de la soumission du formulaire, activez l’option Obligatoire.
Note : Pour plus d’aide sur la personnalisation des champs de votre formulaire, consultez notre tutoriel sur la configuration des options de champ dans WPForms.
Laisser les donateurs décider du montant
Dans certains cas, les utilisateurs peuvent vouloir faire un don d’un montant qui ne figure pas dans votre formulaire.
Pour permettre aux donateurs de donner d’autres montants, vous devrez ajouter un article supplémentaire au champ Articles multiples ou Liste déroulante. Dans notre exemple, nous nommerons ce nouvel article Autre.
Note : Vous voulez en savoir plus sur l’ajout d’une option « Autre » aux champs Cases à cocher, Choix multiples et Listes déroulantes dans vos formulaires ? Consultez notre tutoriel sur la configuration des options « Autre » pour tous les détails.
Ensuite, vous devrez afficher un champ où les utilisateurs peuvent saisir leur montant de don lorsque l’option Autre est sélectionnée.
Pour ce faire, ajoutez un champ Article unique à votre formulaire et définissez son Type d’article sur Défini par l’utilisateur.
Si vous utilisez le modèle de formulaire de don pour créer le formulaire, vous pouvez simplement utiliser le champ prédéfini intitulé Montant du don à cette fin.
Ensuite, vous devrez vous assurer que ce champ n'est affiché qu'aux utilisateurs qui cliquent sur l'option Autre dans le champ Montant du don.
Pour ce faire, cliquez sur l'onglet Logique intelligente dans le panneau Options du champ et activez l'option Activer la logique conditionnelle.
Configurez ensuite la règle de logique conditionnelle pour Afficher ce champ si Choisir le montant du don est Autre.
Remarque : Besoin d'aide pour configurer la règle de logique conditionnelle de votre formulaire de don ? Consultez notre tutoriel sur l'utilisation de la logique conditionnelle dans WPForms pour obtenir des instructions.
Une fois que vous avez terminé de configurer votre formulaire, cliquez sur Enregistrer pour conserver vos modifications.
Voici un aperçu de notre champ Montant du don conditionnel en action :
Et voilà ! Vous savez maintenant comment créer un formulaire de don avec plusieurs montants parmi lesquels les utilisateurs peuvent choisir.
Ensuite, souhaitez-vous empêcher les utilisateurs de soumettre un formulaire avec 0,00 $ dans les champs de paiement définis par l'utilisateur ? Si oui, assurez-vous de consulter notre tutoriel sur comment exiger un total de paiement ici.