Versuchen Sie zwischen Divi und Elementor zu wählen?
Da dies zwei der beliebtesten Plugins für den WordPress-Seitenersteller sind, werden Sie in keiner Weise falsch liegen.
Es gibt jedoch definitiv einige wichtige Merkmale und Preisunterschiede zwischen Elementor und Divi, die dazu führen könnten, dass es in die eine oder andere Richtung geht.
Das werde ich versuchen, Ihnen in diesem Beitrag zu helfen. Ich werde zunächst auf die Funktionen eingehen, die zwischen Elementor und Divi weitgehend identisch sind. Dann werde ich das Gegenteil hervorheben und sehen, was anders ist.
Abschließend werde ich Leistung und Preis vergleichen, zwei weitere wichtige Überlegungen, die über die Funktionsliste hinausgehen.
Bereit zu starten? Beginnen wir mit dem Vergleich.
Divi vs Elementor: Was ist das gleiche?
Diese beiden Plugins für den Seitenersteller stehen ganz oben auf dem Spiel. Vergleichen wir zunächst, was beide gemeinsam haben. Natürlich gibt es hier und da immer noch kleinere Funktionsunterschiede, aber dies sind die Hauptfunktionen, die Sie erhalten, unabhängig davon, welches Plugin Sie auswählen.
Visuelle Drag-and-Drop-Schnittstellen
Beginnen wir mit der grundlegendsten Ebene: der Schnittstelle.
Sowohl Divi als auch Elementor bieten Ihnen visuelle Drag-and-Drop-Oberflächen für die Online-Bearbeitung.
Das heißt, Sie können Ihre Seite so gestalten, dass Sie genau sehen, was Ihre Besucher sehen, und Sie können den Text bearbeiten, indem Sie einfach auf die Seite klicken und sie eingeben.
Mit Divi erhalten Sie einen Editor in voller Breite ohne feste Divi-Oberflächenelemente, der über eine einzelne Schaltfläche unten hinausgeht und einige Optionen beim Klicken erweitert.
Zum Hinzufügen und Konfigurieren von Modulen verwenden Sie die schwebenden Schaltflächen, die angezeigt werden, wenn Sie den Mauszeiger über Ihr Design bewegen:
Unterschiedliche Farben stehen für unterschiedliche Modultypen.
Um einzelne Module zu konfigurieren, verwenden Sie das Konfigurations-Popup. Sie können die Größe des Popups ändern und es per Drag & Drop verschieben, was eine nette Funktion ist.
Elementor verwendet dagegen eine feste Seitenleiste auf der linken Seite, die immer sichtbar ist. Dies schafft kein so beeindruckendes Designerlebnis, aber ich persönlich finde es bequemer, mit einer festen Seitenleiste interagieren zu können, anstatt schwebende Schaltflächen zu verwenden, die für alles angezeigt und ausgeblendet werden (wie dies bei Divi der Fall ist):
Um ein Widget oder einen Abschnitt zu konfigurieren, können Sie darauf klicken, um seine Einstellungen in der Seitenleiste zu öffnen:
Welches ist besser? Nun, ich denke, das hängt wirklich von den persönlichen Vorlieben ab.
Persönlich bevorzuge ich die Elementor-Oberfläche und finde, dass ich damit Seiten schneller / einfacher erstellen kann. Ich finde auch, dass die Schnittstelle selbst im Vergleich zu Divi schneller und fehlerfrei ist. Dies ist jedoch nur meine Meinung, und ich kenne viele Leute, die Divi bevorzugen (was sich in seiner Beliebtheit zeigt).
Ich denke, Sie müssen wirklich nur beides ausprobieren, da es mir unmöglich ist, einen endgültigen Gewinner für etwas zu erklären, das subjektiv ist.
Detaillierte Stiloptionen
Sowohl Divi als auch Elementor sind zwei der besten WordPress-Plugins für den Seitenersteller, wenn es um die Design- und Stiloptionen geht, auf die Sie Zugriff haben.
Natürlich gibt es hier und da einige kleine Unterschiede. Insgesamt bieten beide jedoch mehr Stil- und Layoutoptionen als das durchschnittliche WordPress-Plugin für den Seitenersteller.
Ich bin mir nicht sicher, wie ich hier einen objektiven Vergleich anstellen soll, da es so viele kleine Merkmale gibt, die in "Stil und Design" einfließen. Einige der bemerkenswertesten Funktionen, die beide bieten, sind:
- Formteiler
- Benutzerdefinierter Abstand
- Benutzerdefinierte Positionierung für Module
- Animationseffekte wie Parallaxen-Scrollen
Responsive Layout-Konfiguration
Mit Divi und Elementor reagieren alle von Ihnen erstellten Layouts standardmäßig. Mit anderen Worten, Ihre Designs funktionieren automatisch auf Computern, Tablets und Smartphones.
Beide gehen jedoch noch einen Schritt weiter und ermöglichen es Ihnen, die Reaktionseinstellungen für Ihre Entwürfe anzupassen.
Mit Divi und Elementor können Sie beispielsweise unterschiedliche Stileinstellungen basierend auf Besuchergeräten verwenden. Sie können auch bestimmte Module basierend auf Geräten vor Besuchern ausblenden, z. B. ein großes Bild auf Mobilgeräten ausblenden.
Theme Generator-Funktionalität
Sowohl Divi als auch Elementor sind nicht mehr nur auf einzelne Seiten beschränkt, sondern ermöglichen es Ihnen auch, Ihr gesamtes WordPress-Thema mithilfe derselben visuellen Drag-and-Drop-Oberfläche zu entwerfen.
Elementor veröffentlichte zuerst die Theme-Erstellung, während Divi diese Funktion kürzlich mit Divi 4.0 hinzufügte.
Was ist Themenerstellung?
Im Wesentlichen macht die Erstellung von Designs die Notwendigkeit eines WordPress-Designs überflüssig, da Sie Ihr gesamtes WordPress-Design mithilfe eines Drag & Drop-Seitenerstellers entwerfen können. Sie können beispielsweise Vorlagen für Folgendes erstellen:
- Überschrift
- Fußzeile
- Einzelne Beiträge und Seiten (z. B. ein einzelner Blogbeitrag)
- Archivseiten (zum Beispiel die Seite, auf der alle Ihre Blog-Beiträge aufgelistet sind)
Neben der dynamischen Einbeziehung nativer WordPress-Informationen wie dem Titel eines Blogposts können Sie auch die Themenersteller beider Plugins verwenden, um Informationen aus benutzerdefinierten Feldern einzufügen.
Mit Divi können Sie Ihre verschiedenen Teile von Themenvorlagen über eine Hintergrundoberfläche wie die folgende organisieren:
Um die Teile Ihrer Designvorlage wie Ihre Kopfzeile tatsächlich zu erstellen, verwenden Sie den Front Visual Builder. Mit der Funktion für dynamischen Inhalt können Sie Site-Informationen wie den Titel und den Slogan Ihrer Site einfügen:
Mit Elementor gelangen Sie direkt zum visuellen Generator, um Ihren Teil der Themenvorlage zu entwerfen. Sie erhalten außerdem einige dedizierte Widgets für den Vorlagenteil sowie eine dynamische Inhaltsfunktion, die Sie auf jedes Widget anwenden können:
Sobald Sie Ihre Themenvorlage veröffentlicht haben, können Sie auswählen, wo sie angewendet werden soll, indem Sie sie beispielsweise nur für eine bestimmte Kategorie von Posts verwenden:
Im Allgemeinen sind beide Themenersteller ziemlich mächtig.
Rechtsklick-Unterstützung
Sowohl Divi als auch Elementor unterstützen Rechtsklicks, was unter WordPress-Seitenerstellern einzigartig ist.
Rechtsklick mag wie eine kleine Sache erscheinen, aber es ist praktisch, um Ihren Workflow zu beschleunigen. Zum Beispiel können Sie schnell:
- Kopieren Sie Stile zwischen Widgets
- Doppelte Widgets
- Widgets löschen
- Vorlagen speichern
- Usw.
Hier ist das Kontextmenü in Divi:
Und hier ist das Kontextmenü in Elementor:
Divi vs Elementor: Was ist anders?
Nachdem Sie einige der Ähnlichkeiten zwischen Elementor und Divi kennen, werfen wir einen Blick auf einige der Hauptunterschiede.
Elementor hat einen Popup-Generator
Einer der größten Funktionsunterschiede besteht darin, dass Elementor ein eigenes Popup-Erstellungswerkzeug enthält, Divi jedoch nicht.
Mit Elementor Popup Builder können Sie dieselbe Elementor-Oberfläche verwenden, um Popups zu entwerfen und sie überall auf Ihrer Site anzuzeigen.
Sie können jedoch weiterhin die gesamte Palette der Widgets von Elementor verwenden. Dies bedeutet, dass Sie Folgendes erstellen können:
- Popup-Fenster für E-Mail-Abonnements
- Start / Popup-Registrierung
- Promotions / CTA-Popups
- Usw.
Divi enthält keinen eingebauten Popup-Generator wie den, den Sie mit Elementor erhalten, obwohl es Plugins von Drittanbietern wie Divi Overlays gibt, mit denen Sie Divi zum Entwerfen von Popup-Fenstern verwenden können.
Mit dem Kauf von Divi erhalten Sie auch Zugriff auf das E-Mail-Abonnement-Plugin von Bloom (unsere Bewertung). Sie können damit Popups für E-Mail-Abonnements erstellen, sind jedoch nicht so flexibel wie Elementor Popup Builder, da es keinen Drag & Drop-Generator gibt.
Divi hat eingebaute A / B-Tests
Dies ist eine Funktion, die nicht jeder nutzen wird. Wenn Sie sich jedoch auf Marketing konzentrieren, werden Sie die Tatsache lieben, dass Divi über integrierte A / B-Tests verfügt, um Ihre Designs zu optimieren.
Durch Klicken mit der rechten Maustaste auf ein Modul können Sie schnell einen A / B / n-Test drehen und sehen, wie die verschiedenen Varianten eines Moduls funktionieren. Sie können beispielsweise verschiedene Methoden ausprobieren:
- Schlagzeilen
- Knöpfe
- Bilder
- Usw.
Wenn Sie Zielseiten und dergleichen erstellen möchten, wird diese Funktion wahrscheinlich sehr nützlich sein.
Vor diesem Hintergrund können Sie A / B Elementor mit Lösungen von Drittanbietern wie Google Optimize testen. Es gibt auch ein Plugin eines Drittanbieters namens Split Test For Elementor. Es ist einfach nicht so bequem wie Divi.
Divi kommt in einem Thema und einer Plugin-Version
Elementor ist nur ein Plugin. Während das Elementor-Team ein eigenes Basisthema namens Hello anbietet, das für die Verwendung mit dem Elementor Theme Builder entwickelt wurde, ist Elementor ein eigenständiges Plugin.
Auf der anderen Seite gibt es Divi in einem Theme und einer Plugin-Version.
Ich weiß nicht unbedingt, ob es ein großer Vorteil oder ein Nachteil ist oder ob es für Sie überhaupt einen Unterschied macht … aber es ist definitiv ein Unterschied.
Mit dem Divi-Thema können Sie sicherstellen, dass Ihr Thema und Ihr Seitenersteller perfekt synchron sind, was einen gewissen Reiz hat.
Gleichzeitig gibt es jedoch einige coole Themen von Drittanbietern für Elementor. Es ist also nicht so, dass Sie dies mit Elementor nicht erreichen können.
Divi hat Design Packs und mehr Vorlagen, Elementor hat nur Vorlagen (meistens)
Sowohl Divi als auch Elementor enthalten eine Reihe gut aussehender Vorlagen, die Sie importieren können, sodass dieser Teil derselbe ist.
Sie nähern sich Vorlagen jedoch auf etwas andere Weise.
Mit Divi erhalten Sie sogenannte Design Packs, die wie Themenvorlagen-Kits aussehen, die für bestimmte Nischen erstellt wurden. Wenn Sie beispielsweise eine Website für ein Fitnessstudio erstellen möchten, enthält ein Divi-Designpaket mehrere Vorlagen für:
- Homepage
- Klassenseite
- Über die Seite
- Kontaktseite
- Usw.
In seinen 158 Designpaketen hat Divi erstaunliche 1.167 verschiedene Seitenvorlagen, was definitiv die größere Sammlung zwischen den beiden ist.
Elementor-Vorlagen sind größtenteils nur eindeutige Vorlagen. Beispielsweise können Sie eine Zielseitenvorlage oder eine Serviceseitenvorlage finden, die jedoch nicht unbedingt ein festgelegtes Thema haben.
Beachten Sie, dass Elementor langsam damit beginnt, ein eigenes Äquivalent von Designpaketen, sogenannte Site-Kits, bereitzustellen. Derzeit verfügt Elementor jedoch nur über sieben Site-Kits, während Divi über 150 Design-Packs verfügt. Daher betrachte ich dies immer noch als Unterschied. Das Elementor-Team ist bestrebt, jeden Monat ein neues Site-Kit hinzuzufügen, daher sollte diese Sammlung im Laufe der Zeit wachsen … aber es wird Divi bei dieser Geschwindigkeit immer noch nie nahe kommen.
Elementor hat einen größeren Drittmarkt
Eines der besten Dinge an Divi und Elementor ist, dass Sie Erweiterungen von Drittanbietern finden können, um die Funktionen der Haupt-Plugins weiter zu verbessern.
Obwohl beide Seitenersteller ausgezeichnete Märkte von Drittanbietern haben, müssten Sie Elementor in dieser Hinsicht den Vorteil geben.
Die Tatsache, dass Elementor über eine kostenlose Version und damit über einen größeren Marktanteil verfügt, hat mehr externe Entwickler dazu veranlasst, Elementor-Erweiterungen zu erstellen.
Wenn Sie beispielsweise auf WordPress.org nach "Divi" suchen, werden 22 Ergebnisseiten angezeigt, während Sie nach "Elementor" suchen. Dadurch erhalten Sie 48 Ergebnisseiten.
Auch hier sind beide ziemlich gut und besser als ein durchschnittlicher Seitenersteller. Ich denke nur, dass Elementor hier die Nase vorn hat.
Divi vs Elementor Leistung
Um die relative Leistung zwischen Divi und Elementor zu messen, habe ich zwei grundlegende Beispielseiten mit äquivalenten Modulen erstellt und sie dann durch Leistungstest-Tools geführt, um zu sehen, wie die Dinge liefen.
Beide Sites verwenden Airi als Basisthema und hier sind die Module, die ich verwendet habe:
- Knopf
- Rundzähler
- Zeugnis
- Preistabelle
Die Layouts sind Super-Barebones, aber sie sollten Ihnen eine gute Vorstellung von der relativen Leistung jedes Plugins geben.
Um ganz klar zu sein, ich verwende die Divi-Plugin-Version (Divi Builder) mit dem Airi-Thema, um einen reibungslosen Vergleich zu ermöglichen. Ich meine, ich benutze nicht das Divi-Thema.
So hat Divi gespielt:
Und so hat Elementor gespielt:
Ich würde mir keine Sorgen um die Ladezeiten von Seiten machen, da dies nur ein einmaliger Test ist. Aber so vergleichen Seitengröße und HTTP-Anforderungen Divi und Elementor:
| Seitengröße | HTTP-Anfragen | |
| Divi | 555 KB | 28 |
| Elementor | 477 KB | 42 |
Elementor hatte also eine kleinere Dateigröße, während Divi weniger HTTP-Anforderungen hatte.
Ich werde Elementor jedoch immer noch einen kleinen Vorteil verschaffen, da Divi über eine integrierte Skriptoptimierung verfügt, die erklärt, warum es weniger gebrauchsfertige HTTP-Anforderungen gibt. Mit Elementor können Sie jedoch etwas Ähnliches tun – Sie benötigen lediglich ein kostenloses Plugin eines Drittanbieters wie Autoptimize.
Wenn Sie also Autoptimize (oder ein anderes Plugin wie WP Rocket) verwenden, können Sie Elementor-Skripte kombinieren, um die Anzahl der HTTP-Anforderungen auf Ihrer Site auf ähnliche Weise zu verringern.
Solange ich WordPress-Best Practices wie die Verkettung von Dateien mit Autoptimize oder WP Rocket implementiere, denke ich, dass Elementor etwas voraus ist, da es in meinem Test eine kleinere Seitengröße hatte. Divi bietet jedoch weiterhin eine solide Leistung für ein Page Builder-Plugin.
Divi vs Elementor Preise
Ob es billiger ist, Elementor vs Divi zu verwenden, hängt davon ab, wie viele Websites Sie verwenden müssen.
Erstens der Elefant im Raum: Elementor bietet eine großzügige kostenlose Version an, während Divi nur in einer Premium-Version erhältlich ist.
Mit der kostenlosen Version von Elementor können Sie viel erreichen. Wenn die kostenlose Version für Sie funktioniert, ist es in diesem Fall naheliegend, Elementor anstelle von Divi zu wählen.
Wenn Sie Zugriff auf Premium-Funktionen benötigen, ist die Situation nicht so klar.
Elementor ist billiger, wenn Sie es nur auf einer Website verwenden müssen, während Divi billiger ist, wenn Sie es auf mehreren Websites verwenden müssen.
Elementor verwendet einen standortbasierten Lizenzierungsansatz mit drei Optionen:
- Persönlich – 49 US-Dollar für eine Website
- Plus: 99 US-Dollar für drei Websites
- Experte: 199 USD pro 1.000 Websites (im Wesentlichen unbegrenzt, jedoch auf 1.000 USD begrenzt, um Missbrauch zu verhindern)
Alle diese Pläne sehen eine einjährige Lizenz vor. Während Sie Ihre aktuelle Version von Elementor Pro nach dem ersten Jahr weiterhin verwenden können, müssen Sie sie erneuern, um weiterhin Support und Updates zu erhalten.
Divi hat nur zwei Preispläne, mit denen Sie Divi auf unbegrenzten Websites verwenden können:
- Jährlicher Zugriff: 89 USD mit einem Jahr Support und Updates.
- Lebenslanger Zugriff: 249 US-Dollar mit lebenslanger Unterstützung und Updates.
Neben der Tatsache, dass Sie mit beiden Plänen Divi auf unbegrenzten Websites verwenden können, gibt es auch hier einen weiteren großen Vorteil.
Mit diesem Preis haben Sie Zugriff auf alle Produkte von Elegant Themes. Dazu gehören das E-Mail-Abonnement-Plugin von Bloom (unser Test), das Monarch-Plugin für den Austausch sozialer Medien und vieles mehr.
Alles in allem ist Divi Builder definitiv billiger auf mehreren Websites zu verwenden, was Sie in Richtung Divi treiben könnte, wenn Sie alles tun können, was Sie brauchen.
Wenn Sie jedoch wissen, dass Sie nur einen Seitenersteller für eine einzelne Website benötigen, ist Elementor Pro mit nur 49 US-Dollar günstiger.
Solltest du Elementor oder Divi verwenden?
Divi und Elementor sind zwei der Plugins für den Hauptseitenersteller. Ich glaube also nicht, dass Sie sich unbedingt irren.
Stattdessen denke ich, dass alles auf Folgendes hinausläuft:
- Die Funktionen, die Sie benötigen. Denken Sie beispielsweise, dass Sie den Popup-Generator verwenden werden? Geh mit Elementor. Möchten Sie integrierte A / B-Tests? Geh mit Divi.
- Ihr Budget. Elementor Pro ist billiger, wenn Sie es nur für eine einzelne Site benötigen, während Divi billiger ist, wenn Sie einen Seitenersteller für mehrere Websites benötigen.
- Ihre persönlichen Vorlieben. Beispielsweise können Sie einen Editor dem anderen vorziehen, da beide etwas unterschiedliche Ansätze verwenden.
Was wähle und empfehle ich persönlich? Ich verbringe den ganzen Tag damit, mit WordPress zu schreiben und zu arbeiten, daher würde ich gerne glauben, dass ich hier eine Idee habe.
Ich persönlich mag (und benutze) Elementor. Ich denke, die kostenlose Version funktioniert nur für viele meiner Websites und ich bevorzuge die Elementor-Oberfläche gegenüber Divi. Die Divi-Oberfläche fühlt sich im Vergleich zu Elementor etwas langsam an, und ich persönlich finde es aufgrund der schnelleren Backend-Oberfläche und des festen Seitenleistenfokus angenehmer, Layouts auf Elementor zu erstellen.
Dies bedeutet jedoch nicht, dass Sie mir zustimmen werden. Ich ermutige Sie daher:
- Überlegen Sie, ob die oben genannten Unterschiede in den Funktionen einen signifikanten Unterschied für Sie bedeuten.
- Überlegen Sie, wie die Preise in Ihr Budget passen.
- Spielen Sie mit jedem Plugin. Sie können die kostenlose Version von Elementor auf WordPress.org ausprobieren und Divi hat eine öffentliche Demo-Site, auf der Sie mit dem Editor herumspielen können.
Für eine detailliertere Ansicht aller Plugins können Sie auch unseren vollständigen Elementor Pro-Test und den detaillierten Divi-Test lesen.
Sobald Sie sich entschieden haben, können Sie Elementor Pro oder Divi Builder je nach Bedarf kaufen.
Haben Sie eine Frage zur Wahl zwischen Elementor und Divi Builder? Hinterlasse einen Kommentar und wir werden versuchen, dir zu helfen.
