Affichez les diagnostics de performance énergétique (DPE) et les émissions de gaz à effet de serre (GES) avec des graphiques en pur CSS.

ImmoWP

ImmoWP Diagnostic DPE GES affiche les étiquettes DPE et GES sur vos annonces immobilières à l’aide d’un shortcode configurable. Le rendu est entièrement en CSS, sans aucune image.
<h4>Fonctionnalités</h4>
<ul>
<li>Graphiques DPE et GES en pur CSS avec flèches</li>
<li>Shortcode flexible avec valeurs directes ou meta keys</li>
<li>Page de réglages complète</li>
<li>Affichage responsive (côte à côte sur desktop, empilé sur mobile)</li>
<li>Textes personnalisables (Géorisques, non soumis au DPE, template montant)</li>
<li>Mention Géorisques configurable avec lien cliquable</li>
</ul>
<h4>Exemples de shortcodes</h4>
Utilisation basique (utilise les meta keys configurées dans les réglages) :
<pre><code>[immowp_dpe_ges]
</code></pre>
Valeurs directes :
<pre><code>[immowp_dpe_ges dpe="250" ges="35"]
</code></pre>
Avec montant estimé et dates :
<pre><code>[immowp_dpe_ges dpe="180" ges="28" montant_min="1200" montant_max="1800" date_dpe="2024-01-15" date_reference="01/01/2024"]
</code></pre>
Meta keys personnalisées :
<pre><code>[immowp_dpe_ges dpe_key="mon_champ_dpe" ges_key="mon_champ_ges"]
</code></pre>
Bien non soumis au DPE :
<pre><code>[immowp_dpe_ges soumis_dpe="false"]
</code></pre>
Exemple complet :
<pre><code>[immowp_dpe_ges dpe="230" ges="40" montant_min="1100" montant_max="1600" date_dpe="2024-03-10" date_reference="01/01/2024" surface="85" altitude="150" zone_climatique="H1"]
</code></pre>
<h4>Attributs disponibles</h4>
<ul>
<li><code>dpe</code> / <code>dpe_key</code> — Valeur DPE en kWh/m².an</li>
<li><code>ges</code> / <code>ges_key</code> — Valeur GES en kgCO₂/m².an</li>
<li><code>montant_min</code> / <code>montant_min_key</code> — Coût énergie minimum</li>
<li><code>montant_max</code> / <code>montant_max_key</code> — Coût énergie maximum</li>
<li><code>date_dpe</code> / <code>date_dpe_key</code> — Date du diagnostic</li>
<li><code>date_reference</code> / <code>date_reference_key</code> — Date de référence des prix</li>
<li><code>surface</code> / <code>surface_key</code> — Surface habitable</li>
<li><code>altitude</code> / <code>altitude_key</code> — Altitude</li>
<li><code>zone_climatique</code> / <code>zone_climatique_key</code> — Zone climatique</li>
<li><code>soumis_dpe</code> / <code>soumis_dpe_key</code> — Soumis au DPE (false/0/non pour non soumis)</li>
</ul>
Pour chaque attribut, vous pouvez passer directement la valeur (ex: <code>dpe="250"</code>) ou indiquer le nom d’un custom field WordPress (ex: <code>dpe_key="mon_champ"</code>). Les meta keys par défaut se configurent dans Réglages > ImmoWP DPE GES.

Alternatives to ImmoWP Diagnostic DPE GES

Top alternatives