Zum Inhalt springen

Contao OpenImmo Immobilien-Übertragung

Wenn Sie Ihre Website mit Contao betreiben, können Sie WP-ImmoMakler trotzdem als vollwertiges Immobilien-Plugin nutzen — durch eine iFrame-Integration. WP-ImmoMakler läuft dabei auf einer separaten WordPress-Installation, und die Immobilienansicht wird als iFrame in Ihre Contao-Seite eingebettet.

Sie benötigen eine WordPress-Installation, auf der WP-ImmoMakler betrieben wird. Diese kann auf demselben Server wie Ihre Contao-Website liegen oder auf einem separaten Host. Die Immobilienliste, Suchmaske und Detailansicht werden über einen <iframe>-Tag direkt in Ihre Contao-Seite eingebunden.

In Contao lässt sich ein iFrame über ein HTML-Inhaltselement einbinden:

  1. Wechseln Sie in der Contao-Verwaltung zur gewünschten Seite.
  2. Fügen Sie ein neues Inhaltselement vom Typ HTML hinzu.
  3. Fügen Sie den folgenden iFrame-Code ein:
<iframe
src="https://ihre-wordpress-domain.de/immobilien/"
width="100%"
height="800"
frameborder="0"
scrolling="auto"
title="Immobiliensuche">
</iframe>
  1. Ersetzen Sie https://ihre-wordpress-domain.de/immobilien/ durch die URL Ihrer WP-ImmoMakler-Installation.
  2. Speichern Sie das Inhaltselement und veröffentlichen Sie die Seite.

Die Höhe des iFrames können Sie im height-Attribut anpassen. Wenn Sie möchten, dass der iFrame die Seite dynamisch in der Höhe anpasst (Auto-Resize), können Sie das folgende JavaScript einbinden:

<script>
window.addEventListener('message', function(event) {
if (event.data && event.data.type === 'immomakler_resize') {
document.getElementById('immomakler-frame').style.height = event.data.height + 'px';
}
});
</script>
<iframe
id="immomakler-frame"
src="https://ihre-wordpress-domain.de/immobilien/"
width="100%"
height="800"
frameborder="0"
scrolling="auto"
title="Immobiliensuche">
</iframe>

Sie können das iFrame selbst einrichten oder von Ihrer Agentur konfigurieren lassen. Alternativ bieten wir einen Einrichtungsservice an, der die optische Integration in das Layout Ihrer Contao-Website übernimmt.

Bei Fragen wenden Sie sich an unser Support-Team.