Souhaitez-vous créer un formulaire de don qui permette aux utilisateurs de choisir entre plusieurs montants de don ? Le fait de proposer plusieurs options peut inciter vos donateurs à contribuer à votre cause.
Ce tutoriel vous montrera comment créer un formulaire de don avec des montants multiples.
Conditions requises: 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'installer et d'activer le plugin WPForms sur votre site WordPress. Vous devrez ensuite 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. Toutefois, vous pouvez suivre les étapes ci-dessous en utilisant le formulaire de votre choix.
Remarque : si vous créez un formulaire pour une banque alimentaire, vous pouvez également consulter notre modèle de formulaire de don pour une banque alimentaire, qui comprend des niveaux de dons prédéfinis avec des icônes personnalisées.
Personnalisation des montants des dons multiples
Une fois que vous avez ouvert le générateur de formulaires, ajoutez un champ de paiement qui permet aux utilisateurs de choisir parmi plusieurs options de montant de don. Selon vos préférences, vous pouvez utiliser le champ Éléments multiples ou le champ Éléments déroulants.
Dans notre exemple, nous utiliserons le champ Éléments multiples. Pour ajouter un champ à votre formulaire, cliquez dessus ou faites-le glisser dans la zone de prévisualisation.
Pour commencer à personnaliser le champ des éléments de paiement, cliquez dessus pour ouvrir son panneau d'options. Modifiez le libellé de chaque élément pour qu'il corresponde aux différents niveaux de dons disponibles.
Vous pouvez également ajouter ou supprimer des options en cliquant sur les boutons plus (+) et moins (-) respectivement.
Pour s'assurer que les utilisateurs ne manquent pas ce champ lorsqu'ils soumettent le formulaire, activez l'option Requis .
Note : Pour plus d'aide sur la personnalisation des champs de votre formulaire, voir notre tutoriel sur la configuration des options de champs dans WPForms.
Permettre aux donateurs de décider du montant
Dans certains cas, les utilisateurs peuvent vouloir donner un montant qui n'est pas indiqué dans votre formulaire.
Pour permettre aux donateurs de donner d'autres montants, vous devez ajouter un élément supplémentaire au champ Éléments multiples ou Éléments de la liste déroulante. Dans notre exemple, nous nommerons ce nouvel élément " Autre".
Note : Vous voulez en savoir plus sur l'ajout d'une option "Autre" aux cases à cocher, aux champs à choix multiples et aux champs déroulants de vos formulaires ? Consultez notre tutoriel sur la configuration des options "Autre" pour obtenir tous les détails.
Ensuite, vous devez afficher un champ dans lequel les utilisateurs peuvent saisir le montant de leur don lorsque l'option Autre est sélectionnée.
Pour ce faire, ajoutez un champ Élément unique à votre formulaire et définissez son type d'élément sur Défini par l'utilisateur.
Si vous utilisez le modèle de formulaire de don pour créer le formulaire, vous pouvez utiliser le champ prédéfini intitulé Montant du don.
Ensuite, vous devez vous assurer que ce champ n'est affiché que pour les utilisateurs qui cliquent sur l'option Autre dans le champ Montant du don.
Pour ce faire, cliquez sur l'onglet Smart Logic dans le panneau Field Options et activez l'option Enable conditional logic.
Ensuite, configurez la règle de logique conditionnelle pour afficher ce champ si Choisir le montant du don est Autre.
Note : Vous avez 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 conseils.
Une fois que vous avez fini de configurer votre formulaire, cliquez sur Enregistrer pour conserver vos modifications.
Voici un aperçu de notre champ conditionnel Montant du don en action :
Voilà, c'est fait ! Vous savez maintenant comment créer un formulaire de don avec plusieurs montants à choisir par les utilisateurs.
Ensuite, voulez-vous empêcher les utilisateurs de soumettre un formulaire avec 0,00 $ dans les champs de paiement définis par l'utilisateur ? Si c'est le cas, n'hésitez pas à consulter notre tutoriel sur la façon d'exiger un total de paiement ici.