CMS-Einbindung · TYPO3

Einbindung des immoSoR-Widgets in TYPO3.

TYPO3 wird häufig bei größeren, agenturgeführten Makler-Websites eingesetzt. Die saubere Einbindung erfolgt über HTML-Inhaltselement, TypoScript, Sitepackage oder Fluid-Template.

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

Schneller Test

Für ein Pilotobjekt kann ein HTML-Inhaltselement auf der Exposé-Seite reichen.

Dauerhafte Lösung

Für viele Objekte ist die Ausgabe über Fluid-Template oder Sitepackage vorzuziehen.

Objektbezug

Die vorhandene Exposé-ID sollte mit dem immoSoR-Objekt-Code verbunden werden.

Anleitung

Schritt für Schritt.

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

01

Einbindungsweg klären

Klären Sie, ob die Einbindung über HTML-Inhaltselement, TypoScript, Sitepackage oder Fluid-Template erfolgen soll.

02

Mastercode hinterlegen

Hinterlegen Sie den immoSoR-Mastercode einmalig im Kopf- oder Fußbereich.

03

TYPO3-Cache leeren

Leeren Sie nach der Änderung den TYPO3-Cache.

04

Exposé-Seite öffnen

Öffnen Sie die gewünschte Exposé-Seite im TYPO3-Backend.

05

Marker einfügen

Fügen Sie den objektbezogenen Marker an der passenden Stelle der Objektseite ein.

06

Frontend prüfen

Prüfen Sie die Ausgabe auf der öffentlichen Seite.

07

Zuordnung kontrollieren

Kontrollieren Sie, ob die Anfrage in immoSoR mit dem richtigen Objekt verbunden wird.

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

Administrator-Anleitung: Widget in TYPO3 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 und Seitenbaum öffnen

Melden Sie sich im TYPO3-Backend an und öffnen Sie den Seitenbaum mit der Exposé- oder Objektseite. Prüfen Sie, ob die Ausgabe über Inhaltselement, Sitepackage oder Fluid-Template läuft.

02

Mastercode im Sitepackage oder TypoScript setzen

Hinterlegen Sie den Mastercode zentral über Sitepackage, TypoScript, globales Template oder eine Footer-Ausgabe. Der Mastercode wird nicht pro Objekt dupliziert.

03

Exposé-Seite bearbeiten

Öffnen Sie die konkrete Exposé-Seite oder das Datensatz-Template der Immobilienausgabe. Vergleichen Sie die TYPO3-Exposé-ID mit der immoSoR-Objekt-ID.

04

HTML-Inhaltselement oder Fluid-Ausgabe nutzen

Setzen Sie den Objekt-Marker als HTML-Inhaltselement oder geben Sie ihn im Fluid-Template aus einem Objektfeld aus.

05

Cache vollständig leeren

Leeren Sie TYPO3-Seitencache, Systemcache und ggf. Extension- oder CDN-Cache. Prüfen Sie danach die öffentliche URL.

06

Mobile und Consent prüfen

Prüfen Sie, ob Consent- oder Sicherheitsregeln die Ausgabe blockieren. Das Widget muss im Frontend sichtbar oder als Anforderung erreichbar sein.

07

Test-Anfrage dokumentieren

Lösen Sie eine Test-Anfrage aus und kontrollieren Sie in immoSoR die richtige Objektakte, Exposé-Fassung und Zeitspur.

Modulcode · TYPO3

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.

TYPO3: Mastercode per TypoScript

Einmalig im Sitepackage oder im TypoScript-Setup ausgeben.

TYPO3: Fluid-Ausgabe im Exposé-Template

Marker objektbezogen im Detailtemplate ausgeben. Objektwerte projektseitig ersetzen.

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

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

Der Assistent erzeugt Muster-Code für TYPO3. 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 · TYPO3

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 TYPO3

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 TYPO3

Mastercode: über TypoScript, das Sitepackage, ein globales Template oder eine zentrale Footer-Ausgabe. Objekt-Marker: als HTML-Inhaltselement auf der Exposé-Seite oder automatisch im Fluid-Template der Objektansicht. Fallback: iframe-Fallback als HTML-Inhaltselement, falls Scripts im Redaktionsbereich nicht zugelassen sind.

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 TYPO3.

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.