Page actif iroko.eu

La fiche complète d'un actif sur une page Webflow : titre, adresse, photos, informations clés, description, gérant et localisation. Une seule page Webflow sert tous les actifs, choisis par ?id= dans son URL. Même contenu que le panneau des intégrations Parc immobilier et Ligne d'actifs, en pleine page.

Principes d'intégration

  • Un seul élément Embed Webflow contient l'<iframe> et une ligne <script src>, le même script que les intégrations Parc immobilier et Ligne d'actifs. Il est indispensable : c'est lui qui charge la bonne fiche. Il est hébergé par opendata : ses évolutions arrivent avec chaque déploiement, sans rien recoller dans Webflow.
  • Choix de l'actif : le script lit ?id= dans l'URL de la page Webflow, par exemple https://www.iroko.eu/<page>?id=173. C'est l'id de la table portfolios, le même que dans ?actif=173 quand le panneau d'un actif est ouvert, et que dans /parc-immobilier/173.
  • Actif introuvable : sans ?id=, ou avec un id qui ne correspond à aucun actif, l'embed affiche « Cet actif est introuvable » et un bouton vers la page Notre patrimoine.
  • Titre de l'onglet : le script remplace le titre de la page Webflow par le nom de l'actif. Les balises meta (description, Open Graph) de la page Webflow restent les mêmes pour tous les actifs : un lien partagé sur un réseau social affiche l'aperçu générique de la page. Le contenu de l'iframe n'est pas indexé comme contenu d'iroko.eu ; la version indexée d'un actif reste /parc-immobilier/[id].
  • Hauteur automatique : elle suit le contenu via postMessage. Le height du snippet n'est qu'une valeur d'amorçage.
  • Mise en page : width="100%", sans fond ni marge latérale — c'est la section Webflow qui les donne. Une colonne sur mobile ; sur grand écran, photos et informations clés sur toute la largeur, puis description et localisation côte à côte.
  • Données : les fiches sont générées au déploiement du site opendata (photos optimisées une fois pour toutes). Un nouvel actif ajouté dans Supabase a sa page au déploiement suivant.

Aperçu et code d'intégration

Code à copier‑coller :