Zum Inhalt springen

Divi Theme Builder

WP-ImmoMakler stellt für den Divi Theme Builder eigene Divi-Module bereit, mit denen Sie die Immobilien-Detailseiten und Listenansichten vollständig im Divi Builder gestalten können.

Erstellen Sie individuelle Immobilien-Listenansichten als Body-Template im Divi Theme Builder. Nutzen Sie das 1-Klick-Modul für einen schnellen Start oder gestalten Sie Ihr eigenes Layout.

Auch die Detailansicht gestalten Sie vollständig mit dem Divi Theme Builder. Spezialisierte Module für Bildergalerien, Videos, 360-Grad-Touren, Datenblätter, Energieausweise, Kontaktdaten und Karten stehen bereit.

Welche Module Ihnen im Divi Builder angeboten werden, hängt von der aktiven Divi-Version ab. Unter Divi 5 sind fast alle Module native Divi-5-Module, unter Divi 4 die klassischen Divi-4-Module.

ModulBeschreibung
WP-ImmoMakler 1-Klick: ListenansichtKomplette Listenansicht mit dem WP-ImmoMakler HTML-Template
WP-ImmoMakler 1-Klick: DetailansichtKomplette Detailansicht mit dem WP-ImmoMakler HTML-Template
WP-ImmoMakler BildergalerieFotogalerie mit Swiper-Slider und Lightbox
WP-ImmoMakler BeschreibungstextFreitext-Beschreibungsfelder mit Formatierungsoptionen
WP-ImmoMakler KontaktdatenAngaben zur Kontaktperson als Definitionsliste
WP-ImmoMakler Eckdaten-BoxenEckdaten als responsives CSS-Grid. Unter Divi 4 heißt das Modul WP-ImmoMakler Daten-Kästen
WP-ImmoMakler EnergieausweisEnergieausweisdaten als Liste (Deutschland, Österreich, Spanien, Italien), unter Divi 4 mit der Energieausweis-Skala PLUS. Unter Divi 5 heißt das Modul WP-ImmoMakler Energieausweis Werte und zeigt die Skala mit der Option “Diagramm anzeigen”
WP-ImmoMakler LagekarteKarte mit der Lage der Immobilie
WP-ImmoMakler VideosEingebettete Videos
WP-ImmoMakler Virtueller Rundgang PLUS360-Grad-Touren als Vorschaubild mit Lightbox
WP-ImmoMakler Propstack Newsletter PLUSNewsletter-Anmeldung mit Propstack Double-Opt-In
WP-ImmoMakler WiderrufsbuttonButton zum Widerruf eines Vertrags
WP-ImmoMakler WiderrufsformularFormular zum Widerruf eines Vertrags mit automatischer Eingangsbestätigung
ModulBeschreibung
WP-ImmoMakler ImmobiliendatenAlle Immobiliendaten als Definitionsliste
WP-ImmoMakler Flächen-ListeFlächenangaben als Definitionsliste
WP-ImmoMakler Preise-ListePreisfelder als Definitionsliste
WP-ImmoMakler Eckdaten-Icon-ListeEckdaten als kompakte Icon-Liste
WP-ImmoMakler Fotogalerie Raster (veraltet)Jetzt das Static-Layout “Mosaik” der Bildergalerie; bestehende Instanzen werden weiterhin dargestellt
WP-ImmoMakler KontaktformularKontaktformular der Immobilie
WP-ImmoMakler Kontaktperson FotoFoto der Kontaktperson
WP-ImmoMakler Downloads und LinksDownloads und Links als Icon-Liste
WP-ImmoMakler Energieausweis Diagramm PLUSNur die grafische Energieausweis-Skala, ohne die Werte
WP-ImmoMakler Suchformular PLUSImmobilien-Suchformular mit Filtern
WP-ImmoMakler Karte Immobilien-Liste PLUSKarte mit den Immobilien der Listenansicht
WP-ImmoMakler Immobilien ErgebnislisteNur die Ergebnisliste, ohne Suchformular, Karte und Überschrift
WP-ImmoMakler OrtsangabePostleitzahl und Ort der Immobilie, etwa für die Karten eines Divi Loops
WP-ImmoMakler Ausstattung/MerkmaleAusstattungsmerkmale der Immobilie als Liste
WP-ImmoMakler PDF Exposé Button PLUSButton zum PDF-Exposé der Immobilie

Eine ausführliche Beschreibung aller Divi-5-Module finden Sie unter Divi 5: Einzelobjekt-Module.

ModulBeschreibung
WP-ImmoMakler ObjektdatenAuswählbare Datentabelle als Definitionsliste. Unter Divi 5 übernimmt das Modul WP-ImmoMakler Immobiliendaten diese Aufgabe; der Divi-5-Migrator wandelt bestehende Objektdaten-Module dorthin um

WP-ImmoMakler registriert Dynamic-Content-Felder für Divi 4 und Divi 5, die Sie in beliebigen Divi-Modulen verwenden können. Sie finden sie in der Auswahl der dynamischen Inhalte in der Gruppe WP-ImmoMakler. In einem Divi Loop zeigt jedes Feld die Daten der Immobilie des jeweiligen Eintrags.

FeldBeschreibung
ObjekttitelImmobilientitel aus der Maklersoftware
SubtitlePLZ, Ort, Objektart
PreisFormatierter Preis

Unter Divi 4 können Sie vor dem Text zusätzlich ein Icon einblenden. Divi 5 bietet in den Einstellungen dynamischer Inhalte keine Icon-Auswahl; setzen Sie das Icon dort mit einem eigenen Modul davor.

FeldBeschreibung
DreizeilerKurzbeschreibung
ObjektbeschreibungAusführliche Beschreibung
Ausstattung/BeschreibungAusstattungsbeschreibung
LageLagebeschreibung
Sonstige AngabenZusätzliche Informationen

Jedes Beschreibungsfeld bietet Optionen zur automatischen HTML-Bereinigung, URL-Verlinkung, Telefonnummern-Erkennung, Aufzählungszeichen-Konvertierung und typografischen Korrekturen.

FeldBeschreibung
Titelbild der ImmobilieBeitragsbild der Immobilie, nutzbar in Bild-Modulen und Hintergründen
FeldBeschreibung
Link zur ImmobilieAdresse der Detailseite der Immobilie, etwa um in einem Divi Loop die Überschrift eines Eintrags zu verlinken
Erster PDF-AnhangAdresse des ersten an der Immobilie hängenden PDFs
Erster PDF-Anhang mit “Grundriss” im Titel oder DateinamenAdresse des ersten PDF-Anhangs, dessen Titel oder Dateiname “Grundriss” enthält
Link zurück zur Listenansicht (auf die Karte der Immobilie)Für einen eigenen “Zur Übersicht”-Button: führt auf die Liste zurück, von der der Besucher gekommen ist, und scrollt dort zur Karte der Immobilie — auch mit Caching-Plugin

Das zweite Feld durchsucht Titel und Dateinamen der PDF-Anhänge nach “Grundriss” — Groß- und Kleinschreibung spielt keine Rolle, Schreibweisen wie “Grundrisse” oder “Grundriss_EG.pdf” werden ebenfalls erkannt. Hängen an einer Immobilie mehrere PDFs, etwa Exposé und Energieausweis, verlinken Sie damit gezielt den Grundriss.

Links, Buttons und die Bedienelemente der Bildergalerie von WP-ImmoMakler übernehmen die Farben Ihres Divi-Themes: Buttons und Galerie die Primärfarbe (Akzentfarbe), Links die Linkfarbe. Beide stellen Sie in den Divi-Theme-Optionen bzw. unter Divi 5 in den globalen Farben ein.

Das gilt, solange Sie im Customizer unter WP-ImmoMakler → Farben keine eigenen Farben aktiviert haben. Mit Farben anpassen legen Sie abweichende Farben nur für WP-ImmoMakler fest; diese haben dann immer Vorrang.

WP-ImmoMakler unterstützt beide Divi-Versionen und erkennt automatisch, welche aktiv ist. Unter Divi 5 stehen fast alle Module als native Divi-5-Module bereit; nur die drei oben unter “Nur unter Divi 4” genannten laufen dort im Kompatibilitätsmodus weiter. Eine Schritt-für-Schritt-Anleitung für Divi 5 finden Sie unter Divi 5: Archiv- und Single-Template erstellen; Details zum Umstieg unter Umstieg auf Divi 5.

Im Divi Visual Builder zeigen die WP-ImmoMakler-Module echte Immobiliendaten als Vorschau. Welche Immobilie dabei verwendet wird, legen Sie fest:

  • Global unter WP-ImmoMakler → Einstellungen → Theme Builder → Vorschau-Immobilie — gilt für alle Vorlagen, solange keine vorlagenspezifische Auswahl existiert.
  • Pro Vorlage (nur Divi 5): Im Visual Builder unter Seiteneinstellungen → Inhalt → Vorschau-Immobilie — durchsuchbares Auswahlfeld, überschreibt die globale Einstellung für genau diese Vorlage. Die Vorschau aller Module aktualisiert sich sofort ohne Speichern.

Divi 4 nutzt ausschließlich die globale Einstellung.