WP Manifestindependent plugin directory
manifest / forms / wp-wizard-renoenergetique

Wizard Rénovation Énergétique

C'est un plugin WordPress complet qui permet de créer un formulaire interactif multi-étapes (wizard) pour simuler des travaux de rénovation énergétique.

by Khadija Har · github.com/khadijahr/wp-wizard-renoenergetique · website

★ 0stars
0forks

Install

No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:

wp plugin install https://github.com/khadijahr/wp-wizard-renoenergetique/archive/refs/heads/main.zip
Readme github.com/khadijahr/wp-wizard-renoenergetique ↗

📌 Description

Wizard Rénovation Énergétique est un plugin WordPress complet qui permet de créer un formulaire interactif multi-étapes (wizard) pour simuler des travaux de rénovation énergétique.

Ce plugin offre une solution complète pour aider les propriétaires à évaluer leurs besoins en rénovation énergétique, calculer automatiquement les économies potentielles, les subventions disponibles (MaPrimeRénov, CEE), et visualiser l'impact de leurs travaux sur leur classe énergétique.

✨ Points forts

  • Formulaire wizard intuitif en 5 étapes avec barre de progression
  • Calcul automatique des économies d'énergie et des subventions
  • Affichage dynamique des résultats avec tableaux détaillés
  • Envoi d'email personnalisé avec les résultats de la simulation
  • Interface moderne et responsive avec icônes visuelles
  • Shortcodes flexibles pour une intégration facile dans vos pages

🚀 Fonctionnalités principales

📝 Formulaire Wizard Multi-Étapes

Le formulaire guide l'utilisateur à travers 5 étapes pour collecter toutes les informations nécessaires :

  1. Caractéristiques du logement

    • Surface du logement (m²)
    • Nombre de niveaux

  2. Système de chauffage actuel

    • Type de chauffage principal (Électrique, Gaz, Bois, Fuel)
    • Visualisation avec icônes

  3. Informations financières et localisation

    • Facture annuelle de chauffage
    • Revenu annuel
    • Code postal

  4. Travaux de rénovation souhaités

    • Isolation des combles
    • Isolation des murs (intérieur/extérieur)
    • Isolation du sol
    • Isolation des fenêtres et portes
    • Nouveau système de chauffage (Radiateurs à inertie, Chaudière à condensation, Pompe à chaleur, etc.)

  5. Composition du foyer

    • Nombre de personnes dans le logement

💰 Calculs automatiques

Le plugin calcule automatiquement :

  • Économies d'énergie potentielles après les travaux
  • Subventions MaPrimeRénov selon le revenu et la catégorie fiscale
  • Aides CEE (Certificats d'Économies d'Énergie) par type de travaux
  • Coûts estimés des travaux sélectionnés
  • Classe énergétique cible après rénovation
  • Prévisions financières sur plusieurs années

📊 Affichage des résultats

  • Tableaux dynamiques avec les détails des travaux et subventions
  • Visualisation des économies potentielles
  • Prévisions de coûts sur le long terme
  • Récapitulatif des travaux sélectionnés

📧 Système d'email

  • Envoi automatique d'un email personnalisé avec les résultats complets de la simulation
  • Formulaire de contact intégré pour recevoir les résultats par email
  • Template HTML professionnel pour les emails

⚙️ Installation

Prérequis

  • WordPress 6.7 ou supérieur
  • PHP 7.0 ou supérieur
  • jQuery (généralement inclus avec WordPress)

Étapes d'installation

  1. Téléchargez le plugin ou clonez le repository
  2. Placez le dossier du plugin dans le répertoire /wp-content/plugins/ de votre installation WordPress
  3. Activez le plugin via le menu Extensions dans le tableau de bord WordPress
  4. Le plugin est prêt à être utilisé !

🖼️ Utilisation des shortcodes

Le plugin fournit plusieurs shortcodes pour afficher différentes parties de la simulation sur vos pages WordPress.

📝 Formulaire principal

[simulation_renovation]

Description : Affiche le formulaire complet en 5 étapes avec la barre de progression.

Utilisation : Placez ce shortcode sur la page où vous souhaitez que les utilisateurs commencent leur simulation.

Exemple :

Page "Simulation" : [simulation_renovation]

📊 Résultats de la simulation

[results_simulation]

Description : Affiche un tableau dynamique avec les résultats de la simulation. Les données sont chargées automatiquement depuis le localStorage du navigateur.

Utilisation : Placez ce shortcode sur une page dédiée aux résultats (par exemple, une page nommée "resultats-simulation").

Exemple :

Page "Résultats" : [results_simulation]

🔎 Détails de la simulation

[simulation_details]

Description : Affiche les détails complets de la simulation incluant :

  • Tableau des travaux avec coûts et subventions
  • Montant des économies potentielles
  • Classe énergétique cible après rénovation

Utilisation : Idéal pour une page de récapitulatif détaillé.

Exemple :

Page "Détails" : [simulation_details]

💰 Coût des travaux

[simulation_cost]

Description : Affiche un tableau détaillé des coûts estimés pour chaque type de travaux sélectionné.

Utilisation : Permet d'afficher uniquement les informations de coûts.

📈 Prévisions des coûts

[costForecast_cost]

Description : Affiche les prévisions financières sur plusieurs années, incluant les économies cumulées et le retour sur investissement.

Utilisation : Utile pour montrer l'impact financier à long terme des travaux.

🛠️ Travaux sélectionnés

[selectedWork_cost]

Description : Affiche uniquement la liste des travaux sélectionnés par l'utilisateur avec leurs caractéristiques.

Utilisation : Pour un récapitulatif simplifié des choix de l'utilisateur.

📧 Formulaire de contact

[mon_formulaire]

Description : Affiche un formulaire de contact permettant à l'utilisateur de recevoir les résultats de sa simulation par email.

Champs du formulaire :

  • Prénom (requis)
  • Nom (requis)
  • Téléphone (requis)
  • Email (requis)
  • Message (optionnel)

Fonctionnalité : Après soumission, un email HTML personnalisé est envoyé à l'utilisateur avec tous les détails de sa simulation.

Utilisation : Placez ce shortcode sur une page de contact ou de demande de devis.

📋 Structure du plugin

Fichiers principaux

  • wp-wizard-renovation-energetique.php - Fichier principal du plugin contenant tous les shortcodes et fonctions

Dossiers de ressources

assets/
├── css/
│   └── wp-style_.css          # Styles principaux du plugin
├── js/
│   ├── script.js               # Script principal du formulaire wizard
│   ├── simulation-results.js   # Affichage des résultats
│   ├── wp-detail-simulation.js # Détails de la simulation
│   ├── simulationCost.js       # Calcul et affichage des coûts
│   ├── costForecast.js         # Prévisions financières
│   ├── selectedWork.js         # Travaux sélectionnés
│   ├── mail-simulation.js      # Gestion de l'envoi d'email
│   └── wp-api.js               # API et calculs des subventions
└── images/
    ├── icons/                  # Icônes des types de travaux
    ├── icons_detail/           # Icônes pour les détails
    ├── pers/                   # Images pour le nombre de personnes
    └── [autres images]         # Icônes de chauffage, flèches, etc.

🎨 Personnalisation

Styles CSS

Les styles sont définis dans assets/css/wp-style_.css. Vous pouvez personnaliser :

  • Les couleurs du formulaire
  • La mise en page des étapes
  • Le style de la barre de progression
  • L'apparence des cartes de sélection
  • Les tableaux de résultats

Scripts JavaScript

Les scripts JavaScript utilisent des modules ES6 (type="module"). Vous pouvez modifier :

  • La logique de navigation entre les étapes
  • Les calculs des subventions (dans wp-api.js)
  • L'affichage des résultats
  • Le format des emails

Images et icônes

Toutes les images sont stockées dans assets/images/. Vous pouvez remplacer :

  • Les icônes de types de chauffage
  • Les icônes de travaux
  • Les images de personnes
  • Les flèches de navigation

🔧 Configuration

Pages recommandées

Pour une expérience optimale, créez les pages suivantes dans WordPress :

  1. Page "Simulation" : Contient [simulation_renovation]
  2. Page "Résultats" : Contient [results_simulation] (nom de la page : "resultats-simulation")
  3. Page "Détails" : Contient [simulation_details] (nom de la page : "details-simulation")
  4. Page "Contact" : Contient [mon_formulaire]

Configuration de l'email

Le plugin utilise la fonction wp_mail() de WordPress. Assurez-vous que votre serveur est configuré pour envoyer des emails. Vous pouvez personnaliser :

  • L'expéditeur de l'email (dans la fonction traiter_formulaire())
  • Le template HTML de l'email
  • Le sujet de l'email

🐛 Dépannage

Le formulaire ne s'affiche pas

  • Vérifiez que le shortcode [simulation_renovation] est correctement écrit
  • Assurez-vous que les fichiers CSS et JS sont bien chargés
  • Vérifiez la console du navigateur pour les erreurs JavaScript

Les résultats ne s'affichent pas

  • Vérifiez que les données sont bien stockées dans le localStorage
  • Assurez-vous que les scripts JavaScript sont chargés
  • Vérifiez que les noms de pages correspondent aux conditions dans le code PHP

Les emails ne sont pas envoyés

  • Vérifiez la configuration SMTP de votre serveur WordPress
  • Utilisez un plugin SMTP si nécessaire (comme WP Mail SMTP)
  • Vérifiez les logs d'erreur de WordPress

📝 Notes importantes

  • Les calculs des subventions sont basés sur les barèmes officiels MaPrimeRénov et CEE
  • Les résultats sont stockés temporairement dans le localStorage du navigateur
  • Le plugin nécessite JavaScript activé pour fonctionner
  • Les données sont traitées côté client (JavaScript) pour les calculs

🔄 Versions

  • Version actuelle : 1.1.8
  • Dernière mise à jour : Compatible avec WordPress 6.7+

👤 Auteur

Khadija Har

📜 Licence

Ce plugin est distribué sous la licence GPL v3 ou supérieure.

Vous êtes libre de :

  • ✅ Utiliser le plugin
  • ✅ Le modifier
  • ✅ Le redistribuer
  • ✅ L'utiliser dans des projets commerciaux

Sous réserve de conserver la licence GPL et les crédits d'origine.

🤝 Contribution

Les contributions sont les bienvenues ! N'hésitez pas à :

  • Signaler des bugs
  • Proposer des améliorations
  • Soumettre des pull requests

📞 Support

Pour toute question ou problème, veuillez :

  1. Vérifier la section Dépannage ci-dessus
  2. Consulter les issues sur GitHub
  3. Contacter l'auteur via GitHub