Du willst eine Website mit Divi erstellen und fragst dich, wo du anfangen sollst? Gute Frage, denn Divi ist zweierlei: ein WordPress-Theme und ein visueller Website-Builder, mit dem du Seiten per Ziehen und Klicken baust. Damit kannst du fast alles gestalten. Genau deshalb verliert man sich am Anfang leicht in Details, bevor das Fundament steht.
Die gute Nachricht: Eine Divi-Website erstellen ist kein Hexenwerk, wenn du die Schritte in der richtigen Reihenfolge gehst. Diese Anleitung bringt dich vom Hosting bis zum Livegang. Jeder Schritt bleibt kurz und verweist auf die ausführliche Anleitung hier auf der Seite. Als roter Faden dient der offizielle Divi-5-Kurs von Elegant Themes. Stand: November 2026, Divi 5.
Der Fahrplan auf einen Blick:
- Lizenz besorgen und Hosting mit passenden PHP-Werten wählen
- WordPress und Divi installieren
- Grundlage wählen: Starter-Site, Layout-Paket oder leeres Blatt
- Farben und Schriften global festlegen
- Header und Footer im Theme Builder bauen
- Seiten bauen
- Handy-Ansicht prüfen
- Impressum und Datenschutzerklärung anlegen
- SEO-Plugin und Cache einrichten
- Livegang
Lizenz und Hosting: das Fundament
Divi gibt es nicht im WordPress-Verzeichnis, du brauchst eine Mitgliedschaft bei Elegant Themes. Die kostet 89 US-Dollar im Jahr oder einmalig 249 US-Dollar für den Lifetime-Zugang, jeweils für unbegrenzt viele Websites und mit 30 Tagen Geld-zurück-Garantie. Was in welcher Variante steckt, steht in Divi Kosten. Die Lizenz bekommst du direkt bei Elegant Themes (Werbung).
Beim Hosting kommt es auf ein paar Werte an. Ist der Tarif zu knapp, hängt später der Visual Builder. Das empfehlen WordPress und Elegant Themes:
| Wert | WordPress | Divi |
|---|
| PHP-Version | 8.3 oder neuer | 8.2 bis 8.5 |
| Datenbank | MySQL 8.0 oder MariaDB 10.11 (oder neuer) | MySQL 8.0 oder MariaDB 10.11 (oder neuer) |
| Speicherlimit (memory_limit) | keine Angabe | 128 MB, mit vielen Plugins 256 MB |
| max_execution_time | keine Angabe | 120 Sekunden |
| max_input_vars | keine Angabe | 1000 |
| Verschlüsselung | HTTPS | HTTPS |
Die Divi-Werte stammen aus den Hosting-Anforderungen von Elegant Themes, die WordPress-Werte von wordpress.org. Nimm also PHP 8.3, 8.4 oder 8.5, dann passt beides. Für Besucher aus Deutschland kommen Serverstandort und Vertrag zur Auftragsverarbeitung dazu, vier Anbieter vergleicht der Artikel Hosting für Divi.
Und noch ein Tipp aus dem offiziellen Kurs: Sammle Logo, Texte und Bilder, bevor du den Builder öffnest. Mit echten Inhalten vor Augen fallen Gestaltungsentscheidungen leichter als mit Platzhaltern.
WordPress und Divi installieren
WordPress richten die meisten Hoster mit einem Klick ein. Stell danach gleich unter Einstellungen → Permalinks die Struktur „Beitragsname“ ein, das empfiehlt auch Elegant Themes. Dann bekommen deine Seiten lesbare Adressen wie /kontakt/.
Divi lädst du als ZIP-Datei aus deinem Konto bei Elegant Themes und installierst sie unter Design → Themes → „Theme hinzufügen“ → „Theme hochladen“. Nach dem Aktivieren verbindest du die Lizenz, entweder über den Anmeldeknopf auf der Willkommensseite oder mit Benutzername und API-Schlüssel unter Divi → Theme-Optionen, Reiter „Updates“. Ohne verbundene Lizenz gibt es keine Updates und keine fertigen Layouts. Jeden Klick zeigt die Anleitung Divi installieren.
Seit Februar 2026 ist Divi 5 die aktuelle Version, alles hier bezieht sich darauf. Was sich gegenüber Divi 4 geändert hat, steht in Divi 5: Was neu ist. Ein Child Theme brauchst du übrigens nur, wenn du eigenen PHP-Code einbauen willst, für CSS reichen die Theme-Optionen (Divi Child Theme).
Starter-Site, Layout-Paket oder leeres Blatt?
Jetzt kommt die wichtigste Entscheidung für dein Tempo. Du hast drei Wege.
Divi Quick Sites
Unter Divi → Dashboard findest du Divi Quick Sites, den eingebauten Website-Generator. Wählst du dort eine fertige Starter-Site, legt Divi laut Hilfe Seiten, Menüs, Theme-Builder-Vorlagen und globale Stile an und übernimmt Schriften, Farben und Presets. Alternativ lässt du die ganze Seite von der KI erzeugen, das gehört zu Divi AI.
Laut Elegant Themes ist das der schnellste Weg zu einer kompletten Website. Der Hersteller warnt aber, dass Quick Sites Startseite, Menüs und Theme-Builder-Vorlagen ändern kann. Auf einer Seite mit Inhalten machst du deshalb vorher ein Backup. Auf einer frischen Installation ist es egal.
Layout-Pakete
Elegant Themes bietet 370 Layout-Pakete mit 2.694 Layouts, die in der Mitgliedschaft enthalten sind. Ein Paket ist ein Satz zusammenpassender Seiten, etwa Startseite, Über uns und Kontakt. Du legst eine Seite an, öffnest den Builder und lädst über das blaue Plus in der linken Leiste („Layout einfügen“) → „Vorgefertigtes Layout“ eine Vorlage. Pro Seite passt ein Layout. Nimm alle Seiten aus demselben Paket, dann wirkt die Website wie aus einem Guss. Wenn Divi anbietet, die Presets zu importieren, sag ja.
Wo es noch Vorlagen gibt, steht in Divi Templates und Layouts. Wie du eigene Layouts speicherst und wiederverwendest, zeigt Divi-Layouts verwalten.
Leeres Blatt
Du hast ein fertiges Design oder willst jedes Detail selbst bestimmen? Dann startest du leer. Das dauert am längsten, und gerade dann lohnt der nächste Schritt doppelt.
Meine Empfehlung: Zum ersten Mal mit Divi unterwegs? Nimm eine Starter-Site oder ein Layout-Paket und tausch Texte, Bilder und Farben aus. So lernst du nebenbei, wie gute Divi-Seiten aufgebaut sind.
Farben und Schriften einmal global festlegen
Bevor du die erste Seite gestaltest, legst du deine Markenfarben und Schriften fest. In Divi 5 passiert das im Variablenmanager, den du in der linken Leiste des Visual Builders öffnest. Dort gibt es Gruppen für Farben, Schriftarten, Verläufe, Bilder, Links, Zahlen und Text.
Der Trick: Du gibst deiner Hauptfarbe einmal einen Namen und einen Wert und verwendest dann überall nur noch die Variable. Will der Kunde später ein anderes Blau, änderst du es an einer Stelle, und die ganze Website zieht mit. Laut Kurs bringt Divi schon Variablen für Primär- und Sekundärfarbe, Überschriften-, Text- und Linkfarbe mit, die du nur noch anpasst. Für Schriften legst du je eine für Überschriften und Fließtext an.
Schritt für Schritt steht das in Globale Farben in Divi 5. Eigene Schriftdateien lädst du so hoch wie in Eigene Schriftart in Divi 5 hochladen beschrieben. Das ist mehr als Geschmackssache: Divi lädt Google-Schriften ab Werk von Google-Servern, und das ist in Deutschland ein Datenschutzthema. Was du dagegen tust, steht in Divi und DSGVO.
Header und Footer im Theme Builder
Kopf- und Fußzeile baust du nicht auf jeder Seite neu, sondern einmal im Theme Builder. Unter Divi → Theme Builder steht die Karte „Standard-Website-Template“ mit „Globalen Header Hinzufügen“ und „Globalen Footer Hinzufügen“. Was du dort baust, erscheint auf allen Seiten.
Leg vorher unter Design → Menüs dein Hauptmenü an, denn das Menü-Modul im Header greift darauf zu. In den Footer gehören neben Kontaktdaten unbedingt die Links zu Impressum und Datenschutzerklärung. Die Anleitungen dazu:
Planst du einen Blog, lohnen sich später noch Vorlagen für Einzelbeiträge und eine eigene 404-Seite.
Seiten bauen
Für eine typische Unternehmens- oder Selbstständigen-Website brauchst du vier bis sechs Seiten: Startseite, Leistungen, Über mich, Kontakt, dazu Impressum und Datenschutzerklärung. Leg sie unter Seiten an, nicht als Beiträge. Damit die Startseite auch Startseite ist, wählst du unter Einstellungen → Lesen bei „Deine Homepage zeigt“ die Option „Eine statische Seite“ und dort deine Seite aus.
Jede Divi-Seite folgt demselben Aufbau: Sektion → Zeile → Spalte → Modul. Sektionen sind die großen Querstreifen, Zeilen teilen sie in Spalten, und in die Spalten kommen Module wie Text, Bild oder Button. Hast du das einmal verstanden, ist der Rest Übung. Diese Anleitungen brauchst du am häufigsten:
Insgesamt gibt es hier über 60 solcher Anleitungen, die meisten mit Screenshots aus der deutschen Oberfläche von Divi 5.
Die Handy-Ansicht prüfen
Auf dem Handy sieht ein Layout oft ganz anders aus als am Rechner. Prüf deshalb jede Seite in der mobilen Ansicht, bevor du sie veröffentlichst. Im Visual Builder sitzen dafür oben in der Mitte drei Symbole: Desktop, Tablet und Telefon. Divi 5 kennt insgesamt bis zu sieben anpassbare Breakpoints, die zusätzlichen schaltest du bei Bedarf über das Menü mit den drei Punkten in derselben Leiste zu.
Der offizielle Kurs empfiehlt die Reihenfolge Desktop → Tablet → Telefon. Werte, die nur auf dem Handy anders sein sollen, stellst du in der jeweiligen Ansicht ein. Divi speichert sie getrennt vom Desktop-Wert. Der Klassiker unter den Stolperfallen: Spalten mit fester Prozentbreite bleiben auf dem Handy schmal. Wie du das löst, steht in Spaltenbreite in Divi 5 ändern.
Und schau dir das Ergebnis zum Schluss auf einem echten Handy an, nicht nur in der Vorschau. Das rät auch Elegant Themes.
Impressum und Datenschutzerklärung
In Deutschland brauchen viele Websites ein Impressum. Vorab: Das hier ist keine Rechtsberatung, sondern ein Überblick.
Die Pflicht steht in § 5 DDG. Sie gilt für „geschäftsmäßige, in der Regel gegen Entgelt angebotene digitale Dienste“. Wer mit seiner Website Leistungen oder Produkte anbietet, sollte davon ausgehen, dass sie ihn betrifft. Dazu gehören unter anderem Name und Anschrift, eine schnelle elektronische Kontaktmöglichkeit samt E-Mail-Adresse und, falls vorhanden, Register und Registernummer. Das Impressum muss leicht erkennbar, unmittelbar erreichbar und ständig verfügbar sein. Ein Link im Footer jeder Seite ist der übliche Weg.
Für die Datenschutzerklärung gilt Art. 13 DSGVO: Du informierst darüber, welche Daten deine Seite verarbeitet, wozu und an wen sie gehen. WordPress hilft beim Start. Unter Einstellungen → Datenschutz legst du mit „Erstellen“ eine Seite mit Hinweisen an oder wählst eine vorhandene aus. Laut wordpress.org bist du aber selbst dafür verantwortlich, dass der Inhalt stimmt. Nenn darin alle Dienste, die deine Seite nutzt, von Schriften über Karten bis zum Kontaktformular. Welche das bei Divi sind, steht in Divi und DSGVO.
Meine Empfehlung: Verdienst du mit der Seite Geld, lass beide Texte einmal von jemandem prüfen, der das beruflich macht.
SEO-Plugin und Cache
Divi hat in den Theme-Optionen einen eigenen Reiter „SEO“ für Titel und Beschreibungen. Für mehr Kontrolle nimmst du ein SEO-Plugin. Yoast SEO läuft auf über 10 Millionen Seiten, Rank Math auf über 4 Millionen. Beide erzeugen eine XML-Sitemap und lassen dich für jede Seite Titel und Beschreibung festlegen. Elegant Themes rät: Nutzt du ein solches Plugin, lass die SEO-Einstellungen von Divi ausgeschaltet, sonst stehen Angaben doppelt im Quelltext.
Beim Tempo bringt Divi schon viel mit. In den Theme-Optionen unter Allgemein → Performance stecken Funktionen, die nur laden, was eine Seite braucht. Elegant Themes empfiehlt Einsteigern, dort die Standardwerte zu lassen. Ein Cache-Plugin kommt obendrauf, laut Hersteller machen bekannte Cache-Plugins mit Divi in der Regel keine Probleme. Kostenlos sind zum Beispiel WP Super Cache oder Cache Enabler, das auch auf dieser Seite läuft. Frag vorher, ob dein Hoster schon einen eigenen Cache hat. Zwei Caches übereinander machen mehr Ärger als Tempo.
Noch zwei Handgriffe: Verkleinere Bilder auf die Größe, in der sie angezeigt werden, und nutze für Fotos das Format WebP. Und sieht die Live-Seite nach einer Änderung alt aus, klick in den Theme-Optionen oben rechts auf „CSS-Cache leeren“.
Livegang: die letzte Runde
Bevor du die Seite offiziell startest, gehst du diese Liste durch. Sie folgt dem letzten Teil des offiziellen Kurses von Elegant Themes:
- Prüfen, dass die Seite über HTTPS lädt, und sichere Passwörter setzen.
- Ein komplettes Backup anlegen.
- Unter Einstellungen → Lesen den Haken bei „Suchmaschinen davon abraten, diese Website zu indexieren“ entfernen. Laut Elegant Themes einer der am häufigsten vergessenen Schritte, gerade beim Umzug von einer Testumgebung.
- Kontrollieren, dass alle Seiten und Theme-Builder-Vorlagen veröffentlicht und zugewiesen sind.
- Unter Einstellungen → Permalinks einmal „Änderungen speichern“ klicken. Das frischt die Adressregeln auf.
- Alle Caches leeren: Divi-CSS-Cache, Cache-Plugin, Server, CDN und Browser.
- Die Seite in einem privaten Fenster und abgemeldet testen: jeden Link anklicken, jedes Formular abschicken, auf dem Handy durchscrollen.
- Die Sitemap in der Google Search Console einreichen.
- In den ersten 24 bis 48 Stunden Formulare, Statistik und Search Console im Blick behalten.
Klemmt irgendwo etwas, etwa weil der Builder nicht lädt oder das Formular keine Mails verschickt, hilft Divi-Fehler beheben weiter. Und wer Divi gründlicher lernen will, findet Kurse und kostenlose Wege in Divi lernen.
Häufige Fragen
Was ist der Divi Website Builder oder Site Builder?
Gemeint ist meist Divi selbst: ein WordPress-Theme mit eingebautem visuellem Builder und Theme Builder. Der eigentliche Website-Generator in Divi heißt Divi Quick Sites und erzeugt aus einer Starter-Site oder per KI eine komplette Website.
Brauche ich Programmierkenntnisse?
Nein. Layout, Farben und Schriften stellst du visuell ein. CSS ist optional, wenn du einmal etwas brauchst, das die Einstellungen nicht hergeben.
Was kostet eine Website mit Divi?
Die Divi-Lizenz kostet 89 US-Dollar im Jahr oder 249 US-Dollar einmalig. Dazu kommen Hosting und Domain. Ob es Divi auch gratis gibt, klärt Divi kostenlos.
Divi oder Elementor?
Beide sind gute Builder mit unterschiedlichen Stärken. Den ausführlichen Vergleich findest du in Divi oder Elementor.
Bereit für den ersten Schritt? Die Divi-Mitgliedschaft mit 30 Tagen Geld-zurück-Garantie gibt es bei Elegant Themes (Werbung).
