Comment créer une calculatrice en ligne personnalisée

Comment créer un formulaire de calcul WordPress avec WPForms

Vous vous demandez comment créer une calculatrice dans WordPress pour les besoins spécifiques de votre site web ?

En capturant les adresses électroniques des visiteurs, les calculatrices s'avèrent être un excellent moyen de générer des prospects supplémentaires pour votre entreprise.

Créez votre calculateur maintenant

Les calculatrices peuvent également accroître l'engagement, car elles incitent les utilisateurs à rester plus longtemps sur votre site web et les encouragent à effectuer une action.

Dans cet article, nous allons vous expliquer comment créer une calculatrice personnalisée dans WordPress en utilisant WPForms !

Comment créer une calculatrice personnalisée dans WordPress

Créer une calculatrice personnalisée dans WordPress avec WPForms est très facile. Il suffit de suivre les étapes suivantes :

1. Installer et activer WPForms Pro

WPForms est le meilleur plugin de construction de formulaires et de calculatrices qui vous permet de créer tous les types de formulaires. Il offre une énorme liste de modèles de formulaires de calculateurs pré-faits que de nombreuses entreprises en ligne peuvent utiliser comme outils de génération de prospects ou comme calculateurs de prix pour recevoir des commandes.

Comme nous allons utiliser l'addon Calculs pour ce tutoriel, vous devez souscrire à WPForms Pro, qui vous donne également accès à des intégrations premium, des addons, et une tonne de fonctionnalités précieuses comme la logique conditionnelle, les rapports de formulaire, etc.

La page d'accueil de WPForms

Après avoir acheté la licence Pro, installez et activez le plugin WPForms sur votre site web. Pour commencer, veuillez lire ces instructions simples sur l'installation d'un plugin WordPress.

2. Obtenir le module complémentaire de calcul

L'installation de l'addon Calculs sur votre site WordPress est très simple. Depuis votre tableau de bord WordPress, cliquez sur WPForms, puis sélectionnez Addons.

WPForms addons

Tapez "Calculs" dans le champ " Search Addons". Cliquez ensuite sur le bouton Installer le module complémentaire, puis sur le bouton Activer.

Activer le module complémentaire de calcul

Excellent travail ! Nous allons maintenant vous montrer comment créer un formulaire de calculatrice à l'aide d'un modèle et le modifier pour générer des prospects.

3. Choisir un modèle de calculatrice conçu par des professionnels

Il est maintenant temps de construire votre nouveau formulaire. Depuis votre tableau de bord WordPress, sélectionnez WPForms, puis cliquez sur le bouton Ajouter un nouveau.

Ajouter un nouveau formulaire

Vous accédez ainsi à l'écran suivant. Pour commencer, nommez votre formulaire. Par exemple, nous l'appellerons "Calculatrice hypothécaire".

Nommez votre formulaire

Ensuite, faites défiler la page et sélectionnez la catégorie Calculateur pour trouver un formulaire adapté aux besoins de votre entreprise.

Catégorie de modèle de calculatrice

Une fois que vous avez trouvé un modèle approprié, cliquez sur le bouton Utiliser le modèle. Pour ce tutoriel, nous allons sélectionner le formulaire de calcul d'hypothèque.

Cliquez sur Utiliser le modèle

Vous serez alors dirigé vers l'écran Champs. Dans cet écran, les champs disponibles sont répertoriés dans le panneau de gauche.

Menu des champs de WPForms

Vous verrez un aperçu modifiable de votre formulaire dans le panneau de droite. Comme nous avons sélectionné un modèle de calculatrice, les champs seront automatiquement ajoutés.

Aperçu du formulaire de calcul

Vous pouvez maintenant utiliser le constructeur intuitif de WPForms pour modifier, arranger ou ajouter des champs afin d'adapter le formulaire à vos besoins.

4. Personnaliser le modèle de formulaire de calculatrice

Si vous utilisez le formulaire de la calculatrice pour générer des prospects, vous pouvez personnaliser les champs du formulaire pour qu'il agisse comme un formulaire de prospect. Dans le générateur de formulaires, allez dans Paramètres " Formulaires de prospects.

Cela affichera une fenêtre contextuelle qui dira : "Le module complémentaire Lead Forms n'est pas installé. Voulez-vous l'installer et l'activer ?". Cliquez sur le bouton Oui, installer et activer.

Installer des formulaires de prospects

Ensuite, cliquez sur le bouton Oui, enregistrer et actualiser pour terminer l'installation, puis activez l'option Enable Lead Form Mode.

Activer le mode Lead Form

Une autre fenêtre contextuelle s'affiche pour vous informer que le module complémentaire Lead Forms va restructurer votre formulaire. Cliquez sur le bouton Activer les formulaires de prospects.

Activer les formulaires de prospects

Le plugin forms va maintenant convertir automatiquement vos champs calculés en un formulaire Lead. Cela prend généralement quelques secondes, sauf si vous avez beaucoup de champs.

Conversion en formulaire de contact

Vous pouvez maintenant ajouter, modifier et organiser les champs à votre guise. Par exemple, nous avons ajouté un champ Nom et un champ Email en haut du formulaire.

Ajouter des champs de nom et d'adresse électronique

Vous pouvez également marquer les champs Nom et Email comme obligatoires sous l'onglet Général pour chacune de leurs options de champ.

Marquer le champ comme obligatoire

Pour encourager l'utilisateur à envoyer le formulaire, vous pouvez également modifier ou supprimer le texte du bouton d'envoi afin de consolider votre processus de génération de leads.

Pour ce faire, faites défiler l'aperçu de droite du formulaire jusqu'en bas. Cliquez ensuite sur le bouton Soumettre.

Cliquez sur le bouton Soumettre

Vous serez alors redirigé vers l'onglet "Paramètres" "Général" . À partir de là, modifiez le texte du bouton Soumettre pour qu'il se lise comme "Envoyer mes résultats".

Modifier le texte du bouton de soumission

Une fois que vous avez personnalisé votre calculatrice et votre formulaire de contact pour y inclure toutes les fonctionnalités souhaitées, n'oubliez pas d'appuyer sur le bouton Enregistrer.

Sauvegarder le formulaire

Et voilà, c'est fait ! Vous pouvez maintenant publier votre formulaire de calculatrice dans WordPress afin de stimuler la génération de leads et d'augmenter les conversions par email.

5. Publier votre formulaire de calcul

Une fois que vous avez créé votre formulaire de calculatrice à l'aide du modèle, vous pouvez l'ajouter à votre site web WordPress et le styliser davantage à l'aide de l'éditeur de blocs.

Créez une nouvelle page ou un nouvel article, ou mettez à jour une page existante. Ensuite, vous devez cliquer sur le bouton Ajouter un bloc et sélectionner l'icône WPForms.

Ajouter un widget de formulaire WPForms

Ensuite, sélectionnez votre formulaire de calculateur en ligne personnalisé dans le menu déroulant du widget WPForms pour l'attacher à votre page/article.

Sélectionner le formulaire de calcul

Lorsque vous êtes satisfait de l'apparence de votre formulaire, il vous suffit de cliquer sur le bouton " Mettre à jour " ou " Publier" pour mettre votre formulaire en ligne.

Publier le formulaire de la calculatrice

Pour s'assurer qu'il n'y a pas de problème, il est important de tester le formulaire intégré après sa publication et de vérifier qu'il fonctionne comme prévu sur le frontend.

Formulaire de calcul de l'essai

Il peut être difficile de générer des prospects hypothécaires, car il n'est pas toujours aisé de trouver des personnes qui souhaitent faire des affaires avec vous.

La bonne nouvelle, c'est qu'il existe déjà un grand nombre de bons outils de marketing et de méthodes de génération de prospects hypothécaires.

Plus de questions sur la fabrication d'une calculatrice

Apprendre à créer une calculatrice dans WordPress est un sujet d'intérêt populaire parmi nos lecteurs. Voici les réponses à quelques questions courantes à ce sujet.

Pourquoi ajouter une calculatrice personnalisée dans WordPress ?

Une calculatrice personnalisée permet aux utilisateurs de faire des calculs sans avoir à quitter votre site, ce qui augmente votre taux d'engagement.

  • Par exemple, si vous gérez un site web consacré à l'automobile, vous pouvez ajouter une calculatrice de paiement de voiture pour aider les visiteurs à évaluer facilement les mensualités d'un nouveau véhicule et les guider dans leurs décisions d'achat.
  • De même, un site web consacré au fitness ou à la santé n'est pas complet sans un calculateur d'indice de masse corporelle (IMC) qui aide les utilisateurs à se situer sur le plan de la santé afin de faire des choix de vie éclairés et plus positifs.
  • Offrir aux acheteurs potentiels un calculateur d'expédition sur votre site de commerce électronique afin qu'ils puissent se faire une idée immédiate des frais d'expédition est un autre moyen d'être plus ouvert et de gagner leur confiance.
  • Vous pouvez également ajouter une calculatrice de jours entre les dates pour aider les visiteurs à calculer les délais, les événements à rebours, etc.

Est-il difficile de fabriquer sa propre calculatrice ?

Créer une calculatrice pour votre site WordPress peut être simple. Avec des outils comme WPForms, vous pouvez facilement créer des calculateurs personnalisés sans avoir besoin de connaissances en codage. Les utilisateurs de WPForms, comme Mark Marshall, ont choisi le plugin pour ses puissantes fonctions de calcul et sa facilité d'utilisation. Pour en savoir plus, lisez notre témoignage sur WPForms.

L'interface est conviviale et intuitive. Vous pouvez même créer un formulaire de demande de devis personnalisé avec des calculs instantanés en un rien de temps avec WPForms.

Comment ajouter une calculatrice à mon site web ?

Pour ajouter une calculatrice à votre site, envisagez d'utiliser WPForms. Il s'agit d'un plugin de calculateur WordPress de confiance qui vous permet d'intégrer un calculateur de manière transparente.

Avec le module complémentaire Calculs, vous pouvez concevoir n'importe quelle calculatrice adaptée à vos besoins. Par exemple, vous pouvez créer une macro-calculatrice si vous gérez un site web consacré à la santé et au fitness.

Comment créer un calculateur d'hypothèque dans WordPress ?

Créer une calculatrice hypothécaire est très facile avec WPForms. Après avoir installé le plugin, activez l'addon Calculs.

Ce module complémentaire vous permet de définir des champs et des formules, afin que vos visiteurs obtiennent des estimations précises sur les prêts hypothécaires.

Comment créer une calculatrice gratuite dans WordPress ?

Bien qu'il existe des outils de création de calculateurs gratuits, il est toujours préférable d'opter pour un outil payant comme WPForms.

De cette manière, vous avez la possibilité de créer différentes calculatrices avec des fonctions avancées via le module complémentaire Calculs.

Ensuite, apprenez à modifier le calcul du prix total avec WPForms

Voulez-vous utiliser les calculs de WPForms pour refléter le montant total d'une commande en fonction des sélections de produits d'un utilisateur ? Découvrez comment ajouter des options de produit qui modifient le prix calculé pour un produit avec WPForms.

Créez votre calculateur maintenant

Prêt à créer votre formulaire ? Commencez dès aujourd'hui avec le plugin de construction de formulaire WordPress le plus facile à utiliser. WPForms Pro inclut de nombreux modèles gratuits et offre une garantie de remboursement de 14 jours.

Si cet article vous a aidé, n'hésitez pas à nous suivre sur Facebook et Twitter pour d'autres tutoriels et guides gratuits sur WordPress.

Divulgation: Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, il se peut que nous recevions une commission. Voyez comment WPForms est financé, pourquoi c'est important, et comment vous pouvez nous soutenir.

Hamza Shahid

Hamza est rédacteur au sein de l'équipe WPForms et se spécialise également dans les sujets liés au marketing numérique, à la cybersécurité, aux plugins WordPress et aux systèmes ERP.En savoir plus

Le meilleur plugin WordPress de construction de formulaires par glisser-déposer

Facile, rapide et sécurisé. Rejoignez plus de 6 millions de propriétaires de sites web qui font confiance à WPForms.

Veuillez activer JavaScript dans votre navigateur pour remplir ce formulaire.

3 comments on "Comment faire un formulaire de calcul WordPress avec WPForms"

  1. Comment créer une calculatrice personnalisée ?

    Par exemple, le calculateur de droits de timbre. Je peux créer un code pour Excel, mais comment le faire dans WP forms.

    Serait-il également possible de créer un formulaire qui afficherait par exemple 56 jours à partir d'une certaine date ?

    Il n'y a pas de moyen de faire de véritables calculateurs personnalisés.

Ajouter un commentaire

Nous sommes heureux que vous ayez choisi de laisser un commentaire. N'oubliez pas que tous les commentaires sont modérés conformément à notre politique de confidentialité et que tous les liens ne sont pas suivis. N'utilisez PAS de mots-clés dans le champ du nom. Engageons une conversation personnelle et constructive.

Ce formulaire est protégé par le tourniquet de Cloudflare et la politique de confidentialité et les conditions de service de Cloudflare s'appliquent.