Comment créer un formulaire de calculatrice dans WordPress

comment créer un formulaire de calculatrice dans WordPress

Les sites professionnels doivent utiliser des formulaires de calcul pour automatiser les calculs de coûts, les estimations et d'autres opérations afin d'améliorer l'expérience et l'engagement global des utilisateurs. En outre, ces formulaires peuvent augmenter le taux de soumission en facilitant les calculs sur le terrain. Heureusement, WordPress facilite la création de formulaires en fournissant des plugins de calculatrice, ne nécessitant aucune compétence en codage.

Même certains plugins proposent une interface glisser-déposer pour créer des formulaires de calculatrice personnalisés. Ici, nous utiliserons l'un de ces plugins accessibles et conviviaux pour créer des formulaires de calculatrice dans WordPress. De plus, nous expliquerons pourquoi vous devez afficher des formulaires de calculatrice sur votre site.

Avantages d’afficher un formulaire de calcul sur votre site WP

Les formulaires de calcul profitent à vos sites commerciaux de plusieurs manières. Voici les principaux avantages de l’intégration d’un formulaire de calcul dans votre site Web :

  • Ce formulaire sert à diverses fins tels que le calcul des coûts, l'estimation du prêt, etc.
  • Vos clients n'ont pas besoin de quitter votre site pour l'utiliser outils externes faire des calculs.
  • Le calcul rapide s'améliore l'expérience des utilisateurs et satisfaction.
  • Il contribue à la collecte de leads qui est ensuite utilisé à des fins de marketing.
  • Calcul automatisé élimine le risque d’erreurs humaines.
  • Formulaires de calcul stimuler l'engagement des utilisateurs en ayant un impact positif sur l'expérience utilisateur et satisfaction.

Comment créer un formulaire de calculatrice dans WordPress

Créer un formulaire de calculatrice dans WP ne nécessite pas beaucoup d'efforts. Il vous suffira de trouver un plugin WordPress pour créer des formulaires de calculatrice interactifs.

Dans le guide ci-dessous, nous dévoilerons le processus le plus simple pour créer un formulaire de calculatrice dans WordPress avec le meilleur outil :

Étape 1 : Installez un plugin de calculatrice WordPress

Tout d’abord, vous aurez besoin d’un générateur de formulaires pour créer des formulaires de calcul dynamiques pour votre site WP. MetForm est une solution de formulaire robuste qui propose des modèles prédéfinis pour créer tout type de formulaire. Puisqu'il s'agit d'un générateur de formulaires Elementor par glisser-déposer, vous pouvez créer des formulaires de calculatrice personnalisés à partir de zéro sans expertise en codage. Avec plus de 300 000 utilisateurs actifs et gagnant prestigieux Prix Monstres et récompenses WP Weekly plusieurs fois, il s’agit d’une solution de formulaire fiable.

Pour installer MetForm, accédez à Plugins >> Ajouter un nouveau plugin et rechercher MetForm. Maintenant, installer et activer MetForm pour exploiter toutes les fonctionnalités de ce plugin de formulaire polyvalent.

Installez MetForm, un plugin de calculatrice WordPress

Étape 2 : Sélectionnez un modèle de formulaire vierge ou de calcul

Après avoir installé MetForm, accédez à MetForm >> Formulaires et cliquez sur « Ajouter un nouveau » bouton. Entrez ensuite le Nom de forme et sélectionnez Type de formulaire. Après avoir rempli ces champs, choisissez un modèle vierge et cliquez sur « Modifier le formulaire » bouton.

Sélectionnez un modèle vierge à partir de MetFrom

Vous pouvez aussi sélectionner un modèle de formulaire de calcul. Ici, nous montrons le processus complet à partir de zéro.

Modèle de formulaire de calcul de MetForm

Maintenant, vous serez redirigé vers l'éditeur de formulaire Elementor d'où vous devrez appuyez sur l'icône "+" pour sélectionner une disposition en grille.

Sélectionnez la disposition de la grille pour le formulaire de calcul

Après cela, ajoutez des champs généraux tels que Prénom, Nom, Adresse e-mail, Objet, etc. à votre formulaire de calculatrice.

Ajouter des champs au formulaire de calculatrice à l'aide de MetForm

Étape 3 : Intégrez les champs nécessaires dans votre formulaire de calcul

Dans cette étape, recherchez un « Sélectionner » champ et faites-le glisser et déposez-le sur l'icône « + » pour créer un formulaire interactif WordPress.

Comment créer un formulaire de calculatrice dans WordPress à l'aide de MetForm

Alors, cliquez sur le champ « Sélectionner » et insérez le Étiquette et nom à ce champ de formulaire.

Intégrez les champs nécessaires dans votre formulaire de calcul

Après cela, faites défiler vers le bas et ajouter des éléments et leurs valeurs. Ce le nom de l'article doit être le même que le nom.

Modifiez les champs de votre formulaire de calcul à l'aide de MetForm

Alors ajouter un champ Numéro, en suivant le même processus que précédemment.

Ajoutez des champs à votre formulaire de calcul

Après cela, entrez l'étiquette, Nom, et Espace réservé pour ce domaine. Dans le champ Nom, évitez d'utiliser des caractères spéciaux. Et, pour plusieurs mots, utilisez trait de soulignement/trait d'union (_/-).

Personnalisez les champs de votre formulaire de calcul à l'aide de MetForm

Alors, rechercher un calcul, un champ de formulaire avancé et déposez-le sur l’icône « + » en le faisant glisser.

Créer un formulaire de calcul avec MetForm

Tout comme les autres champs de formulaire avancés, ajuster l'étiquette, Nom, Texte d'aide, et Préfixe pour ce champ de calcul.

Modifier les champs de votre formulaire de calcul

Étape 4 : Configurer différentes formules sur les champs de calcul

C’est l’étape la plus importante où vous devez appliquer différentes formules selon vos besoins. Nous montrons ici un exemple d'application de la multiplication sur le champ Calcul. Pour ça, copier-coller le nom de la sélection et Champs numériques. Alors cliquez sur le champ Calcul et développez Paramètres, remplissez le champ « Expressions avec opérateurs et entrées » avec « package * qty ». Enfin, cliquez sur "Mettre à jour" bouton.

Appliquez la formule sur votre champ de calcul à l'aide de MetForm

En plus d'effectuer une multiplication, vous pouvez appliquer n'importe quelle formule à ce champ de calcul. Ici, nous listons commandes pour appliquer différentes formules:

  1. Ajout: colis + quantité
  2. Soustraction: colis – quantité
  3. Multiplication: paquet * quantité
  4. Division: paquet / quantité
  5. Flotter: flotteur (paquet / quantité, 2)
  6. Format de nombre: numberFormat (paquet * quantité)
  7. Sol: étage (paquet / quantité)
  8. Rond: rond (paquet / quantité)
  9. Plafond : plafond (paquet / quantité)

Suivez les commandes ci-dessus pour appliquer tout type de calcul dans votre formulaire de calculatrice interactive.

FAQ

WordPress prend-il en charge les calculs ? 

WordPress dispose de plusieurs plugins de formulaire grâce auxquels vous pouvez résoudre des équations complexes. Un de ces outils, MetForm est mentionné ci-dessus. Ce plugin de calculatrice WordPress peut calculer automatiquement les valeurs de plusieurs champs et simplifier les calculs difficiles.

Pouvez-vous créer des formulaires de calcul WordPress sans plugin ?

Oui, vous pouvez créer des formulaires de calculatrice interactifs sans utiliser de plugin WP. L’option alternative au générateur de formulaires WordPress est le codage. En utilisant vos compétences en codage, vous pouvez ajouter tout type de formulaire de calcul à votre site WP.

⭐ Vérifiez pour apprendre comment limiter les entrées de formulaire dans WordPress

En résumé

L'intégration de formulaires de calculatrice dans votre site WordPress augmente l'engagement et réduit le risque de commettre des erreurs lors des calculs. En conséquence, la collecte de leads ainsi que le taux de soumission des formulaires s'amélioreront considérablement. Heureusement, avec des outils complets et sans code comme MetForm, vous pouvez créer des formulaires de calculatrice personnalisés en quelques minutes. Aussi, toute forme telle que logique conditionnelle, formulaires en plusieurs étapes, etc. peuvent être créés à l'aide de ce générateur de formulaire de calculatrice. Alors, suivez le tutoriel ci-dessus pour intégrer ces fonctionnalités dans vos sites professionnels en un rien de temps.


commentaires

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *