Typischer Weg
Mastercode einmalig über ein Code-Plugin oder Theme einfügen. Objekt-Marker auf der jeweiligen Immobilienseite als HTML-Block setzen.
CMS-Einbindung · WordPress
Einbindung des immoSoR-Widgets in WordPress.
WordPress ist bei kleinen und mittleren Makler-Websites sehr häufig im Einsatz. Das immoSoR-Widget kann meist über einen HTML-Block, ein Header-/Footer-Code-Plugin, das Theme oder einen Page Builder eingebunden werden.
Mastercode allgemein einbinden. Objekt-Marker nur auf der passenden Objektseite setzen.
Für Makler wichtig
Jede Objektseite braucht den eigenen Marker. Der gleiche Marker darf nicht versehentlich auf mehreren Immobilienseiten stehen.
Prüfung
Nach dem Speichern Cache leeren und eine Test-Anforderung auslösen.
Anleitung
Schritt für Schritt.
So wird das immoSoR-Widget in diesem System sauber eingebunden.
01
Codebereich öffnen
Öffnen Sie in WordPress den Bereich für eigenen Code, Header/Footer-Code oder das verwendete Code-Plugin.
02
Mastercode einfügen
Fügen Sie dort den immoSoR-Mastercode einmalig ein und speichern Sie die Änderung.
03
Cache prüfen
Leeren Sie gegebenenfalls Plugin-, Theme- oder Server-Cache.
04
Immobilienseite öffnen
Öffnen Sie die konkrete Immobilienseite oder den passenden Beitrag.
05
Objekt-Marker setzen
Fügen Sie den passenden immoSoR-Objekt-Marker als HTML-Block oder Page-Builder-Element ein.
06
Frontend kontrollieren
Prüfen Sie die veröffentlichte Seite im Browser.
07
Anfrage testen
Lösen Sie eine Exposé-Anforderung aus und prüfen Sie in immoSoR die Objektzuordnung.
Prüfung
Am Ende zählt die richtige Objektzuordnung.
- Der Mastercode lädt nur die allgemeine Widget-Funktion.
- Der Objekt-Marker enthält den konkreten Immobilienbezug.
- Nach dem Einbau muss eine Test-Anfrage ausgelöst werden.
- In immoSoR muss die Anfrage beim richtigen Objekt erscheinen.
Wichtig
Kopieren Sie den Objekt-Marker nicht pauschal auf mehrere Objektseiten. Jede Immobilie braucht ihre eigene Zuordnung.
Backend-Anleitung · WordPress
Administrator-Anleitung: Widget in WordPress einbauen.
Diese Schritte richten sich an Administratoren, Redakteure und betreuende Agenturen. Sie zeigen den Backend-Weg vom globalen Mastercode bis zum objektbezogenen Marker auf der Immobilienseite.
Schritt für Schritt
Saubere Reihenfolge der Einrichtung.
Die Reihenfolge trennt Verwaltung, Technik, Objektzuordnung und Prüfweg. Erst wenn die öffentliche Seite die richtige Objektakte trifft, ist die Einbindung abgeschlossen.
01
Backend anmelden
Melden Sie sich als Administrator in WordPress an und prüfen Sie, ob Sie Plugins, Theme-Dateien oder Custom-Code-Bereiche bearbeiten dürfen.
02
Globales Codefeld öffnen
Öffnen Sie ein Header-/Footer-Code-Plugin, den Customizer oder das Theme. Dort wird ausschließlich der immoSoR-Mastercode eingetragen.
03
Mastercode speichern
Fügen Sie den Mastercode ein, speichern Sie die Änderung und prüfen Sie, ob Optimierungsplugins JavaScript verzögern oder zusammenfassen.
04
Immobilienseite bearbeiten
Öffnen Sie den Beitrag, die Seite oder das Page-Builder-Layout der konkreten Immobilie. Arbeiten Sie nicht im globalen Template, wenn Sie den Objekt-Marker setzen.
05
HTML-Block einsetzen
Fügen Sie im Gutenberg-Editor einen HTML-Block ein. In Elementor, WPBakery oder ähnlichen Baukästen verwenden Sie ein HTML- oder Code-Element.
06
Objekt-Marker eintragen
Kopieren Sie den Objekt-Marker aus immoSoR in diesen Block. Prüfen Sie, dass Objekt-ID und Widget-Schlüssel zum Objekt passen.
07
Cache und Frontend prüfen
Aktualisieren Sie die Seite, leeren Sie WordPress-Cache und Page-Builder-Cache und testen Sie die Anfrage im öffentlichen Frontend.
Modulcode · WordPress
Backend-Modul sauber vorbereiten.
Die folgenden Muster sind als technische Vorlage gedacht. Vor produktiver Nutzung prüft die betreuende Person Sicherheitsregeln, Ausgabeformat, CSP und Projektstandard.
WordPress: Mastercode im Header/Footer-Plugin
Einmalig im Pluginfeld für Footer-Code oder eigenes HTML hinterlegen.
WordPress: HTML-Block auf Objektseite
Auf der konkreten Immobilienseite in einen Gutenberg-HTML-Block oder Page-Builder-Codeblock einfügen.
Prüfung
Der Backend-Einbau endet erst im öffentlichen Frontend.
Speichern im CMS ist nur der Zwischenschritt. Entscheidend ist die öffentliche Objektseite, die mobile Ansicht und die Test-Anfrage in der richtigen immoSoR-Objektakte.
Einbindung vorbereiten · WordPress
Objekt-ID eintragen. Code kopieren. Einfügen. Fertig.
Der Assistent erzeugt Muster-Code für WordPress. Der Mastercode wird einmalig in der Website hinterlegt. Der Objekt-Marker gehört auf die konkrete Immobilienseite.
Beispielwerte aus der Objekt-Akte sauberer Musterfall
- Objekt-ID
100XVBK- Widget-Schlüssel
wgt_100xvbk_e9aa89a0- Öffentliche Adresse
https://app.dreifisch.com/w/wgt_100xvbk_e9aa89a0
Schnellkopie · WordPress
Muster-Code sichtbar kopieren.
Diese Codeblöcke zeigen den Musterfall mit Objekt-ID 100XVBK und Widget-Schlüssel wgt_100xvbk_e9aa89a0. Für echte Objekte verwenden Sie die Werte aus der Objekt-Akte oder öffnen den Code-Assistenten.
1. Mastercode
Einmalig global hinterlegen.
2. Objekt-Marker
Auf die konkrete Immobilienseite setzen.
3. Komplettcode
Für einfache HTML-/Codefelder, wenn alles zusammen eingefügt wird.
4. iframe-Fallback
Für Fälle, in denen JavaScript oder Meta-Zeilen entfernt werden.
Einbindung-FAQ
Häufige Fragen zur Widget-Einbindung in WordPress.
Zusätzlich zur Anleitung gibt es eine eigene FAQ-Seite mit technischen Fragen, fachlichen Prüfpunkten und typischen Fehlerquellen im Maklerbüro.
Fragen vor dem Einbau klären
Öffnen Sie die passende Einbindung-FAQ, prüfen Sie den Ablauf in der App oder rufen Sie direkt an.
Weiterführend
Passende Anschlussseiten.
Die CMS-Anleitungen sind miteinander verbunden. Der zentrale Überblick führt zurück zur Gesamtordnung der Einbindung.
Zugang
Testzugang oder Zugang öffnen.
Der Testzugang zeigt E-Mail-Adresse, E-Mail-Bestätigung, Zugangsdaten und Übersichtsseite.