25 outils pour créer un calculateur de devis sur WordPress

Un prix visible dès le premier essai

Pour un devis de nettoyage de fin de chantier, la personne doit pouvoir saisir sa surface et comprendre le prix sans donner son adresse e-mail. Affichez la surface, l’unité, la prestation et l’option à côté du résultat. N’affichez un bouton « Demander un devis » qu’après ce premier calcul. Un calculateur sert ici à préparer la conversation : indiquez les conditions d’accès ou de déplacement à confirmer si elles peuvent modifier le devis définitif. Si vous facturez des taxes, précisez si le prix affiché les comprend et vérifiez le traitement réel dans le formulaire. Les valeurs de cet exemple servent uniquement à la recette.

Écrire la règle avant de configurer l’extension

total = arrondir(40 + surface × tarif_au_m² + protection, 2)

Conservez 0 et 25 comme valeurs de calcul pour l’option ; son libellé ne doit pas être utilisé dans la formule. Utilisez une seule variable pour la surface. Si l’interface de l’extension permet déjà de définir un tarif unitaire, laissez cette multiplication désactivée quand vous l’effectuez dans la formule. Le résultat attendu pour 37,5 m² avec la préparation et la protection est 560,00 €. Sans protection, le même devis affiche 535,00 €. Pour 37,5 m² en nettoyage courant sans protection, le résultat est 396,25 €. Le bouton de validation ou de demande de devis ne doit jamais corriger silencieusement un montant déjà affiché.

Testez aussi 10 m² et 200 m², puis 9,9, 200,1, une valeur négative, un champ vide et du texte. La valeur 37,55 doit être rejetée si vous imposez une seule décimale ; certains champs de type nombre la bloquent seulement au moment de la validation. Tester l’affichage du nombre 37,5 et l’entrée au clavier 37.5 est une opération différente : acceptez ou expliquez le séparateur effectivement attendu, sans transformer 37,5 en 375. Si le formulaire impose un choix de prestation, le résultat ne doit pas se fonder sur le tarif d’un autre choix avant que le lecteur ait sélectionné le sien.

• Déplacement. 40,00 €. Une seule fois par estimation.
• Surface. De 10 à 200 m². Une décimale au plus, refuser le reste.
• Nettoyage courant. 9,50 €/m². Choix obligatoire.
• Nettoyage avec préparation. 13,20 €/m². Choix obligatoire.
• Protection en option. 25,00 €. Une seule fois si cochée.

Séparer estimation, demande et paiement

Pour un chiffrage anonyme, vérifiez que le montant fonctionne sans compte, en navigation privée et après activation du cache du site. Si vous ajoutez une demande de devis, elle doit emporter la surface, le tarif, l’option et le total, avec une confirmation visible. Envoyez ces champs dans un formulaire explicite ; laisser une simple capture du total au visiteur ne suffit pas à l’équipe qui reçoit la demande.

Un paiement est un troisième scénario : le prix doit alors être recalculé et contrôlé côté serveur. Dans un site de test, tentez de modifier le total envoyé en gardant les choix d’origine. Le serveur doit l’ignorer ou rejeter la demande, jamais établir une commande de 1 € pour une estimation de 560 €. Vérifiez aussi le tarif retenu si le formulaire est resté ouvert après une modification des prix. Un total affiché en JavaScript suffit à une simulation ; il ne constitue pas une protection pour une commande.

Savoir ce que vous paierez et où iront les demandes

Commencez par préciser quel outil portera le calcul, le formulaire de contact et la collecte des demandes. Un module d’intégration peut être gratuit alors que le calculateur distant impose un abonnement ou un quota. Un tarif annuel couvrant un seul site ne permet pas de généraliser un coût à dix sites clients. L’impression d’un écran et la génération d’un PDF envoyé par e-mail sont aussi deux fonctions différentes. Vérifiez la présence de chaque fonction dans la formule précise que vous comptez utiliser.

Si vous retenez un service externe, testez ce que la page présente en cas de blocage du script ou de fin de période d’essai. Choisissez qui aura accès aux demandes et vérifiez comment vous pouvez les exporter. Côté WordPress, identifiez le menu où les demandes sont stockées et les rôles autorisés à l’ouvrir. Pour une démonstration, utilisez des coordonnées fictives, désactivez l’envoi et vérifiez le comportement avec deux utilisateurs de rôles différents. Une liste d’extensions ne devrait pas transformer une option de collecte en promesse de conformité ou de disponibilité.

Contrôler le devis sur téléphone avant de le mettre en ligne

Sur une page privée, intégrez un seul formulaire de test et placez le résultat juste sous les choix. Passez d’abord au clavier, puis sur un téléphone. Le champ de surface doit être identifié sans dépendre d’un texte d’exemple, l’erreur doit apparaître près du champ et la correction doit conserver les autres choix. Si le prix change à chaque frappe, vérifiez qu’un lecteur d’écran n’annonce pas plusieurs montants partiels. Sans cette fonction, un bouton « Calculer » et un résultat clairement identifié sont souvent plus faciles à utiliser.

Gardez le numéro de version de l’extension, la configuration du formulaire et les écarts observés. Si vous changez le barème ou un réglage, repassez ces cas avant de réutiliser le formulaire sur le site.

Choisir entre une formule, une fourchette et un calcul métier

Commencez par la règle utilisée pour établir vos prix. Une formule est adaptée au prix exact au mètre carré. Pour une fourchette par tranches, un court questionnaire peut suffire. Un barème de transport par zone et une estimation de surface murale répondent chacun à un autre besoin. Les notices indiquent le scénario à essayer sur votre copie du site.

Les deux offres CodeCanyon ont été examinées à partir de leurs fiches commerciales. Les essais pratiques effectués dans WordPress sont détaillés à la fin de cet article.

Constructeurs de devis et formulaires à formule

• Cost Calculator Builder — Stylemix. Dans le constructeur, insérez les trois variables proposées, puis testez 37,5 m² avec préparation et protection : 560 € HT. Décochez la protection : le montant doit baisser de 25 €.
• Stylish Cost Calculator. Dans la version visée, vérifiez la présence de l’élément de formule avancée. Désactivez toute option qui masque le total ou exige l’e-mail pour l’afficher, puis comparez le montant avant et après désélection.
• Fruttata — Service Quote Calculator. Vérifiez 560 € avec toutes les options, puis saisissez 9,9 m² : le résultat précédent doit disparaître. Ajoutez ensuite un champ conditionnel temporaire et confirmez que sa valeur ne continue pas d’affecter le prix une fois masquée.
• Quoteform. Contrôlez le résultat à l’écran, soumettez la demande fictive et lisez l’entrée dans WordPress. Refaites l’essai après un retour à l’étape précédente. Le total stocké doit refléter les réponses mises à jour.
• Easeare Quote Calculator. Dans le brouillon, vérifiez si une règle peut multiplier la quantité par le tarif de la finition et ajouter le déplacement. Comparez le détail de la demande enregistrée avec le total visible.
• Dellos Quote & Estimate Builder. Rejouez le calcul en affichage direct, puis changez la finition. Vérifiez si une seule ligne tarifée reste dans le total. Si les deux finitions peuvent se cumuler, remplacez-les par un choix exclusif ou gardez le cas réduit.
• Yangra Calculator. Comparez les résultats du mode navigateur et du mode serveur si les deux sont disponibles dans l’édition cible. Testez la virgule décimale et un dépassement de borne dans chaque mode.
• ShahCalc. Insérez le même calculateur dans une page de test et comparez son résultat à celui de l’aperçu. Changez la largeur à 360 px et vérifiez que le total reste visible après une modification.
• Calculator Builder — Wow-Company. Changez l’ordre des champs sur une copie, puis refaites le calcul de 560 €. Vérifiez que les références restent correctes avant de republier une configuration.
• MDS Quick Estimate. Créez une quantité tarifée par prestation et vérifiez le comportement des champs masqués. Le résultat à 37,5 m² doit être de 560 € avec préparation et protection ; sans protection, l’écart est de 25 €. Soumettez une demande fictive avec l’envoi désactivé et vérifiez la devise et les choix stockés.

Bloc WordPress, Elementor et formulaire existant

• Price Calculator Block. Vérifiez au clavier les bornes du curseur et le libellé associé. Essayez un palier avant puis après sa limite pour distinguer prix par tranche et remise sur toute la quantité.
• PVB Contact Form 7 Calculator. Sur une boîte de recette ou sans livraison réelle, vérifiez le montant produit par le bouton puis celui attendu dans le récapitulatif. Changez la protection avant l’envoi et contrôlez qu’aucun ancien total n’est repris.
• Cost Calculator — BoldThemes. Vérifiez la quantité décimale, l’ordre des opérations et le total de 560 €. N’envoyez pas de demande réelle ; relevez les conditions de support et la version déclarée avant un éventuel achat.
• Dynamic Price Calculator — XElementor. Comparez le total du widget, le récapitulatif et le résultat attendu pour un changement de finition. Vérifiez aussi la version d’Elementor requise et si la licence du site l’inclut.
• JetFormBuilder — champ calculé. Employez la valeur de calcul, pas le texte du choix. Comparez les deux finitions et le supplément, puis vérifiez les séparateurs de saisie et d’affichage séparément.
• Cost Calculator for Elementor — add-ons.org. Affichez le résultat dans le formulaire et vérifiez que le récapitulatif contient le montant attendu après changement d’option. Confirmez séparément la validation des nombres saisis au serveur.

Catalogue, barèmes métier et services externes

• OfferWeave. Conservez 37,5 m² sur une seule prestation et vérifiez les sous-totaux. Essayez d’ajouter deux finitions simultanément : déterminez si la configuration permet de le bloquer ou si une clarification est nécessaire.
• ScopeQuote Cost Calculator. Comparez le poste principal à 37,5 × 13,20. Vérifiez le libellé de l’unité avant de comparer le montant. Sans fonction documentée pour deux frais fixes distincts, notez les écarts au scénario.
• narSolutions Estimate Calculator. Définissez un forfait de référence et un supplément de protection de 25 €. Sélectionnez, retirez puis resélectionnez le supplément. Vérifiez que le total revient exactement à sa valeur de départ.
• SudsQuote. Vérifiez si le type de nettoyage conditionne le tarif de la même quantité et si le supplément disparaît après décochage. Si une demande est envoyée, comparez les lignes stockées à celles affichées.
• InteractiveCalculator. Construisez les trois montants de référence dans le service. Rejouez l’exemple dans le shortcode WordPress et observez le résultat si le navigateur bloque les ressources du service. Vérifiez dans quel compte les éventuelles demandes seront enregistrées.
• SpreadsheetConverter Calculator. Rejouez les mêmes cas dans Excel puis dans la version publiée. Testez les validations de saisie et le français ; vérifiez aussi que le classeur exporté ne contient aucune feuille ou formule tarifaire interne que vous vouliez garder privée.
• Service Web Builder Guided Estimate Calculator. Choisissez la tranche correspondant à 37,5 m², basculez la protection et comparez la fourchette. Vérifiez si le montant est visible avant la demande, puis testez l’ouverture et la fermeture au clavier sur mobile. Faites une demande fictive et contrôlez son enregistrement.
• Cab Grid. Créez trois zones de démonstration. Comparez les tarifs aller et retour et observez ce que voit le visiteur lorsqu’une paire n’a pas de prix. Vérifiez la devise et les libellés avant de présenter le lien de contact.
• GrowthSystemsHQ Painting Quote Calculator. Pour une pièce fictive de 5 × 4 m et 2,5 m de haut, comparez le chiffrage de quatre murs à votre calcul manuel : 45 m² bruts avant déduction. Ajoutez une porte puis une couche supplémentaire, une seule variation à la fois. Vérifiez si les ouvertures sont déduites ou tarifées en supplément dans votre configuration.

Résultats des essais locaux

En recette locale (WordPress 7.1.4 et Quoteform 0.1.3), le shortcode a produit son formulaire, et le serveur a accepté 560 €, 535 € et 396,25 € pour les trois cas annoncés. Le total artificiel de 1 € envoyé dans la requête n’a pas été retenu : 560 € ont été calculés et stockés. Les surfaces en dehors de 10 à 200 m² ont été refusées. En revanche, la requête avec 37,55 m² a été acceptée et a produit 560,66 € malgré un pas configuré à 0,1. La chaîne brute « 37,5 » a été refusée par le serveur ; ce test ne dit pas comment un navigateur français transmet la valeur. Vérifiez cette saisie dans le navigateur et ajoutez une validation serveur si votre tarif impose une décimale unique.

En recette locale, Stylemix 4.0.21 a importé le calculateur avec un curseur réglé de 10 à 200 m² par pas de 0,1 et deux groupes de boutons radio. L’import a conservé la formule 40 + range_field_id_3 radio_field_id_6 + radio_field_id_7 et le shortcode a rendu son conteneur WordPress. Le calcul JavaScript dans le navigateur reste à vérifier ; les montants cités pour Stylemix sont des résultats attendus.

Les autres notices sont issues d’une vérification documentaire. Les deux licences CodeCanyon n’ont pas été achetées ni essayées.

Pour aller plus loin

• Stylemix ou Quoteform : quel calculateur de devis choisir pour WordPress ?
• 25 plugins de formulaires WordPress à choisir selon votre besoin
• 25 plugins WordPress pour les tableaux et graphiques : données, imports et affichage