CMS-Einbindung · Statamic

Einbindung des immoSoR-Widgets in Statamic.

Statamic arbeitet mit Collections, Feldern und Templates. Für Immobilienseiten kann die Widget-Einbindung sauber über Felder erfolgen.

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

Collection

Immobilien können als Collection geführt werden.

Feld

Der immoSoR-Widget-Schlüssel wird am Objekt gepflegt.

Template

Das Objekttemplate gibt den Marker aus.

Anleitung

Schritt für Schritt.

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

01

Layout öffnen

Öffnen Sie das Hauptlayout der Website.

02

Mastercode einfügen

Fügen Sie den immoSoR-Mastercode ein.

03

Feld anlegen

Legen Sie ein Feld für den immoSoR-Widget-Schlüssel an.

04

Wert pflegen

Tragen Sie den passenden Wert beim jeweiligen Objekt ein.

05

Marker ausgeben

Geben Sie den Objekt-Marker im Objekttemplate aus.

06

Objektseite prüfen

Prüfen Sie die öffentliche Objektseite.

07

Test durchführen

Führen Sie eine Test-Anforderung durch.

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

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

Blueprint öffnen

Öffnen Sie im Statamic Control Panel den Blueprint der Immobilien-Collection.

02

Feld anlegen

Legen Sie ein Feld für den immoSoR-Widget-Schlüssel oder Marker an.

03

Mastercode im Layout setzen

Fügen Sie den Mastercode im globalen Antlers-Layout ein.

04

Entry bearbeiten

Öffnen Sie den konkreten Immobilien-Entry und tragen Sie den Wert ein.

05

Template-Ausgabe ergänzen

Geben Sie den Marker im Entry-Template aus.

06

Static Cache leeren

Leeren Sie Static Cache, Stache und ggf. CDN.

07

Test-Anfrage prüfen

Öffnen Sie die öffentliche URL und kontrollieren Sie immoSoR.

Modulcode · Statamic

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.

Statamic: Mastercode im Antlers-Layout

Einmalig im globalen Layout.

Statamic: Entry-Template

Widget-Schlüssel aus Blueprint-Feld ausgeben.

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

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

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

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 Statamic

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 Statamic

Mastercode: im Hauptlayout oder in einem globalen Template-Part. Objekt-Marker: über ein Blueprint-Feld am Objekt-Entry und dessen Ausgabe im Objekt-Template. Fallback: iframe-Fallback als Blueprint-Feld oder Template-Ausgabe.

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

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.