Divi Builder ist ein visueller WordPress-Page-Builder von Elegant Themes – er gestaltet die gesamte Website per Drag-and-Drop, ganz ohne Code: Seiten, Header, Footer, WooCommerce-Shop. Er funktioniert als Theme oder als eigenständiges Plugin auf einem beliebigen Theme, und in Divi 5 wurde die Engine auf eine React-Architektur mit nativem CSS Flexbox und Grid umgeschrieben.
Visuelle Live-Bearbeitung, Theme Builder und dynamische Inhalte
Divi Builder gestaltet Seiten visuell per Drag-and-Drop – direkt in der Seitenvorschau (On-Canvas-Bearbeitung) oder im Wireframe-Modus, wenn es praktischer ist, nur an der Struktur zu arbeiten. Divi Theme Builder erweitert diese Kontrolle auf globale Header, Footer sowie Vorlagen für Beiträge, Archive und WooCommerce-Seiten. Das System für dynamische Inhalte spielt Daten aus der WordPress-Datenbank, darunter ACF-Felder, in die Module ein.
Live-Bearbeitung im Frontend und Wireframe-Modus
Der visuelle Editor arbeitet im Frontend der Seite – ein Element wird genau dorthin gezogen und platziert, wo es später tatsächlich erscheint. Änderungen sind sofort sichtbar, ohne Neuladen. Der Wireframe-Modus (Wireframe Mode) zeigt nur die Hierarchie von Sektionen, Zeilen und Modulen, was umfangreiche Layouts übersichtlicher macht.
Der Editor unterstützt außerdem die Auswahl und Bearbeitung mehrerer Elemente gleichzeitig – Multi-Select und Bulk Editing. Wiederkehrende Stilkorrekturen erfordern dann kein einzelnes Anklicken jedes Elements mehr.
Theme Builder – Header, Footer und Beitragsvorlagen
Divi Theme Builder erstellt visuell den globalen Header, den Footer sowie Vorlagen für Seiten, einzelne Beiträge, Archive und den Shop. Jede Vorlage wird bedingt einem gewählten Bereich der Website zugewiesen – ein eigenes Layout für Beiträge einer Kategorie, ein anderes für die Produktseite.
Dynamische Inhalte, Loop Builder und Display Conditions
Dynamische Inhalte holen Daten live aus der WordPress-Datenbank – Beitragstitel, benutzerdefinierte Felder (einschließlich ACF), Benutzerdaten – und fügen sie in die Module ein. Eine einzige Vorlage bedient dann Hunderte Beiträge. Loop Builder erstellt eigene Schleifen für Beiträge, Taxonomie-Begriffe und Benutzer, also individuelle Listen für Blog, Katalog oder Portfolio.
Display Conditions blenden Elemente bedingt ein oder aus – nach Benutzerrolle, Gerätetyp, Datums- und Uhrzeitbereich oder Warenkorbstatus.
Was Divi 5 verändert – Flexbox, Grid und die neu geschriebene Engine
Divi 5 ist eine von Grund auf neu geschriebene Engine für Divi Builder – die Produktivversion erschien am 26. Februar 2026. Sie basiert auf einer React-Architektur und verabschiedet sich vom Shortcode-System zugunsten strukturierter Daten. Sie bringt natives CSS Flexbox und Grid, sieben konfigurierbare Breakpoints, verschachtelte Zeilen, klassenbasierte Presets sowie globale Variablen für Farben, Schriften und Größen mit.
CSS Flexbox und Grid ohne Code zu schreiben
Natives Flexbox und Grid geben volle Kontrolle über Richtung, Umbruch, Abstände, Reihenfolge und Positionierung der Elemente – auf jedem der sieben Breakpoints, ohne Workarounds und ohne manuelles CSS. Verschachtelte Zeilen (Nested Rows) und Modulgruppen bauen komplexe Layouts Zeile in Zeile auf, wobei weniger Code generiert wird.
Design-System – Presets, globale Variablen und Breakpoints
Klassenbasierte Presets speichern wiederverwendbare Stile – eine einzige Änderung am Preset aktualisiert das Aussehen überall dort, wo er angewendet wurde. Globale Variablen speichern Farben, Größen, Schriften, Bilder und Textstrings, bereit zum Einfügen in jedes beliebige Einstellungsfeld. Die Wertefelder selbst unterstützen CSS-Einheiten, Variablen und mathematische Funktionen (Advanced Units).
Sieben vordefinierte Breakpoints entsprechen Gerätetypen, wobei sich die Breite jedes einzelnen an das konkrete Projekt anpassen lässt.
Inspector und die neue Builder-Oberfläche
Der Inspector ist ein von Figma inspiriertes Werkzeug. Nach der Auswahl eines Elements fasst er dessen wichtigste Attribute sowie die der untergeordneten Elemente zusammen, sodass sich Farben, Schriften, Größen, Inhalte und Presets gebündelt an mehreren Stellen gleichzeitig ändern lassen. Die Oberfläche von Divi 5 ergänzt dies um mehrteiliges Panel-Docking, ein Ebenen-Panel, Container-Breadcrumbs sowie eine Suche und Filter für die Einstellungen. Canvases bieten separate Arbeitsbereiche für Menüs, Popups und Experimente außerhalb des Hauptinhalts.
Über 200 Module, fertige Layouts und Divi AI
Divi Builder enthält über 200 Elemente und Module – von Buttons, Formularen und Slidern bis hin zu Accordion, Portfolio und dem E-Mail-Opt-in-Modul – dazu über 2600 fertige Layouts, gruppiert in branchenspezifische Pakete. Divi AI generiert Layouts, Texte, Bilder und CSS-Code direkt im Builder, und Quick Sites stellt komplette Websites aus Starter-Paketen zusammen.
Module und die Bibliothek fertiger Layouts
Jedes Modul – von Blurb und Call to Action über Countdown Timer bis zu Galerie und Code-Modul – bietet Hunderte Gestaltungsoptionen. Dasselbe Element sieht dadurch in jedem Projekt anders aus. Über 2600 fertige Layouts (Layout Packs) sind integrierte Seitenvorlagen für verschiedene Branchen, und die Library speichert, kategorisiert, exportiert und importiert eigene Layouts sowie Elemente zur Wiederverwendung.
Das Code-Modul fügt eigenen HTML-, CSS- und JavaScript-Code zu einer Seite oder einem Element hinzu – mit Syntax-Highlighting und Autovervollständigung.
Divi AI und Quick Sites
Divi AI generiert direkt im Builder ganze Layouts, Texte, Bilder sowie CSS-Code, wobei das Code-Modell auf Divi-Modulen trainiert wurde. Quick Sites stellt eine komplette Website – eine Reihe von Seiten, globale Stile, dynamische Vorlagen, Inhalte und Bilder – mit einem einzigen Klick oder auf Basis eines Starter-Pakets zusammen. Das verkürzt die Phase des Seitengerüst-Aufbaus.
WooCommerce-Shops mit Divi gestalten
Divi Builder stellt über 25 native WooCommerce-Module zur Gestaltung von Produktseiten, Warenkorb, Kasse und Shop bereit – Galerie, Beschreibung, den Button „In den Warenkorb”, Bewertungen, Upsell und Cross-Sell. In Kombination mit dem Theme Builder und dynamischen Inhalten entsteht so eine eigene Produktseiten-Vorlage ohne zusätzliche Layout-Plugins.
Module für Produktseite, Warenkorb und Kasse
Das Set der Woo-Module umfasst Galerie und Produktbilder, Beschreibung, Metadaten, Bewertung und Rezensionen, Lagerbestand, Tabs sowie Module für Warenkorb und Kasse – Rechnungsdaten, Zahlung, Versand. Jedes Element der Shopseite wird einzeln platziert und gestaltet, und dynamische Woo-Inhalte lassen sich auch in andere Module einbinden.
Eigene Shop-Vorlage im Theme Builder
Im Theme Builder entsteht eine einzige globale Vorlage für die Produktseite – dynamische Inhalte aus den Produktfeldern bedienen dann automatisch den gesamten Katalog.
Integrationen mit SEO, Formularen und Mehrsprachigkeit
Divi Builder arbeitet mit den meisten WordPress-Plugins zusammen, darunter fertige Integrationen mit Rank Math (SEO-Verwaltung direkt im Visual Builder), ACF (dynamische Inhalte) sowie WPML und TranslatePress (Mehrsprachigkeit). Das Opt-in-Modul verbindet sich mit 20 E-Mail-Marketing-Anbietern – MailChimp, GetResponse, ActiveCampaign, Brevo – und Formulare unterstützen WPForms, Gravity Forms und Contact Form 7.
SEO, ACF-Felder und dynamische Inhalte
Rank Math integriert sich in den Visual Builder, sodass sich Titel, Beschreibungen und die SEO-Analyse festlegen lassen, ohne den Seiteneditor zu verlassen. Advanced Custom Fields bindet sich an das System für dynamische Inhalte von Divi an und zeigt benutzerdefinierte Felder in jedem beliebigen Modul an – vom Header bis zur Galerie.
Mehrsprachigkeit – WPML, Polylang und TranslatePress
Divi verfügt über offizielle, unterstützte Integrationen mit WPML sowie TranslatePress, das Inhalte per Point-and-Click direkt in der Seitenvorschau übersetzt. Es funktioniert auch mit Polylang, wobei die Community bei umfangreichen Theme-Builder-Vorlagen häufiger WPML empfiehlt.
E-Mail-Marketing, Formulare und Divi Marketplace
Das Opt-in-Modul verbindet sich mit 20 Mailing-Systemen – MailChimp, GetResponse, ActiveCampaign, ConvertKit, MailerLite, Brevo – und Kontaktformulare unterstützen WPForms, Gravity Forms und Contact Form 7. Der Divi Marketplace bietet zusätzlich über 250 kommerzielle Erweiterungen, Child Themes und Layouts, und die offene Module API gibt Entwicklern Werkzeuge zum Bau eigener Module an die Hand.
Divi als Theme oder als eigenständiges Divi-Builder-Plugin
Divi Builder gibt es in zwei Varianten auf Basis derselben Engine: eingebaut in das Theme Divi, das ein komplettes Framework für die gesamte Website bildet, oder als eigenständiges Plugin auf einem beliebigen, korrekt programmierten WordPress-Theme (bestätigt durch Tests mit Genesis und Twenty Twenty-Two). Bei der eigenständigen Plugin-Variante funktionieren Layouts in voller Breite nur dann, wenn das Theme eine Full-Width-Vorlage bereitstellt.
Wann das Theme wählen, wann nur das Plugin
Das Theme Divi eignet sich dort, wo der Builder die gesamte Website steuert – Header, Footer, Vorlagen und Inhalte – ohne eine zusätzliche Theme-Schicht darunter. Das eigenständige Plugin Divi Builder passt dann, wenn das Projekt bei einem bestehenden, schlanken Theme bleibt und in Divi nur ausgewählte Seiten entstehen.
Divi zu einem bestehenden Theme hinzufügen
Das Plugin Divi Builder wird zusätzlich zum aktiven Theme installiert, und in Gutenberg fügt der Block Divi Layout Block fertige Layouts ein – beide Editoren lassen sich auf derselben Seite mischen. Die einzige praktische Einschränkung: Layouts in voller Breite füllen das Browserfenster nur dann aus, wenn das fremde Theme eine Full-Width-Vorlage bereitstellt.
Für wen sich Divi Builder am besten eignet
Divi Builder eignet sich am besten für Freelancer und Agenturen, die viele Kundenwebsites erstellen, für Kleinunternehmer ohne Programmierkenntnisse sowie für WooCommerce-Shops, die ihr Erscheinungsbild vollständig selbst gestalten möchten. Bei einfachen Blog- oder Visitenkarten-Websites oder Projekten, die auf ein maximal schlankes, natives WordPress setzen, ist Gutenberg oder Bricks manchmal die leichtere Alternative.
Für wen sich Divi Builder am besten eignet:
- Freelancer und Agenturen, die viele Kundenwebsites erstellen – eine einzige Engine deckt Theme, Layout, Vorlagen und Shop ab.
- Kleinunternehmer und Website-Ersteller ohne Programmierkenntnisse, denen fertige Layouts, Quick Sites und Divi AI genügen.
- WooCommerce-Shops, die Produktseite, Warenkorb und Kasse ohne zusätzliche Layout-Plugins gestalten möchten.
- Anwender, die mehrere Einzel-Plugins – Typografie, Slider, Opt-ins, Formulare – durch ein einziges Werkzeug ersetzen.
- Nutzer, die an ihrem eigenen Theme festhalten und die Divi-Engine über das eigenständige Plugin ergänzen.
Agenturen, Freelancer und Workflows für viele Websites
Bei vielen Projekten pro Jahr spart Wiederholbarkeit Zeit: Start mit einem fertigen Layout Pack oder einer AI Quick Site, globale Stile, Theme Builder für Header und Footer. Divi Cloud speichert Layouts, Vorlagen und Snippets in der Cloud, verfügbar auf jeder neuen Website, und Divi Teams bindet Teammitglieder oder Kunden in das Projekt ein. Divi Dash verwaltet Updates und Plugins mehrerer Websites von einem einzigen Dashboard aus.
WooCommerce-Shops und Website-Ersteller ohne Code
Für den Shop verbindet Divi die Woo-Module mit einer eigenen Produktseiten-Vorlage und dynamischen Inhalten aus den Produktfeldern – das gesamte Erscheinungsbild wird visuell gestaltet. Anwender ohne CSS- und HTML-Kenntnisse bauen ihre Website auf Basis von über 2600 fertigen Layouts sowie dem Quick-Sites-Generator auf, wobei Divi AI Texte und Bilder ergänzt.
Für wen Divi nicht die beste Wahl ist
Für wen Divi Builder nicht die beste Wahl ist:
- „Performance-first”-Projekte auf einem maximal schlanken, nativen WordPress – dieser Philosophie stehen Gutenberg oder Bricks näher.
- Websites, die tatsächlich Theme oder Builder wechseln werden – der historische Shortcode-Lock-in von Divi 4 erschwerte die Migration (Divi 5 verabschiedet sich vom Shortcode zugunsten strukturierter Daten).
- Einfache Blogs und Visitenkarten-Websites ohne Bedarf an anspruchsvollem Design, denen das leichtere, kostenlose Gutenberg genügt.
Technische Anforderungen und Kompatibilität
Divi Builder benötigt eine aktuelle stabile WordPress-Version sowie mindestens PHP 7.4 (offizielles Minimum des Herstellers), empfohlen wird PHP 8.1 oder neuer sowie ein PHP-Speicherlimit ab 128 MB – für die anspruchsvollere Oberfläche von Divi 5 ist jedoch ein Richtwert von 256 MB sinnvoller. Die Oberfläche wurde in 32 Sprachen übersetzt, darunter Polnisch, mit RTL-Unterstützung und nativer Integration mit WooCommerce, WPML sowie dem Gutenberg-Editor.
WordPress, PHP und Serverparameter
Die offizielle Anforderungsliste des Herstellers nennt PHP 7.4 und 128 MB Speicher als Minimum – das sind Werte aus der Divi-4-Ära. Für die neue, auf React basierende Oberfläche von Divi 5 ist es sicherer, eine neuere PHP-Version und 256 MB Speicher anzusetzen, auch wenn das harte Minimum unverändert bleibt.
| Parameter | Wert |
|---|---|
| Version | 4.27.8 |
| WordPress-Version | aktuelle stabile Version (min. 5.3; bei PHP 8.x empfohlen 5.6+) |
| PHP-Version | 7.4 oder neuer (empfohlen 8.1+) |
| PHP-Speicher (memory_limit) | 128 MB (empfohlen 256 MB für Divi 5) |
| post_max_size | 64 MB |
| upload_max_filesize | 64 MB |
| max_execution_time | 120 |
| Datenbank | MySQL 5.7 oder neuer / MariaDB 10.2 oder neuer |
| Block-Editor Gutenberg | kompatibel (Divi Layout Block) |
| WooCommerce | native Integration (über 25 Module) |
| Mehrsprachigkeit | WPML, TranslatePress, Polylang |
| Oberflächensprache und RTL | 32 Sprachen, darunter Polnisch; RTL-Unterstützung |
Kompatibilität mit Gutenberg, Themes und Sprachen
Divi ist mit dem Gutenberg-Editor kompatibel – der Block Divi Layout Block fügt Divi-Layouts und -Module innerhalb einer im Block-Editor erstellten Seite ein, und die Architektur von Divi 5 nähert sich Gutenberg und dem Site Editor an. Das eigenständige Plugin Divi Builder funktioniert mit jedem gut programmierten Theme, und die Builder-Oberfläche unterstützt 32 Sprachen, darunter Polnisch, sowie RTL-Layouts.
Häufig gestellte Fragen
Kann ich Divi Builder allein mit einem anderen Theme verwenden?
Ja, das eigenständige Plugin Divi Builder funktioniert auf jedem korrekt programmierten WordPress-Theme – das bestätigen Tests mit Genesis und Twenty Twenty-Two. Es liefert dieselbe Engine wie das Theme Divi, sodass dieselben Module und dasselbe Design-System zur Verfügung stehen. Der Rest des Themes bleibt aktiv, und in Divi werden nur ausgewählte Seiten gestaltet. Die einzige praktische Einschränkung betrifft Layouts in voller Breite – sie füllen das Fenster nur dann aus, wenn das Theme eine Full-Width-Vorlage bereitstellt.
Welches Übersetzungs-Plugin sollte ich mit Divi verwenden?
Divi Builder verfügt über offizielle Integrationen mit WPML und TranslatePress – Letzteres übersetzt Inhalte per Point-and-Click direkt in der Seitenvorschau. Es funktioniert auch mit Polylang, wobei in der Community immer wieder zu hören ist, dass Polylang mit den Vorlagen des Divi Theme Builders schlechter zurechtkommt. Bei umfangreichen, globalen Vorlagen fällt die Empfehlung häufiger auf WPML. Die Wahl hängt vom Umfang des Projekts und der Anzahl der zu übersetzenden globalen Vorlagen ab.
Verlangsamt Divi die Website?
Der Einfluss von Divi Builder auf die Geschwindigkeit der Website hängt vor allem vom Hosting, der Optimierung und der Anzahl installierter Plugins ab, nicht allein vom Builder selbst. Komplexe Seiten waren in Divi 4 mitunter schwerer, weshalb Divi 5 im Hinblick auf Performance neu geschrieben wurde – mit kleinerem JavaScript-Footprint, bedarfsgesteuertem Laden von Bibliotheken sowie automatischem Critical CSS und Dynamic Assets. Die Builder-Schicht über WordPress besteht weiterhin, daher bleiben gutes Hosting und Caching wichtig.
Kann ich Divi zusammen mit Gutenberg verwenden?
Ja, Divi Builder arbeitet dank des Blocks Divi Layout Block mit dem Gutenberg-Editor zusammen – er fügt Divi-Layouts und -Module innerhalb einer im Block-Editor erstellten Seite ein, sodass beide Editoren auf derselben Seite laufen können. Die grundlegende Arbeitsweise von Divi bleibt jedoch der Visual Builder, der die Seite live bearbeitet. Die Architektur von Divi 5 nähert sich zudem Gutenberg und dem Site Editor an, was die Kombination beider Ansätze erleichtert.
Funktioniert Divi mit PHP 8.3?
Das offizielle Minimum für Divi Builder ist PHP 7.4, und der Hersteller empfiehlt Version 8.0 oder neuer, sodass PHP 8.3 innerhalb der unterstützten Versionen liegt. Im Kontext des Jahres 2026 empfiehlt WordPress.org ohnehin PHP 8.3 und neuer als Standard. Für die anspruchsvollere Oberfläche von Divi 5 ist es sinnvoll, eine neuere PHP-Version mit einem Speicher von etwa 256 MB zu kombinieren, auch wenn die offizielle Liste weiterhin 128 MB als Minimum nennt.
Lohnt sich der Wechsel von Elementor zu Divi?
Divi Builder und Elementor sind zwei eigenständige Page Builder, daher bedeutet ein Wechsel den Neuaufbau der Seiten – Inhalte, die in einem Builder erstellt wurden, übertragen sich nicht automatisch in den anderen. Divi zeichnet sich durch das Modell aus Theme und Builder in einem Ökosystem aus, mit Theme Builder, Divi Cloud und Divi AI; Elementor ist ein Plugin mit separater kostenloser und Pro-Version. Die Wahl hängt von der bevorzugten Oberfläche ab und davon, ob ein komplettes Website-Framework benötigt wird oder ein schlankes Plugin für ein bestehendes Theme.
Bewertungen
Es gibt noch keine Bewertungen.