Python OpenImmo Immobilien-Übertragung

Wenn Sie Ihre Website mit Python erstellt haben — etwa mit Django oder Flask —, 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 Python-Website eingebettet.

Voraussetzungen

Sie benötigen eine WordPress-Installation, auf der WP-ImmoMakler läuft und Ihre Immobilien importiert werden. Diese Installation kann auf demselben Server wie Ihre Python-Anwendung liegen oder auf einem separaten Host. Dazu buchen Sie einfach die WP-ImmoMakler-Lizenz, die zu Ihrem Immobilienbestand passt.

WP-ImmoMakler bringt für diesen Fall einen eigenen iFrame-Modus mit. Sie binden also kein selbst geschriebenes <iframe>-Tag ein, sondern aktivieren den Modus in den Einstellungen und übernehmen den Code, den WP-ImmoMakler Ihnen dort fertig anzeigt.

Schritt 1: iFrame-Modus aktivieren

Einstellungen öffnen

Öffnen Sie im Backend Ihrer WordPress-Installation (wp-admin) WP-ImmoMakler → Einstellungen → Darstellung.
iFrame-Modus einschalten

Setzen Sie den Haken bei iFrame-Modus. Die Listen- und Detailansichten Ihrer Immobilien werden dann als iFrame-Inhalt bis zum Rand ausgegeben — ohne Header, Menü und Footer der WordPress-Installation. Bildergalerien öffnen sich in diesem Modus automatisch im Vollbild, damit sie nicht auf die Höhe des iFrames beschränkt bleiben.
iFrame-aufrufende Basis-URL eintragen

Tragen Sie unter iFrame-aufrufende Basis-URL die vollständige Basis-URL Ihrer Python-Website ein — also die Adresse der Website, in der das iFrame eingebunden wird, zum Beispiel https://www.example.com ohne Unterseite. Aus Sicherheitsgründen (CORS) funktioniert die automatische Anpassung der iFrame-Größe erst, wenn diese Angabe hinterlegt ist.
Speichern

Speichern Sie die Einstellungen.

WP-ImmoMakler Einstellungen: iFrame-Modus und iFrame-aufrufende Basis-URL

Schritt 2: Einbindungs-Code kopieren

Direkt unter der Option iFrame-Modus zeigt WP-ImmoMakler den fertigen Einbindungs-Code an — bereits mit den URLs Ihrer eigenen Installation. Ein Klick in das Feld markiert den gesamten Code, sodass Sie ihn kopieren können.

Der Code hat diesen Aufbau:

<style>#wp-immomakler-iframe{width:100%;height:100vh;border:none;}</style>
<iframe id="wp-immomakler-iframe" src="https://ihre-wordpress-domain.de/immobilien/" allowfullscreen></iframe>
<script type="module">import { initialize } from "https://ihre-wordpress-domain.de/?wp-immomakler-iframe-resizer";initialize({}, "#wp-immomakler-iframe");</script>

Er besteht aus drei Teilen: einem kleinen Stylesheet, das dem iFrame die volle Breite gibt, dem iFrame selbst und einem JavaScript-Modul, das die Höhe des iFrames laufend an den Inhalt anpasst. Dadurch entsteht kein zweiter Scrollbalken, und beim Wechsel von der Liste in die Detailansicht stellt sich die Höhe automatisch um.

Schritt 3: Einbindung in Ihre Python-Website

Template auswählen

Öffnen Sie das Template, das die Immobilienseite Ihrer Website ausgibt — bei Django zum Beispiel templates/immobilien.html, bei Flask das entsprechende Jinja-Template.
Code einfügen

Fügen Sie den kopierten Code an der Stelle ein, an der die Immobilien erscheinen sollen.
Route veröffentlichen

Stellen Sie sicher, dass das Template über eine eigene URL erreichbar ist, und veröffentlichen Sie die Änderung.

Wenn die Höhe nicht automatisch angepasst wird

Bleibt das iFrame auf der Anfangshöhe stehen oder erscheint ein zweiter Scrollbalken, liegt es fast immer an einer dieser drei Ursachen:

Die iFrame-aufrufende Basis-URL ist leer, enthält einen Tippfehler oder eine Unterseite. Eingetragen gehört ausschließlich die Basis-URL inklusive https://.
Die eingetragene Basis-URL passt nicht zur tatsächlich aufgerufenen Adresse, etwa https://example.com statt https://www.example.com.
Das <script type="module"> steht nicht mehr im ausgelieferten HTML, weil die Template-Engine es verändert hat. Prüfen Sie die Ausgabe im Quelltext der fertigen Seite.

Hosting-Optionen

Sie können das iFrame selbst einrichten oder von Ihrer Agentur einrichten lassen. Alternativ bieten wir einen Einrichtungsservice für die Konfiguration des iFrames an, inklusive optischer Integration des Plugins in das Layout Ihrer Python-Website, basierend auf unserem Standarddesign, wie in unserer Demo gezeigt.

In unserer Referenzliste können Sie die Integration von WP-ImmoMakler mit einer iFrame-Lösung sehen.

Wir bieten auch die Möglichkeit, das iFrame auf unserem Server zu hosten. Natürlich können Sie das iFrame ebenso auf Ihrem eigenen Server oder dem Server Ihrer Agentur betreiben. Wenn das iFrame auf unserem Server laufen soll, müssten Sie einen Wartungsvertrag abschließen. Sie können das iFrame jederzeit von unserem Server auf Ihren Server umziehen.

Bei weiteren Fragen wenden Sie sich bitte an unser Support-Team.