CMS-Einbindung · Contao

Einbindung des immoSoR-Widgets in Contao.

Contao ist im deutschsprachigen Raum bei agenturgeführten Unternehmensseiten verbreitet. Die Einbindung erfolgt über Seitenlayouts, Module, Inhaltselemente oder Templates.

Mastercode allgemein einbinden. Objekt-Marker nur auf der passenden Objektseite setzen.

Seitenlayout

Der Mastercode kann im Seitenlayout oder in einem global eingebundenen Modul stehen.

HTML-Inhaltselement

Der Objekt-Marker kann auf der jeweiligen Immobilienseite als HTML-Code eingefügt werden.

Template-Lösung

Bei wiederkehrenden Objektseiten ist eine Template- oder Feldlösung sauberer.

Anleitung

Schritt für Schritt.

So wird das immoSoR-Widget in diesem System sauber eingebunden.

01

Layout öffnen

Öffnen Sie im Contao-Backend das passende Seitenlayout oder Modul.

02

Mastercode einfügen

Fügen Sie den immoSoR-Mastercode im Kopf- oder Fußbereich ein.

03

Änderung speichern

Speichern Sie die Änderung und prüfen Sie die Veröffentlichung.

04

Objektseite öffnen

Öffnen Sie die konkrete Immobilienseite oder das zugehörige Inhaltselement.

05

Marker setzen

Fügen Sie den passenden Objekt-Marker als HTML-Code ein.

06

Frontend prüfen

Prüfen Sie die öffentliche Seite im Browser.

07

Anfrage prüfen

Testen Sie, ob die Anfrage korrekt in immoSoR ankommt.

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 · Contao

Administrator-Anleitung: Widget in Contao 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

Themes und Seitenlayout öffnen

Melden Sie sich in Contao an und öffnen Sie Themes, Seitenlayouts oder globale Module. Dort wird der Mastercode hinterlegt.

02

Mastercode im Layout setzen

Fügen Sie den Mastercode im Seitenlayout, in einem globalen Modul oder in einer Template-Erweiterung ein.

03

Immobilienseite öffnen

Öffnen Sie den Artikel oder die Seite der konkreten Immobilie. Prüfen Sie, ob die Objektseite über Inhaltselemente oder ein Template kommt.

04

HTML-Inhaltselement verwenden

Legen Sie ein HTML-Inhaltselement für den Objekt-Marker an oder geben Sie den Marker aus einem Feld im Template aus.

05

Veröffentlichung prüfen

Prüfen Sie Start-/Stoppzeiten, Sichtbarkeit und Zuordnung des Inhaltselements.

06

Cache neu aufbauen

Leeren Sie Contao-Cache und ggf. Browser-/Proxy-Cache.

07

Objektzuordnung testen

Öffnen Sie die öffentliche Seite und prüfen Sie mit einer Test-Anfrage, ob immoSoR den Vorgang dem richtigen Objekt zuordnet.

Modulcode · Contao

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.

Contao: Mastercode im Seitenlayout

Im Layout, globalen Modul oder Template einmalig einfügen.

Contao: HTML-Inhaltselement am Objekt

Als HTML-Inhaltselement in den Artikel der konkreten Immobilie setzen.

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 · Contao

Objekt-ID eintragen. Code kopieren. Einfügen. Fertig.

Der Assistent erzeugt Muster-Code für Contao. 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
Beispielseite öffnen Muster öffnen

Schnellkopie · Contao

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 vorbereiten

immoSoR-Widget für Contao

Werte aus der Objekt-Akte einsetzen. Code erstellen. Passenden Block kopieren.

Ihre Werte

Nutzen Sie für einen echten Einbau die Werte aus Ihrer immoSoR-Objektakte. Die Beispielwerte zeigen nur den Aufbau.

Für Contao

Mastercode: im Seitenlayout, über ein globales Modul oder über eine Template-Erweiterung. Objekt-Marker: als HTML-Inhaltselement auf der Objektseite oder über ein Template-Feld der Immobilienausgabe. Fallback: iframe-Fallback im HTML-Inhaltselement, wenn Script-Code nicht im Redaktionsbereich ausgegeben wird.

1. Mastercode einmalig global einfügen
2. Objekt-Marker auf die konkrete Objektseite setzen
3. Komplettcode für einfache HTML-/Codefelder
4. iframe-Fallback wenn Script nicht zugelassen wird

Nach dem Einfügen speichern Sie die CMS-Seite, leeren gegebenenfalls den Cache und lösen eine Test-Anfrage aus. In immoSoR muss die Anfrage in der richtigen Objekt-Akte erscheinen.

Werte in der App prüfen

Einbindung-FAQ

Häufige Fragen zur Widget-Einbindung in Contao.

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.