Pour les webmasters et les artisans

Intégrer le simulateur de toiture sur votre site

Ajoutez le simulateur de mesure de toiture de simulateur-toiture.fr directement dans vos pages : vos visiteurs obtiennent une réponse chiffrée (surface, pente, orientation, potentiel solaire) sans quitter votre site. L'intégration est gratuite et ne demande aucun compte, aucune clé d'API et aucune installation.

Le simulateur en deux étapes

Voici exactement ce que vos visiteurs manipulent. Aucune illustration d'ambiance : ce sont des captures de l'outil en fonctionnement.

Étape 1 du simulateur : champ de recherche « Adresse du bâtiment », carte cadastrale avec les parcelles, et repère à poser sur la toiture à mesurer.
Étape 1 — Repérer le bâtiment. Le visiteur tape son adresse, la carte cadastrale s'affiche, puis il clique sur la toiture à mesurer.
Étape 2 du simulateur : modèle 3D de la toiture entouré des résultats de mesure (surface au sol, hauteur minimum et maximum) et de la carte de demande de devis pour des panneaux photovoltaïques.
Étape 2 — Lire les résultats. Le modèle 3D de la toiture s'affiche avec la surface au sol, les hauteurs mini et maxi, puis la demande de devis si le visiteur le souhaite.

Ce que ça apporte à votre site

  • Une réponse immédiate à une vraie question. Un visiteur qui cherche « quelle est la surface de mon toit ? » obtient sa mesure sur place, au lieu d'aller la chercher ailleurs.
  • Vous gardez le visiteur. Le simulateur s'affiche dans une iframe : votre en-tête, votre navigation et vos publicités restent en place autour.
  • Zéro maintenance. Le contenu du simulateur vit chez nous : les données LiDAR HD sont servies à jour, vous n'avez rien à mettre à jour.
  • Du contenu utile pour vos lecteurs. Un outil concret complète bien un article sur les travaux, l'immobilier ou l'énergie.
Tuiles de terre cuite imbriquées sur un toit en pente.

La contrepartie : un lien visible vers simulateur-toiture.fr

L'intégration est gratuite, sans condition d'audience ni de durée. En échange, un lien vers simulateur-toiture.fr est OBLIGATOIRE et doit rester visible pour vos visiteurs.

Concrètement : le script fourni ci-dessous dépose automatiquement le lien de retour juste sous le cadre — vous n'avez rien à écrire. Si vous préférez l'iframe nue, vous devez ajouter ce lien vous-même dans votre page, à un endroit visible (pas d'attribut hidden, pas de taille nulle, pas de display:none, pas de retrait par CSS ou JavaScript).

Aucune autre obligation : pas de frais, pas de compte à créer, pas de clé d'API, pas de collecte de données chez vous.

Intégration par script

Collez ce bloc à l'endroit où vous voulez voir le simulateur : le script construit le cadre et y place l'iframe.

Aperçu du widget intégré : l'écran de mesure du simulateur avec le modèle 3D de la toiture, la surface calculée et la carte de demande de devis.
Aperçu du widget. C'est l'écran que verront vos visiteurs dans le cadre : modèle 3D, résultats de mesure et demande de devis.
HTML à copier

Options disponibles

Les attributs data-* de la balise script permettent d'ajuster l'affichage. Aucun n'est obligatoire sauf data-target si votre conteneur n'est pas juste après le script.

  • data-target="#mon-conteneur" — le conteneur où insérer le simulateur.
  • data-ratio="16/9" — ou data-ratio="4/3" : le ratio du cadre.
  • data-height="720" — hauteur maximale du cadre en pixels (0 = illimitée).
  • data-title="…" — le titre de l'iframe (accessibilité).

Variante sans JavaScript : l'iframe nue

Si vous ne voulez aucun script sur votre page, utilisez directement l'iframe. Elle fonctionne seule — mais c'est à vous d'ajouter le lien de retour obligatoire, comme le montre le bloc ci-dessous.

HTML à copier

Ce que vous n'avez pas à gérer

  • Aucun compte, aucune inscription, aucune clé d'API.
  • Aucun réglage à maintenir : le simulateur et ses données restent à jour chez nous.
  • Aucune donnée de vos visiteurs stockée par nous pour produire la mesure : le calcul s'exécute dans le navigateur de l'utilisateur.
  • Un rendu responsive : le cadre occupe 100 % de la largeur de votre colonne.