99Theme

Divi vs Elementor – der ultimative Vergleich 2020

divi-vs-elementor

Versuchen Sie, zwischen Divi vs. Elementor zu wählen?

Da es sich hierbei um zwei der beliebtesten WordPress-Plugins zur Seitenerstellung handelt, denke ich nicht, dass Sie auf jeden Fall etwas falsch machen werden.

Es gibt jedoch definitiv einige wichtige Funktions- und Preisunterschiede zwischen Elementor und Divi, die Sie dazu bringen könnten, den einen oder anderen Weg einzuschlagen.

Das ist es, was ich versuchen werde, Ihnen in diesem Beitrag zu entdecken. Ich beginne damit, auf die Merkmale einzugehen, die zwischen Elementor und Divi weitgehend gleich sind. Dann werde ich das Gegenteil hervorheben und mir ansehen, was anders ist.

Zum Abschluss werde ich Leistung und Preis vergleichen, zwei weitere wichtige Überlegungen, die über die Liste der Funktionen hinausgehen.

Sind Sie bereit zu beginnen? Beginnen wir mit dem Vergleich.

Auch lesen: Was ist bbPress? Wie Man ein Forum zu WordPress hinzufügt

Divi vs. Elementor: Was ist gleich?

Diese beiden Seiten-Builder-Plugins stehen beide an der Spitze des Spiels, also lassen Sie uns damit beginnen, zu vergleichen, was beide am meisten gemeinsam haben. Natürlich gibt es hier und da noch kleinere Funktionsunterschiede, aber das sind die Kernfunktionen, die Sie erhalten, egal welches Plugin Sie wä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 mit Inline-Bearbeitung.

Das heißt, Sie können Ihre Seite entwerfen, während Sie genau sehen, was Ihre Besucher sehen werden, und Sie können Text bearbeiten, indem Sie einfach auf die Seite klicken und tippen.

Mit Divi erhalten Sie einen Editor in voller Breite ohne feste Oberflächenelemente von Divi, abgesehen von einer einzigen Schaltfläche am unteren Rand, die beim Anklicken einige Optionen erweitert.

Zum Hinzufügen und Konfigurieren von Modulen verwenden Sie die schwebenden Schaltflächen, die angezeigt werden, wenn Sie mit der Maus über Ihren Entwurf fahren:

Die verschiedenen Farben stehen für verschiedene Arten von Modulen.

Um einzelne Module zu konfigurieren, verwenden Sie dann das Einstellungs-Popup. Sie können die Größe des Popup-Fensters ändern und es mit Drag-and-Drop verschieben, was eine nette Funktion ist.

Elementor hingegen verwendet eine feste Seitenleiste auf der linken Seite, die immer sichtbar ist. Das schafft nicht ganz so eindrucksvolle Design-Erlebnisse, aber ich persönlich finde es bequemer, mit einer festen Seitenleiste interagieren zu können als mit schwebenden Schaltflächen, die für alles ein- und ausgeblendet werden können (wie es 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:

Was ist besser? Nun, ich denke, das hängt wirklich nur von den persönlichen Vorlieben ab.

Ich persönlich bevorzuge die Benutzeroberfläche von Elementor und finde, dass ich damit Seiten schneller/leichter erstellen kann. Ich finde auch, dass die Schnittstelle selbst im Vergleich zu Divi schneller und störungsfreier ist. Das ist jedoch nur meine Meinung, und ich kenne viele Leute, die Divi bevorzugen (was durch seine Popularität belegt wird).

Ich denke, man muss wirklich einfach beides testen, da es für mich unmöglich ist, einen endgültigen Gewinner für etwas zu erklären, das subjektiv ist.

Auch lesen: Beaver Builder Test

Detaillierte Stil-Optionen

Sowohl Divi als auch Elementor sind zwei der besseren WordPress Page Builder Plugins, wenn es um die Design- und Stiloptionen geht, auf die Sie Zugriff erhalten.

Natürlich gibt es hier und da ein paar kleine Unterschiede. Aber im Allgemeinen bieten beide mehr Stil- und Designoptionen als das durchschnittliche WordPress Page Builder-Plugin.

Ich bin mir nicht sicher, wie man hier einen objektiven Vergleich anstellen soll, weil es so viele kleine Funktionen gibt, die in “Stil und Design” einfließen. Aber einige der bemerkenswerteren Funktionen, die beide bieten, sind

  • Form-Teiler
  • Benutzerdefinierte Abstände
  • Benutzerdefinierte Positionierung für Module
  • Animationseffekte wie Parallaxen-Scrollen

Responsive Design-Einstellungen

Sowohl bei Divi als auch bei Elementor sind alle von Ihnen erstellten Designs standardmäßig Responsive. Das heißt, Ihre Designs funktionieren automatisch auf Computern, Tablets und Smartphones.

Beide gehen jedoch noch einen Schritt weiter und ermöglichen Ihnen auch die Anpassung der Responsive-Einstellungen für Ihre Designs.

Sowohl Divi als auch Elementor ermöglichen Ihnen beispielsweise die Verwendung unterschiedlicher Stileinstellungen auf der Grundlage der Geräte der Besucher. Sie können auch bestimmte Module abhängig von den Geräten der Besucher ausblenden, wie z.B. das Ausblenden eines großen Bildes auf mobilen Geräten.

Theme Builder-Funktionalität

Sowohl Divi als auch Elementor sind nicht mehr nur auf einzelne Seiteninhalte beschränkt – Sie können auch Ihr gesamtes WordPress-Thema mit derselben visuellen Drag&Drop-Oberfläche gestalten.

Elementor hat zuerst die Themenerstellung veröffentlicht, während Divi diese Funktion erst kürzlich mit Divi 4.0 hinzugefügt hat.

Was ist also Themenerstellung?

Im Wesentlichen macht die Themenerstellung die Erstellung eines WordPress-Themas überflüssig, da Sie Ihr gesamtes WordPress-Thema mit Hilfe eines Drag-and-Drop-Seitenerstellers entwerfen können. So können Sie beispielsweise Vorlagen für Ihr Thema erstellen:

  • Header
  • FooterEinzelne Beiträge und Seiten (zum Beispiel ein einzelner Blog-Beitrag)
  • Archivseiten (zum Beispiel die Seite, die alle Ihre Blog-Beiträge auflistet)

Neben der dynamischen Einbindung nativer WordPress-Informationen, wie z.B. dem Titel eines Blog-Posts, können Sie auch die Themen-Ersteller beider Plugins verwenden, um Informationen aus benutzerdefinierten Feldern einzufügen.

Mit Divi können Sie Ihre verschiedenen Themenvorlagenteile mithilfe einer solchen Back-End-Schnittstelle anordnen:

Um Ihre Themenvorlagenteile wie den Header zu erstellen, verwenden Sie den visuellen Front-End-Builder. Sie können die Funktion für dynamische Inhalte verwenden, um Website-Informationen wie Ihren Website-Titel und Ihre Tagline einzufügen:

Mit Elementor springen Sie direkt in den visuellen Builder, um Ihren Themenvorlagenteil zu entwerfen. Sie erhalten auch einige dedizierte Widgets für den Vorlagenteil, zusammen mit einer Funktion für dynamischen Inhalt, die Sie auf jedes Widget anwenden können:

Sobald Sie Ihre Themenvorlage veröffentlicht haben, können Sie wählen, wo Sie sie anwenden möchten, z.B. indem Sie sie nur für eine bestimmte Kategorie von Beiträgen verwenden:

Insgesamt sind beide Theme-Builder ziemlich mächtig.

Rechts-Klick-Unterstützung

Sowohl Divi als auch Elementor verfügen über Rechtsklick-Unterstützung, was unter den WordPress-Seitenbauern ziemlich einzigartig ist.

Die Möglichkeit, mit der rechten Maustaste zu klicken, mag wie eine kleine Sache erscheinen, aber Es ist sehr nützlich, um Ihren Workflow zu beschleunigen. Zum Beispiel können Sie schnell:

  • Stile zwischen Widgets kopieren
  • Doppelte Widgets
  • Widgets löschen
  • Vorlagen speichern
  • usw.

Auch lesen: WordPress Customizer lädt und funktioniert nicht 

Divi gegen Elementor: Was ist unterschiedlich?

Da Sie nun einige der Ähnlichkeiten zwischen Elementor und Divi kennen, wollen wir nun auf einige der wichtigsten Unterschiede eingehen.

Elementor hat einen Popup-Builder

Einer der größten Funktionsunterschiede besteht darin, dass Elementor ein eigenes Popup-Builder-Tool enthält, während Divi dies nicht tut.

Mit dem Elementor-Popup-Builder können Sie dieselbe Elementor-Benutzeroberfläche verwenden, um Popups zu entwerfen und sie überall auf Ihrer Website anzuzeigen.

Sie können jedoch nach wie vor die gesamte Palette der Elementor-Widgets verwenden, was bedeutet, dass Sie erstellen können:

  • E-Mail-Opt-In-Popups
  • Popups zur Anmeldung/Registrierung
  • Werbe-/CTA-Popups
  • usw.

Divi enthält keinen integrierten Popup-Builder, wie Sie ihn mit Elementor erhalten, obwohl es Plugins von Drittanbietern wie Divi Overlays gibt, mit denen Sie Divi zum Entwerfen von Popups verwenden können.

Mit Ihrem Divi-Kauf erhalten Sie auch Zugriff auf das Bloom E-Mail-Opt-in-Plugin (unser Test). Es ermöglicht Ihnen die Erstellung von E-Mail-Opt-In-Popups, ist jedoch nicht annähernd so flexibel wie Elementor Popup Builder, da es keinen Drag-and-Drop-Builder gibt.

Divi hat einen integrierten A/B-Test

Dies ist eine Funktion, die nicht jeder nutzen wird, aber wenn Sie sich auf das Marketing konzentrieren, werden Sie die Tatsache lieben, dass Divi mit integrierten A/B-Tests zur Optimierung Ihrer Designs ausgestattet ist.

Wenn Sie mit der rechten Maustaste auf ein beliebiges Modul klicken, können Sie schnell einen A/B/n-Test starten und sehen, wie verschiedene Varianten eines Moduls funktionieren. Sie können zum Beispiel verschiedene Varianten ausprobieren:

  • Schlagzeilen
  • Schaltflächen
  • Bilder
  • usw.

Wenn Sie planen, Landing Pages und dergleichen zu erstellen, werden Sie diese Funktion wahrscheinlich sehr nützlich finden.

Abgesehen davon können Sie Elementor mit Lösungen von Drittanbietern wie Google Optimize A/B-testen. Es gibt auch ein Plugin von Drittanbietern namens Split Test For Elementor. Es ist einfach nicht so praktisch wie Divi.

Auch lesen: Thrive Architect Test & Erfahrungsbericht

Divi wird sowohl in einer Theme- als auch in einer Plugin-Version geliefert

Elementor ist nur ein Plugin. Während das Elementor-Team sein eigenes Barebones-Theme namens Hello anbietet, das für die Verwendung mit Elementor Theme Builder entwickelt wurde, ist Elementor selbst ein eigenständiges Plugin.

Auf der anderen Seite gibt es Divi sowohl als Theme- als auch als Plugin-Version.

Ich weiß nicht unbedingt, ob dies ein großer Vor- oder Nachteil ist oder ob es für Sie überhaupt einen Unterschied macht… aber es ist definitiv ein Unterschied.

Mit dem Divi-Theme können Sie garantieren, dass Ihr Theme und Ihr Page Builder perfekt synchronisiert sind, was einen gewissen Reiz hat.

Gleichzeitig gibt es aber auch einige großartige Themen von Drittanbietern für Elementor, es ist also nicht so, dass Sie dies mit Elementor nicht erreichen können.

Divi hat Layout-Pakete und weitere Vorlagen, Elementor hat nur Vorlagen (meistens)

Sowohl Divi als auch Elementor enthalten eine Menge großartig aussehender Vorlagen, die Sie importieren können, so dass dieser Teil derselbe ist.

Allerdings gehen sie mit den Vorlagen auf leicht unterschiedliche Weise um.

Mit Divi erhalten Sie so genannte Layout-Pakete, die eine Art thematischer Vorlagen-Kits für bestimmte Nischen sind. Wenn Sie zum Beispiel eine Website für ein Fitnessstudio erstellen möchten, würde ein Divi-Layoutpaket mehrere Vorlagen für diese Website enthalten:

  • Startseite
  • Seite Klassen
  • Über die Seite
  • Kontakt-Seite
  • usw.

Divi hat über seine 158 Layout-Pakete hinweg erstaunliche 1.167 verschiedene Seitenvorlagen, Es ist definitiv die größere Sammlung zwischen den beiden.

Die Vorlagen von Elementor sind zum größten Teil nur einmalige Vorlagen. Sie finden beispielsweise eine Landing-Page-Vorlage oder eine Serviceseiten-Vorlage, aber sie sind nicht notwendigerweise zusammen thematisiert.

Es ist zu beachten, dass Elementor langsam beginnt, sein eigenes Äquivalent von Layout-Paketen, die als Site Kits bezeichnet werden, auf den Markt zu bringen. Allerdings verfügt Elementor derzeit nur über sieben Site-Kits, während Divi über 150 Layout-Packs hat, weshalb ich dies immer noch als einen Unterschied betrachte. Das Elementor-Team ist bestrebt, jeden Monat ein neues Site-Kit hinzuzufügen, so dass diese Sammlung im Laufe der Zeit wachsen sollte… Es wird aber trotzdem niemals in diesem Tempo an Divi herankommen.

Elementor hat einen größeren Marktplatz von Drittanbietern

Eines der großartigen Dinge an Divi und Elementor ist, dass Sie Erweiterungen von Drittanbietern finden können, um die Funktionen in den Kern-Plugins weiter zu verbessern.

Auch wenn beide Seitenersteller über ausgezeichnete Marktplätze von Drittanbietern verfügen, müsste ich Elementor in dieser Hinsicht einen Vorteil verschaffen.

Die Tatsache, dass Elementor eine kostenlose Version und damit einen größeren Marktanteil hat, hat mehr Entwickler von Drittanbietern veranlasst, Erweiterungen für Elementor zu erstellen.

Wenn Sie z.B. “Divi” auf WordPress.org suchen, erhalten Sie bei der Suche nach “Divi” 22 Seiten Ergebnisse, während Sie bei der Suche nach “Elementor” 48 Seiten Ergebnisse erhalten.

Auch hier sind beide recht gut und besser als der durchschnittliche Page Builder – ich glaube einfach, dass Elementor hier die Nase vorn hat.

Auch lesen: OptimizePress 3 Test & Erfahrungen 

Divi vs. Elementor Leistung

Um die relative Leistung zwischen Divi vs. Elementor zu messen, habe ich zwei grundlegende Beispielseiten erstellt, die äquivalente Module verwenden, und sie dann durch Leistungstesttools laufen lassen, um zu sehen, wie die Dinge liefen.

Beide Seiten verwenden Airi als Basisthema, und hier sind die Module, die ich verwendet habe:

  • Schaltfläche
  • Kreis-Zähler
  • Empfehlungsschreiben
  • Preistabelle

Es handelt sich um Super-Barebones, aber es sollte Ihnen eine gute Vorstellung von der relativen Leistung der einzelnen Plugins geben.

Es ist nur zur Verdeutlichung: Ich verwende die Plugin-Version von Divi (Divi Builder) mit dem Airi-Theme, um einen gleichmäßigen Vergleich zu ermöglichen. Das heißt, ich verwende nicht das Divi-Thema.

Ich würde mir keine allzu großen Sorgen über die Seitenladezeiten machen, denn dies ist nur ein einmaliger Test. Aber hier ist, wie sich die Seitengröße und HTTP-Anforderungen zwischen Divi vs. Elementor stapeln:

HTTP-Anforderungen der Seitengröße
Abteilung 555 KB 28
Elementor 477 KB 42

Elementor hatte also eine kleinere Dateigröße, während Divi weniger HTTP-Anfragen hatte.

Ich werde Elementor dennoch einen leichten Vorteil geben, da Divi über eine integrierte Skriptoptimierung verfügt, die erklärt, warum es weniger HTTP-Anforderungen hat. Sie können jedoch etwas Ähnliches mit Elementor machen – Sie brauchen nur ein kostenloses Plugin eines Drittanbieters wie Autoptimize.

Das heißt, wenn Sie Autoptimize (oder ein anderes Plugin wie WP Rocket) verwenden, können Sie die Skripte von Elementor so kombinieren, dass die Anzahl der HTTP-Anfragen auf Ihrer Site ähnlich reduziert wird.

Solange Sie also WordPress-Best-Practices wie die Dateiverkettung mit Autoptimize oder WP Rocket implementieren, ist Elementor meiner Meinung nach ein wenig voraus, da es in meinem Test eine kleinere Seitengröße hatte. Divi bietet aber immer noch eine solide Leistung für ein Page Builder-Plugin.

Divi vs. Elementor Kosten

Ob es günstiger ist, Elementor vs. Divi zu verwenden, hängt davon ab, auf wie vielen Websites Sie es verwenden müssen.

Erstens, der Elefant im Raum: Elementor bietet eine großzügige kostenlose Version, während Divi nur in einer Premium-Version erhältlich ist.

Allein mit der kostenlosen Version von Elementor können Sie eine Menge erreichen. Wenn also die kostenlose Version für Sie funktioniert, denke ich, dass es in diesem Fall kein Problem ist, Elementor Divi vorzuziehen.

Wenn Sie Zugang zu den Premium-Funktionen benötigen, dann ist die Situation nicht ganz so klar.

Elementor wird billiger sein, wenn Sie es nur auf einer einzigen Website verwenden müssen, während Divi billiger ist, wenn Sie es auf mehreren Websites verwenden müssen.

Elementor verwendet einen standortbasierten Lizenzansatz mit drei Optionen:

  • Persönlich – $49 für eine Website
  • Plus – $99 für drei Standorte
  • Experte – $199 für 1.000 Sites (im Wesentlichen unbegrenzt, aber mit einer Obergrenze von 1.000, um Missbrauch zu verhindern)

Alle diese Pläne beziehen sich auf eine einjährige Lizenz. Nach dem ersten Jahr können Sie Ihre aktuelle Version von Elementor Pro weiterhin verwenden, müssen aber die Lizenz erneuern, um weiterhin Support und Updates zu erhalten.

Divi hat nur zwei Preispläne, mit denen Sie Divi auf unbegrenzt vielen Websites verwenden können:

  • Jährlicher Zugang – $89 mit einem Jahr Support und Updates.
  • Zugriff auf Lebenszeit – 249 $ mit lebenslangem Support und Updates.

Neben der Tatsache, dass Sie Divi mit beiden Plänen auf unbegrenzten Websites verwenden können, gibt es hier noch einen weiteren großen Vorteil.

Dieser Preis gibt Ihnen Zugang zu allen Produkten von Elegant Themes. Dazu gehören das E-Mail-Opt-in-Plugin für Bloom (unser Test), das Monarch-Plugin für die gemeinsame Nutzung sozialer Medien und vieles mehr.

Alles in allem ist Divi Builder definitiv günstiger für die Nutzung über mehrere Websites hinweg, was Sie in die Richtung von Divi drängen könnte, wenn es alles kann, was Sie benötigen.

Wenn Sie andererseits wissen, dass Sie nur für eine einzige Website einen Page Builder benötigen, dann ist Elementor Pro mit nur 49 $ günstiger.

Auch lesen: Shopify vs WooCommerce: Was ist besser für deinen Shop?

Sollten Sie Elementor oder Divi verwenden?

Divi und Elementor sind zwei der besten Page Builder-Plugins, die es gibt, also denke ich nicht, dass Sie mit beiden unbedingt etwas falsch machen werden.

Es läuft vielmehr darauf hinaus:

  • Die Funktionen, die Sie benötigen. Glauben Sie zum Beispiel, dass Sie den Popup-Builder verwenden werden? Entscheiden Sie sich für Elementor. Wollen Sie integrierte A/B-Tests? Verwenden Sie Divi.
  • Ihr Budget. Elementor Pro ist günstiger, wenn Sie es nur für eine einzige Website benötigen, während Divi günstiger ist, wenn Sie einen Seitenersteller für mehrere Websites benötigen.
  • Ihre persönlichen Präferenzen. Sie könnten zum Beispiel einen Editor einem 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 mir hier gerne einen Einblick verschaffen.

Mir persönlich gefällt (und ich benutze) Elementor. Ich finde, dass die kostenlose Version allein für viele meiner Sites funktioniert, und ich bevorzuge die Elementor-Schnittstelle gegenüber Divi. Die Divi-Schnittstelle fühlt sich im Vergleich zu Elementor etwas langsam an, und ich persönlich finde es wegen der schnelleren Backend-Oberfläche und des festen Sidebar-Ansatzes angenehmer, Designs in Elementor zu erstellen.

Das bedeutet jedoch nicht, dass Sie mir zustimmen werden, also ermutige ich Sie dazu:

  • Denken Sie darüber nach, ob die oben genannten Funktionsunterschiede für Sie einen sinnvollen Unterschied machen.
  • Überlegen Sie, wie die Preisgestaltung in Ihr Budget passt.
  • Spielen Sie mit jedem Plugin herum. Sie können die kostenlose Version von Elementor bei WordPress.org ausprobieren, und Divi hat eine öffentliche Demoseite, auf der Sie mit dem Editor herumspielen können.
  • Wenn Sie einen detaillierteren Blick auf eines der beiden Plugins werfen möchten, können Sie sich auch unseren vollständigen Test von Elementor Pro und den detaillierten Test von Divi ansehen.

Add comment

Your Header Sidebar area is currently empty. Hurry up and add some widgets.