Einbindungsbeispiel · REDAXO

Beispiel: immoSoR-Widget in REDAXO einbinden.

Diese Beispielseite zeigt einen vollständigen Musteraufbau für REDAXO. Sie können daran ablesen, welcher Code global gehört und welcher Code auf die konkrete Immobilienseite gesetzt wird.

Musterwerte: Objekt-ID 100XVBK, Widget-Schlüssel wgt_100xvbk_e9aa89a0, öffentliche Adresse https://app.dreifisch.com/w/wgt_100xvbk_e9aa89a0.

Für Maklerbüro und Redaktion

Der einfache Ablauf.

  1. Objekt-ID und Widget-Schlüssel aus der immoSoR-Objektakte übernehmen.
  2. Mastercode einmalig in REDAXO einfügen.
  3. Objekt-Marker auf die konkrete Immobilienseite setzen.
  4. Seite speichern, Cache leeren und Test-Anfrage auslösen.

Backend-Anleitung · REDAXO

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

Melden Sie sich in REDAXO als Administrator an. Öffnen Sie Struktur → Module und legen Sie ein eigenes Modul mit dem Namen „immoSoR Widget“ an.

02

Moduleingabe anlegen

Im Bereich Eingabe wird ein Textfeld oder Textarea für den Widget-/Einbettungscode angelegt. Dort kann später der Mastercode, der Marker oder der Komplettcode eingetragen werden.

03

Modulausgabe definieren

Im Bereich Ausgabe wird im Backend nur ein Platzhalter angezeigt. Im Frontend wird der gespeicherte Code innerhalb eines Wrappers ausgegeben.

04

Artikel der Immobilie öffnen

Öffnen Sie den REDAXO-Artikel der jeweiligen Immobilie. Fügen Sie einen neuen Block/Slice mit dem Modul „immoSoR Widget“ hinzu.

05

Objekt-Marker eintragen

Kopieren Sie den Objekt-Marker oder den Komplettcode aus immoSoR in das Eingabefeld des Slices. Prüfen Sie Objekt-ID und Widget-Schlüssel.

06

CSP und Domainfreigabe prüfen

Falls eine Content-Security-Policy aktiv ist, müssen app.dreifisch.com und die benötigten Script-/Frame-Ziele freigegeben werden.

07

Layoutbreite und Mobile prüfen

Der Wrapper sollte in das REDAXO-Layout passen. Prüfen Sie Desktop, Tablet und Smartphone, bevor die Objektseite veröffentlicht wird.

08

Cache und Test-Anfrage

Leeren Sie REDAXO-Cache und ggf. Servercache. Öffnen Sie die öffentliche Seite und lösen Sie eine Test-Anfrage aus.

Modulcode · REDAXO

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.

REDAXO-Modul Eingabe für Widget-Code

Textarea für Mastercode, Objekt-Marker oder Komplettcode.

REDAXO-Modul Ausgabe für Widget-Code

Backend-Platzhalter, Frontend-Ausgabe mit Wrapper.

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.

Codeblöcke · REDAXO

Muster-Code sichtbar kopieren.

Diese Beispielseite zeigt alle vier Einbindungsvarianten mit kopierbaren Codefeldern. Der Mastercode bleibt allgemein; der Objekt-Marker gehört zur konkreten Immobilienseite.

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.

Nach dem Einfügen

So erkennt das Maklerbüro, ob die Einbindung stimmt.

Öffnen Sie die öffentliche Objektseite. Das Widget muss sichtbar sein oder die Exposé-Anforderung öffnen. Danach lösen Sie eine Test-Anfrage aus. In immoSoR muss der Vorgang in der Objektakte 100XVBK erscheinen.

Weiter prüfen

Öffnen Sie die Anleitung, die FAQ oder den Zugang zur App, wenn echte Objektwerte eingesetzt werden sollen.

Zugang

Testzugang oder Zugang öffnen.

Der Testzugang zeigt E-Mail-Adresse, E-Mail-Bestätigung, Zugangsdaten und Übersichtsseite.