Kontakt-Erfassung Iframe Integration

Mit dieser Integration können Sie das Kontakt-Erfassungsformular auf Ihrer eigenen Website einbinden. Das Formular passt sich automatisch in der Höhe an, so dass keine Scrollbalken innerhalb des Iframes erscheinen.

Live Demo

Einbindungscode

Kopieren Sie den folgenden Code und fügen Sie ihn an der Stelle ein, wo das Formular erscheinen soll: 

<!-- Kontakt-Erfassungsformular -->
<iframe id="kontakt-iframe" src="https://provisi.vercel.app/erfassung" 
  width="100%" style="border: none; overflow: hidden;" 
  frameborder="0" scrolling="no"></iframe>

<!-- Script zur automatischen Anpassung der iframe-Höhe -->
<script>
  window.addEventListener('message', function(event) {
    // Sicherheitsüberprüfung - nur Nachrichten von Ihrer eigenen Domain akzeptieren
    if (event.origin !== 'https://provisi.vercel.app') return; 

    // Überprüfen, ob es sich um eine Größenänderungsnachricht handelt
    if (event.data && event.data.type === 'resize') {
      const iframe = document.getElementById('kontakt-iframe');
      if (iframe) {
        // Fügen Sie einen kleinen Puffer hinzu (30px), um sicherzustellen, dass kein Scrollbalken erscheint
        iframe.style.height = (event.data.height + 30) + 'px';
      }
    }
  }, false);
</script>
Hinweis: Ersetzen Sie https://provisi.vercel.app durch die tatsächliche Domain, auf der das Formular gehostet wird, wenn Sie in einer Testumgebung arbeiten.

Anpassungen

Das Formular passt sich automatisch an die Breite des iframes an, da es responsive gestaltet ist. Sie können bei Bedarf die folgenden Anpassungen vornehmen:

← Zurück zur Startseite