Démonstration

Le formulaire, sur le site d’une agence.

Ci-dessous, une page de site d’agence fictive qui emboîte le formulaire de candidature d’Atrio. Déposez un dossier de démonstration : le journal à droite montre ce que votre site recevrait. Ajoutez?bien=<référence> à l’adresse pour essayer un autre bien.

Candidater à ce bien

Le formulaire ci-dessous est celui d’Atrio, emboîté dans une page du site de l’agence. Il reprend ses couleurs, annonce sa hauteur à la page et ne transmet aucune donnée personnelle à votre site.

Côté votre site : écouter les messages

Vérifiez toujours event.origin : seule la page porte du serveur (https://api.atrio.immo) est une source légitime. La hauteur du cadre se règle entre 420 et 4000 pixels, comme le fait la page porte elle-même.

window.addEventListener('message', (e) => {
  if (e.origin !== 'https://api.atrio.immo') return;   // 1. la bonne origine
  const d = e.data;
  if (!d || d.source !== 'atrium' || !String(d.type).startsWith('atrium:')) return;

  if (d.type === 'atrium:resize') {
    frame.style.height = Math.max(420, Math.min(4000, d.height)) + 'px';
  }
  if (d.type === 'atrium:submitted') {
    // d.reference : code public de suivi. Aucune donnée du candidat ici.
  }
});