Intégrer une visite virtuelle à son site d'agence immobilière

Une visite virtuelle envoyée par courriel ne sert qu'à la personne qui la reçoit. Sur le site de l'agence, elle se pose de trois façons, par un lien, par un cadre dans la fiche du bien ou par le champ du logiciel de transaction. Les trois cessent de marcher le jour où l'hébergement de la visite s'arrête.

Le plus simple est un lien. Le plus confortable pour la personne qui cherche un logement est un cadre posé dans la fiche du bien, parce qu'elle parcourt les pièces sans quitter la page, avec le prix et le bouton de contact à côté. Si vos biens passent par un logiciel de transaction, le plus solide est le champ prévu pour la visite, qui envoie le lien à votre site et aux portails en une seule saisie. Rien n'empêche de faire les trois.

Vous trouverez plus bas un exemple de code à adapter, ce que disent les pages d'aide de WordPress, Wix et Squarespace, et la panne qu'on ne voit pas venir.

Lien, cadre ou logiciel

Ces trois façons ont un point commun. Elles affichent une visite hébergée ailleurs que sur votre site. C'est ce qui les rend simples, et c'est aussi pour cela qu'elles tombent en panne en même temps.

Le code d'une iframe pour une visite 360

Une iframe réserve dans votre page une fenêtre ouverte sur une autre page. La visite reste sur les serveurs de son hébergeur. L'adresse visite.exemple.fr ci-dessous n'existe pas. Remplacez-la par celle de votre visite, aux deux endroits où elle apparaît.

<!-- EXEMPLE. Remplacez l'adresse fictive visite.exemple.fr par celle de votre visite. -->
<div class="visite-cadre">
  <iframe
    src="https://visite.exemple.fr/appartement-exemple"
    title="Visite virtuelle 360 de l'appartement"
    width="800" height="600"
    loading="lazy"
    allow="fullscreen" allowfullscreen>
  </iframe>
</div>
<p>
  <a href="https://visite.exemple.fr/appartement-exemple" target="_blank" rel="noopener">
    Ouvrir la visite virtuelle en plein écran
  </a>
</p>

<style>
  .visite-cadre iframe {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
    border: 0;
  }
  @media (max-width: 600px) {
    .visite-cadre iframe { aspect-ratio: 3 / 4; }
  }
</style>

Sans indication de taille, un cadre mesure 300 pixels sur 150, ce qui ne montre presque rien d'une pièce. La largeur à 100 % l'étend à toute la colonne de la page. La propriété aspect-ratio règle ensuite la hauteur d'après la largeur. Le cadre est plus large que haut sur ordinateur, et plus haut que large sur téléphone, pour que la pièce ne se réduise pas à une bande. Les valeurs 4 / 3 et 3 / 4 sont des exemples, à ajuster à votre page.

Les deux attributs de plein écran ne font pas double emploi. MDN présente allowfullscreen comme un attribut ancien, redéfini par allow="fullscreen", et les deux peuvent figurer ensemble. Sans eux, le bouton plein écran de la visite ne fait rien dans le cadre. Avec loading="lazy", le navigateur attend que le cadre approche de l'écran pour le charger, et la fiche s'affiche sans attendre la visite. MDN précise que ce report ne fonctionne que si JavaScript est activé. L'attribut title indique à une personne qui utilise un lecteur d'écran ce que contient le cadre avant qu'elle y entre.

Le lien placé sous le cadre est plus utile qu'il n'y paraît. Une iframe n'accepte pas de contenu de remplacement entre ses balises. Si le cadre ne s'affiche pas, ce lien est le seul accès qui reste à la visite. C'est aussi le chemin le plus court pour la voir en grand.

Faites un essai avant de publier. Un hébergeur peut interdire l'affichage de ses pages dans un autre site, par l'en-tête HTTP X-Frame-Options ou par la directive frame-ancestors. Le cadre reste alors vide, quel que soit votre code. Votre prestataire sait s'il l'autorise, et il fournit parfois son propre code.

Dans WordPress, Wix ou Squarespace

Les trois outils ont un emplacement pour coller du code. Nous avons lu leurs pages d'aide officielles le 20 octobre 2026, et chacun a son piège.

Dans WordPress, il s'agit du bloc HTML personnalisé. On l'ajoute depuis l'outil d'insertion de blocs, ou en tapant /html dans un paragraphe vide. On colle le code, on vérifie l'aperçu et on valide. Le piège tient au rôle de la personne qui publie. Si elle n'a pas la capacité unfiltered_html, comme un contributeur, ses balises iframe sont retirées à l'enregistrement, même quand le code est juste.

Dans l'éditeur Studio de Wix, l'élément Intégrer le code se trouve dans Ajouter des éléments, puis Intégrer et social. L'aide demande une adresse en HTTPS, prévient que certains sites refusent d'être intégrés, et conseille de régler la largeur et la hauteur à 100 % pour que rien ne soit rogné.

Sur Squarespace, c'est un bloc Code réglé en mode HTML qui reçoit le code. Les iframe n'y sont permises que sur les formules Core, Plus et Advanced. Par sécurité, le code peut aussi rester invisible tant que vous êtes connecté à l'éditeur. Le mode sans échec, ou une fenêtre de navigation privée, montre ce que voit le visiteur.

Si votre site a été fait sur mesure, envoyez le bloc de code, avec la bonne adresse, à la personne qui l'entretient.

Par le logiciel de transaction

Si vos biens sont saisis dans un logiciel de transaction qui publie la fiche sur votre site et la diffuse aux portails, vous n'avez pas à toucher au code. Le lien va dans le champ réservé à la visite virtuelle, quand le logiciel en a un, et il suit la fiche partout où elle est diffusée.

Son affichage dépend ensuite de chaque destination. Le modèle de page de votre site peut le montrer en bouton, en cadre, ou pas du tout. Chaque portail a sa règle, et nous les avons relevées dans publier une visite virtuelle sur les portails. Publiez un premier bien avec sa visite, puis ouvrez sa fiche sur votre site et sur chaque portail, sur ordinateur et sur téléphone. Si rien n'apparaît sur votre site, l'éditeur du logiciel vous dira si votre modèle de page affiche ce champ.

Ce que Google voit d'une visite intégrée

Pour la personne qui cherche un logement, le cadre a l'avantage. Elle parcourt le bien sans quitter la fiche, avec la description et le bouton de contact à côté. Sur téléphone, un cadre étroit gêne vite, d'où l'intérêt du lien de secours et du plein écran.

Pour le référencement, nous nous en tenons à ce qui est écrit. Le contenu du cadre reste une page de l'hébergeur de la visite. Google a indiqué en décembre 2023 que ses systèmes essaient d'associer le contenu d'une iframe à la page qui l'affiche, sans le garantir. Un hébergeur peut aussi exclure ses pages de l'index tout en autorisant leur indexation dans un cadre, avec la règle indexifembedded. Ni l'un ni l'autre ne dépend de vous.

Le texte de la fiche, lui, dépend de vous. Le quartier, l'étage et l'agencement des pièces, écrits sur votre domaine, vous restent quoi qu'il arrive au cadre. Nous n'avons trouvé aucune source sérieuse qui chiffre ce qu'une visite intégrée apporte en positionnement ou en contacts, et nous n'avançons donc aucun chiffre. L'usage de la visite au rendez-vous de mandat et pour trier les demandes est décrit dans la visite virtuelle pour un agent immobilier.

Le jour où l'hébergement s'arrête

Une visite intégrée dépend d'un hébergement que vous ne voyez pas. Le jour où il s'arrête, votre page ne change pas d'un caractère. Le bouton mène à une page d'erreur. Le cadre affiche une erreur en petit, ou un rectangle blanc. Tant que personne ne vide le champ du logiciel, le lien mort reste dans les annonces diffusées. Rien, sur votre site, ne signale la panne.

Quatre habitudes évitent cette panne.

1. Notez la date de fin d'hébergement à côté de la date de fin du mandat.
2. Le jour où le bien sort, parce qu'il est vendu, loué ou que le mandat se termine, retirez le cadre et videz le champ du logiciel.
3. Gardez le lien de secours sous le cadre. Le visiteur garde un accès à la visite, et vous voyez la panne plus vite.
4. Si la visite doit rester en ligne plus longtemps, récupérez ses fichiers avant la fin. Vous pourrez ensuite l'héberger où vous voulez, comme l'explique héberger soi-même sa visite virtuelle.

Ce que nous livrons aux agences

Nous livrons la visite sous 48 heures après le rendez-vous, sous la forme d'un lien court qui s'ouvre dans un navigateur, sans application. Ce lien se pose sur un bouton de la fiche, dans le champ du logiciel, dans un courriel ou sur une affiche en vitrine. Le plan coté, la maquette 3D et les photos développées sont livrés avec la visite, pour un seul prix fixé par la surface. Il va de 149 € jusqu'à 30 m² à 319 € de 91 à 130 m², puis 2,50 € de plus par m² au-delà. TVA non applicable, article 293 B du CGI. Plan indicatif, il ne remplace pas un mesurage Loi Carrez.

Ce prix comprend aussi 3 mois d'hébergement de la visite. Un courriel vous prévient 15 jours avant l'échéance. Vous pouvez alors prolonger, payé une fois, sans reconduction, ou laisser la visite passer hors ligne, sans rien payer de plus. Les fichiers restent téléchargeables 30 jours de plus depuis votre espace client, et une fois hébergée par vos soins, la visite reste en ligne aussi longtemps que vous le voulez. Les conditions pour les agences, dont la baisse du tarif à partir du cinquième bien confié dans le mois, sont sur la page des professionnels.