Créer un petit outil pour son site avec l’IA : calculateur, simulateur (leçon 18)

🗓️ Mis à jour le 27 septembre 2026

Quel outil créer pour son site ?

Réponse directe : Un outil qui répond à une question que les clients posent déjà au téléphone. Un chauffagiste : « combien de pellets pour 120 m² ? ». Un paysagiste : « quel budget pour 30 m² de terrasse ? ». Un traiteur : « combien de portions pour 40 invités ? ».

L’outil doit reposer sur vos propres règles de calcul, que vous fournissez à l’IA : c’est votre savoir-faire qui fait la valeur de l’outil, pas le code.

Comment faire écrire l’outil par l’IA ?

Réponse directe : En décrivant précisément les champs, la formule et l’affichage du résultat, et en imposant les contraintes de sécurité : un seul bloc, aucune ressource externe, aucun envoi de données. On demande aussi des exemples de calcul pour pouvoir tester.

Consigne à copier :

Écris un calculateur en HTML, CSS et JavaScript, dans UN SEUL bloc de code à coller dans une page.
Champs : [surface en m² (nombre), type de logement (liste : maison, appartement)].
Formule : [votre règle exacte, avec vos coefficients].
Résultat : « Estimation : X à Y [unité] » + la phrase « Estimation indicative, demandez un devis ».
Contraintes : aucune bibliothèque, aucune ressource externe, aucune donnée envoyée ni stockée.
Toutes les classes et fonctions commencent par « ilxcalc ».
Donne ensuite 3 exemples de calcul avec les valeurs attendues, pour que je teste.

Comment tester l’outil avant de le publier ?

Réponse directe : Avec les exemples fournis par l’IA et avec vos propres cas connus : si l’outil ne donne pas le résultat que vous auriez calculé à la main, la formule est fausse. On teste aussi les valeurs absurdes (zéro, négatif, champ vide) : l’outil doit afficher un message, pas un résultat aberrant.

Étape 1 — Tester en local

Coller le code dans un fichier .html et l’ouvrir dans le navigateur.

Étape 2 — Vérifier les calculs

Trois cas connus, trois valeurs absurdes.

Étape 3 — Relire le code

Aucune adresse https://, aucun fetch, aucun localStorage si vous ne l’avez pas demandé (leçon 16).

Étape 4 — Tester sur mobile

Champs utilisables au doigt, résultat lisible.

Comment intégrer l’outil dans WordPress ?

Réponse directe : Avec un bloc « HTML personnalisé », en étant connecté en administrateur : WordPress retire les scripts pour les rôles qui n’ont pas l’autorisation de publier du HTML non filtré. Après publication, on vérifie que l’outil fonctionne sur la page en ligne, car certaines extensions de cache ou de sécurité modifient les scripts.

Un outil interactif aide-t-il à être trouvé ?

Réponse directe : Indirectement. Le calcul lui-même, en JavaScript, n’est pas lu comme un texte. Ce qui aide, c’est le texte autour : la question, la méthode de calcul expliquée, un exemple chiffré. Cette explication est ce que Google et les assistants d’IA peuvent comprendre et citer.

C’est l’occasion de publier votre règle de métier en clair (« comptez environ X par m² en 2026, prix indicatifs »), un fait daté que les assistants reprennent volontiers : c’est le levier « chiffrer et dater » de comment influencer les IA. Les sites qui exposent des outils aux agents d’IA sont abordés dans notre article sur WebMCP.

Questions fréquentes

Faut-il savoir coder pour créer un calculateur avec l’IA ?

Non, mais il faut savoir tester : vérifier les résultats avec des cas connus et relire les points de sécurité de la leçon 16.

Un calculateur peut-il collecter des données ?

Il ne devrait pas, sauf besoin explicite et information du visiteur. La consigne impose un calcul dans le navigateur, sans envoi ni stockage.

Pourquoi le script disparaît-il dans WordPress ?

WordPress filtre les scripts pour les rôles non autorisés. Il faut un compte administrateur ou une extension d’insertion de code.

L’estimation engage-t-elle l’entreprise ?

Elle doit être présentée comme indicative, avec une invitation à demander un devis.

Nos sources

Les chiffres cités dans cet article proviennent de sources publiques identifiées, consultées en septembre 2026 :

• MDN Web Docs — Guide JavaScript
• WordPress.org — Custom HTML block
• OWASP Top 10 — les risques de sécurité web les plus critiques

Transparence — cet article a été produit avec l’assistance de l’intelligence artificielle pour la recherche et le croisement des sources, la structuration et la mise en page. Les données chiffrées proviennent des sources publiques citées ci-dessus et sont vérifiables.

La sélection du sujet, la vérification des faits et la responsabilité éditoriale sont assurées par la rédaction d’info-lux.com. Voir notre charte éditoriale et IA.

• 📁 Dans cet articleIntelligence artificielle & GEO

  
  Créer un petit outil pour son site avec l’IA : calculateur, simulateur (leçon 18)
• 
  Trafic ChatGPT : depuis GPT-6, les visiteurs envoyés par ChatGPT apparaissent en « direct » dans vos statistiques — comment une entreprise de la région doit relire ses chiffres d’octobre
• 
  Le balisage JSON-LD avec l’IA : entreprise locale, FAQ, produit (leçon 17)
• 
  Copilot et Bing : un nouveau rapport montre les recherches où d’autres sites sont cités à votre place — ce qu’une entreprise de la région peut en tirer
• 
  Du code HTML et CSS généré par l’IA : ce qu’on vérifie avant de le coller (leçon 16)
• 
  Google renvoie des résultats faussés aux outils de suivi de positions : 13,2 % des relevés touchés en Belgique selon une étude, et comment lire son rapport SEO d’octobre