Elementor vs Divi: Rückblick, Vor- und Nachteile & ultimativer Leitfaden (2021)

Elementor vs Divi

Willkommen zu meiner unvoreingenommenen Bewertung von Elementor vs Divi für 2021.

Ich verdanke den Erfolg meiner Agentur diesen beiden Seitenerstellern (und dem kalt gebrühten Kaffee), aber sie sind für zwei VOLLSTÄNDIG UNTERSCHIEDLICHE Kundentypen bestimmt. Wenn Sie den falschen wählen, Verknüpfungen verwenden oder den falschen Plan erhalten, können Sie:

  • Verschwenden Sie Hunderte von Dollar (und vor allem viele, viele Stunden)
  • Machen Sie Ihre Websites offen für Hacks
  • Beschränken Sie ernsthaft Ihre Fähigkeit, Ihr Unternehmen zu skalieren

Aber keine Sorge, es ist wirklich einfach, den perfekten Seitenersteller auszuwählen IF Sie wissen, wonach Sie suchen müssen. Ich habe jahrelange praktische Erfahrung mit beiden, also lass mich dich Schritt für Schritt durch alles in einfachem Englisch mit Screenshots, Gifs und allem anderen führen!

Holen Sie sich einen Kaffee (oder Ihr bevorzugtes warmes Getränk), denn Sie sind kurz davor, tief einzutauchen in:

  • Divi oder Elementor? So bewerten Sie schnell Ihre aktuelle Situation und entscheiden, welche besser ist.
  • Wie man sich basierend auf Budget, Können und Erfahrung mit Elementor und Divi entscheidet
  • Der einzige entscheidende Preisunterschied, der Ihnen über die gesamte Lebensdauer Ihres Unternehmens Tausende von Dollar ersparen könnte
  • Der dumme Fehler, der mich fast 100 Dollar gekostet hat UND die Sicherheit aller meiner Websites
  • Eine schreckliche Erfahrung, die wir mit einem dieser Produkte gemacht haben, über die Sie Bescheid wissen müssen

Wir haben ein einfaches Inhaltsverzeichnis erstellt, damit Sie schnell zum für Sie relevantesten Abschnitt springen können. Klicken Sie hier, um den folgenden Inhalt zu öffnen:

Inhalt[Anzahl Artikel]

  

Elementor vs Divi: "Ich möchte wissen, was jetzt für mich am besten ist!"

Sie haben es eilig und müssen wissen, was für Ihr Unternehmen besser ist, bevor Sie etwas investieren?

Lassen Sie es mich Ihnen direkt anhand meiner fast 5-jährigen Erfahrung mit diesen beiden Tools geben (seit Elementor 2016 zum ersten Mal veröffentlicht wurde). 

Eine Unternehmensgruppe braucht ABSOLUT Elementor und eine weitere 100% Divi.

Wenn Sie nicht die richtige Wahl treffen, zahlen Sie. Wenn nicht jetzt, dann in einem Jahr, in dem Sie zu frustriert sind, um so zu arbeiten, wie Sie es möchten. Und all diese Produktivität und Effizienz, von der jeder Unternehmer träumt, ist unmöglich.

Viel mehr dazu später, aber hier ist die Kurzversion für Sie:

Holen Sie sich Divi, wenn ...

  • Du bist eine Agentur: Die Preisgestaltung von Divi macht es zu einem Kinderspiel für ambitionierte Agenturen. Der lebenslange Zugriff ohne Einschränkungen kostet NUR 249 US-Dollar. Das sind 249 US-Dollar für jede Funktion auf unendlichen Websites. Wenn Sie Hunderte von Seiten haben, ist das so, als würden Sie 1 USD ausgeben oder LESS pro Seite für den vertrauenswürdigsten Seitenersteller der Welt. 
  • Sie benötigen die beste Unterstützung im Geschäft.
  • Sie haben Designerfahrung: Divi ist auch für Anfänger in Ordnung, aber für erfahrene Bauherren noch besser. Die Lernkurve ist steiler als bei Elementor, aber wenn Sie wissen, was Sie tun, ist die Leistung viel größer.
  • Sie benötigen ein Premium-Thema, um damit arbeiten zu können: Divi ist ein Premium-WordPress-Theme sowie ein Seitenersteller. Wenn Sie also eines kaufen, erhalten Sie beide.

Holen Sie sich Elementor IF…

  • Sie benötigen den einfachsten Seitenersteller: Elementor ermöglicht es jedem, eine schöne Landingpage ohne Programmierkenntnisse ab 0 US-Dollar zu erstellen!
  • Sie sind Solopreneur mit 1 Website
  • Sie haben ein begrenztes Budget und benötigen einen KOSTENLOSEN Plan
  • Sie sind ein Designer, der komplexe Elemente benötigt
  • Sie spüren das Bedürfnis nach Geschwindigkeit. Elementor ist so schnell, dass es sich anfühlt, als würde die Seite geladen, bevor ich auf die Eingabetaste klicke
  • Sie haben bereits ein Thema, mit dem Sie arbeiten können: Elementor ist ein Seitenersteller (kein Thema) und muss durch ein WordPress-Thema ergänzt werden. 

 

Bei Divi vs Elementor kommt es wirklich auf eines an: die Preisgestaltung. Klicken Sie hier, um zur Preistabelle zu springen 

Elementor gegen Divi

Elementor . Divi beide verfügen über erweiterte Funktionen zum Erstellen von Seiten. Elementor ist kostenlos und hat eine PRO-Version für 49 US-Dollar. Divi kostet 89 USD pro Jahr und kann auf einer unbegrenzten Anzahl von Websites verwendet werden. Das Divi Builder ist benutzerfreundlich, aber mit Elementor lässt sich schneller arbeiten.

Zusammenfassung

  Elementor-Logo Plugin divi builder
Erster Platz ????  
Insgesamt  4.9 / 5  4.5 / 5
Benutzerfreundlichkeit  5 / 5  4.5 / 5
Unterstützung  4.5 / 5  4.5 / 5
Stabilität und Zuverlässigkeit  5 / 5  4 / 5
Erweiterbarkeit  5 / 5  4.5 / 5
Wert  4.5 / 5  5 / 5
Preise Startet von $ 49 Startet von $ 89
Kostenlos Version Ja Nein - hat aber eine 30-tägige Geld-zurück-Garantie
Echtzeit-Editor Ja Ja
Inline-Bearbeitung Ja Ja
Frontend / Backend Beide Beide
Drag and Drop Ja Ja
Elemente von Drittanbietern werden unterstützt Ja Ja
Frontend / Backend Beide Beide
Import / Export Ja Ja
Zielgruppe Entwickler / Designer / Benutzer / Agentur Designer / Benutzer / Agentur
Unterstützte Elemente Über 90  46
Unterstützung für WordPress-Widgets Ja Kompliziert
Code bereinigen Ja Nein
Vorgefertigte Vorlagen / Layouts Über 300 Über 150
Coole Funktion Dynamischer Inhalt A / B-Tests
Performance  4.5 / 5  4 / 5
 Was uns gefallen hat  Eine sehr leistungsstarke Lösung zum Erstellen von Designs aller Art  Saubere Benutzeroberfläche
   Überlegene Layout-Management-Optionen  Der Inhalt bleibt auch nach Deaktivierung des Plugins erhalten
   Attraktive Preisgestaltung mit Zugang  Einzigartiger Editor-Modus für Kunden
   Der beliebteste Seitenersteller aus einem bestimmten Grund  Ermöglicht die Verwendung von WordPress-Widgets in den Layouts
 Was uns nicht gefallen hat  Für Elementor müssen Sie ein WordPress-Theme erwerben  Nach dem Entfernen des Plugins verbleibt ein Teil des Codes
Webseite Zur Website 
Zur Website (10% OFF)

 

Nachdem Sie nun einen schnellen Überblick über jedes Plugin haben, lassen Sie uns einen tiefen Einblick in diese Plugins geben. Wir haben viele Aspekte untersucht. Sie können also jederzeit zu den Abschnitten blättern, die Sie interessieren.

Beginnen wir mit diesem ultimativen Showdown der Seitenersteller: Elementor vs Divi!

(BITTE LESEN SIE DIESES): Warum die Auswahl des Builders für falsche Seiten Sie alles kosten kann!

Ich muss diese Geschichte teilen ...

Nicht weil ich mich beschweren möchte (na ja, vielleicht nur ein bisschen ...), sondern weil jeder Entwickler, Designer, jedes Unternehmen und jede Agentur wissen muss, wie wichtig diese Entscheidung ist.

Es war einmal, in einer vergangenen Ära der Webentwicklung (vor ungefähr 8 Jahren?), Als alle mit den Premium-WordPress-Themes des Tages fertig waren. 

Schöne Seiten waren sicher möglich, aber sie erforderten ein NIGHTMÄRISCHES Durcheinander von Shortcodes. Du kannst den Horror nicht verstehen unless du hast diese Zeiten überlebt. Ich übertreibe nur leicht…

Wie auch immer ...

Es gab keine Möglichkeit, etwas zu bauen, ohne WordPress genau zu kennen.

Webdesigner waren eine bestimmte Generation von Entwicklern, die Code mit richtigem Design kombinieren konnten.

Mann, das Leben war… anders. 

Dann begann eines Tages ein bekannter WordPress-Anbieter (WPMUDEV), diesen erstaunlichen neuen Drag & Drop-Seitenersteller voranzutreiben: Upfront.

"Es ist wunderbar. Es wird WordPress vor SquareSpace und Wix retten! “, Sagten sie. 

Zu dieser Zeit widersetzten sich die meisten von uns immer noch Seitenerstellern. Inklusive mir.

Aber dieser schien ... besser zu sein.

Um fair zu sein, war es ziemlich großartig. Der Drag-and-Drop-Builder war wie Butter. Und es hatte einige verlockende Eigenschaften:

  • Erstaunliche Elemente, mit denen man arbeiten kann
  • Einfach zu bearbeitende „Regionen“
  • Textbearbeitung mit einem Klick
  • Vorlagen zur Wiederverwendung und Reduzierung sich wiederholender Arbeiten
  • Das Erstellen von Seiten war schnell und einfach! Nirgendwo in der Nähe dessen, was wir früher durchmachen mussten ...

Upfront würde alles verändern.

Also sprangen alle nacheinander in den Zug. Agentur für Agentur haben wir uns angestellt.

Die Leute waren so aufgeregt, dass sie ihre gesamte Roadmap auf Upfront erstellt haben. Sie stellten sogar Personal ein und schulten es, um es zu benutzen. Einige Multisite-Agenturen hatten Hunderte von Seiten mit Upfront.

Ich habe nicht mein gesamtes Geschäft um Upfront herum aufgebaut (ich habe nie alle meine Eier in einen Korb gelegt), aber sagen wir einfach, ich hatte auch einiges an Haut im Spiel ...

Und dann, eines Tages, brach alles zusammen.

Abschied nehmen von vornherein

Eines Tages beschloss WPMUDEV, alles einzustellen.

Keine Warnung.

Kein einziges Wort.

Upfront wurde eingestellt und jede Seite, die jemals darauf aufgebaut wurde, wurde veraltet.

All die Arbeit, all die Zeit und das Geld, all die Mitarbeiter, die dafür geschult wurden, all die damit erstellten Roadmaps: USELESS.

Lesen Sie diese Bewertung von einem Agenturinhaber, der mit Upfront zusammengearbeitet hat:

Ich habe den größten Teil des letzten Jahres damit verbracht, meine gesamte Website-Agentur (unsere Marketing-Website und Kunden-Websites) mit und um Upfront herum neu aufzubauen. Es ist einfach nicht cool zu sehen, dass es jetzt ohne Warnungen aus den Entwicklungsplänen herauskommt, ohne Vertrauen zu haben, Mitarbeiter einzustellen und zu schulen, um es zu nutzen. “

Viele Unternehmen wurden hart getroffen ... es war nicht angenehm. 

Moral der Geschichte?

Die Auswahl des richtigen Seitenerstellers ist für Ihr Unternehmen von entscheidender Bedeutung. Das heißt, es ist wichtig, dass Sie sich für eine Marke mit einer nachgewiesenen Erfolgsbilanz und einer vertrauenswürdigen Marke entscheiden.

Wenn nicht, könnten Sie der nächste Unternehmer sein, der eine Bewertung abgibt, in der beschrieben wird, wie die Verwendung von Upfront sie fast alles gekostet hat.

Aber ich schweife ab. Zurück zur Bewertung…

Was sind Page Builder?

Sie interessieren sich nicht für dieses Intro oder haben es eilig? Klicken Sie hier, um zum nächsten Teil des Artikels zu gelangen

Wir starten unseren Elementor vs Divi Builder Artikel mit einer kleinen Einführung in die Funktionsweise eines Page Builders.

Seitenersteller sind Tools, mit denen Sie professionell aussehende Webseiten auch mit 0 Codierungserfahrungen von Grund auf neu entwerfen und erstellen können. 

kB4U67tiQLA

Anstatt monatelang zu lernen, wie man eine Seite benutzerdefiniert codiert, wurde die ganze harte Arbeit bereits für Sie erledigt und in kleine „Elemente“ verpackt. Sie ziehen sie einfach per Drag & Drop auf die Seite, wo immer Sie wollen, und VOILA, Sie haben eine wunderschön gestaltete Seite ... und niemand kennt Ihr Geheimnis. 

Zum Beispiel, wenn Sie ein Textfeld hinzufügen möchten oder ImageNehmen Sie einfach dieses „Element“ aus der Seitenleiste, ziehen Sie es auf die Seite und platzieren Sie es dort, wo Sie es haben möchten. Klingt viel besser als ins Backend zu gehen und Verschlüsselung alles selbst, richtig?

Die meisten haben sogar vorgefertigte Vorlagen, die nachweislich die Besucher-Conversions steigern, sodass Sie nicht einmal „schweres Heben“ durchführen müssen.

Klicken Sie einfach auf das „Element“, das Sie Ihrer Seite hinzufügen möchten (z. B. Bild, Textfeld oder neuer Abschnitt), ziehen Sie es an eine beliebige Stelle und legen Sie es ab 

Es ist wie das Erstellen einer Website mit Lego-Teilen.

Erstellen von Seiten mit Seitenerstellern

Was ist Divi?

Divi WordPress Theme und Seitenersteller  

Divi ist das beliebteste WordPress-Theme mit mehr als 700,000 Verkäufen und der ultimative WordPress Page Builder. Wenn dies Sport wäre, wären es die Man U, New York Yankees und New England Patriots: Mehr als ein Team, eine Institution.

Divi-Benutzer

Tatsächlich ist es sogar mehr als ein Seitenersteller - es ist eine Mega-Factory zum Aufbau einer WordPress-Website, mit der Freiberufler, Agenturen und Websitebesitzer wunderschöne Websites erstellen, sie für Conversions optimieren (Split-Tests) und mithilfe von sozialen Medien wachsen können.

Die massive Popularität von Divi ist hauptsächlich auf Folgendes zurückzuführen:

  • Unbegrenzte Nutzung: Divi ist eines der wenigen Themen, mit denen Sie alle Funktionen auf allen Websites uneingeschränkt nutzen können. Keine Preisgestaltung. Keine verwirrenden Ebenen. Nein, nichts. Nur unbegrenzte Nutzung ohne Fragen.
  • Einfache Preisgestaltung: 249 US-Dollar für lebenslangen Zugriff auf alle Ihre Websites.
  • Unübertroffene Unterstützung und Community: Divi ist für manche Menschen eine Lebenseinstellung. Es hat eine florierende Facebook-Community und die beste Unterstützung im Geschäft. Sie werden also immer innovativ sein, hilfreiches Feedback erhalten und Ihr Divi-Spiel verbessern.

Wir haben lange mit diesem Produkt gearbeitet, tatsächlich haben wir es bereits getan hat hier eine vollständige Rezension zum Thema Divi 3.0 geschrieben. Ihre Divi builder ist ein Plugin, das integriert und mit dem Thema gebündelt ist, obwohl es bei Bedarf separat mit anderen Themen gekauft und verwendet werden kann.

Klicken Sie hier, um die Divi-Website zu besuchen und jetzt mehr darüber zu erfahren 

Was ist Elementor?

elementor page builder  

Elementor ist ein Marktstörer, der immer beliebter wird. Es ist einer der beliebtesten Bauunternehmen für Solopreneure und Unternehmen mit nur einem Standort.

Es ist das neue Kind auf dem Block, das bereit ist, den König herauszufordern und ihn zum Abdanken zu zwingen.

Es ist blitzschnell, bietet ein konkurrenzloses Design und ist so einfach, dass ein Höhlenmensch es tun könnte. Und damit können Sie 100% KOSTENLOS loslegen. 

Es gibt Ihnen so ziemlich alles, was Divi tut, es ist nur schneller und einfacher zu bedienen. Und es ist viel günstiger für eine einzelne Site.

Diese beiden Produkte werden von den meisten WordPress-Benutzern und Experten bevorzugt, da sie eine Reihe von Vorteilen bieten:

  • sie sind einfach zu bedienen,
  • Sie haben die beste Leistung und Stabilität, und
  • Sie werden von einem Team erfahrener WordPress-Entwickler oder von einem bekannten Unternehmen unterstützt.

Atemberaubende 5,000,000 - das ist MILLION - Leute benutzen Elementor, während Sie dies lesen 

Wir haben uns intensiv mit diesem Thema befasst Elementor Pro - unseren Testbericht finden Sie hier

Klicken Sie hier, um die Elementor-Website zu besuchen und kostenlos loszulegen

Warten Sie, Sie sagen, sowohl Divi als auch Elementor sind fantastisch. Wie kann ich wählen?

Gute Frage.

Sie sind sich beide sehr ähnlich, aber wie ich bereits sagte - Preisgestaltung und geringfügige Unterschiede in der Funktionalität machen sie perfekt für verschiedene Marktsegmente.

Vergleichen wir sie nebeneinander, um eine bessere Vorstellung zu bekommen. 

Wir werden diese beiden Top-Seitenersteller heute auf den Markt bringen. Elementor vs Divi Builderund vertiefen Sie sich in all ihre Fähigkeiten und vergleichen Sie sie Kopf an Kopf.

Wir werden uns eingehend mit der Benutzeroberfläche, den Funktionen, den Preisen und vielem mehr befassen.

Am Ende dieses Artikels von Elementor gegen Divi verfügen Sie über alle Kenntnisse, die Sie benötigen, um ein fundiertes Urteil darüber zu fällen, welches passt Ihre eigenen Bedürfnisse. 

Sie werden wissen, wie sie funktionieren, wie sie aussehen, was mit dem Bundle geliefert wird, einem dieser beiden beliebten Seitenersteller macht für Sie am meisten Sinnund alles andere, was Sie wissen müssen.

Auf diese Weise können Sie eine fundierte Entscheidung treffen, welche Sie auswählen möchten, oder ob Sie stattdessen andere Seitenersteller in Betracht ziehen sollten.

Im nächsten Abschnitt werden wir die Benutzeroberfläche von Divi mit der von Elementor vergleichen - dh wie einfach es ist, Websites mit diesen beiden Seitenerstellern zu erstellen.

Elementor vs Divi: Benutzerfreundlichkeit

Die Benutzeroberfläche und ihre Benutzerfreundlichkeit sind einer der wichtigsten Bestandteile eines Page Builder-Plugins. Hier verbringen Sie den größten Teil Ihrer Zeit mit Arbeiten. 

In unserem ersten Teil unseres Elementor vs Divi builder Vergleich werden wir ihre Benutzeroberflächen und die verfügbaren Einstellungen, die wir konfigurieren können, durchgehen.

Beide Seitenersteller haben große Anstrengungen unternommen, um sicherzustellen, dass sie kinderleicht zu bedienen sind.

Beginnen wir mit dem Start Divi Builder.

Erfahren Sie hier mehr über Divi Builder by Elegant Themes

Divi Builder Benutzerschnittstelle

Bevor wir beginnen, lassen Sie uns sagen, was der Anbieter über die Verwendung des Plugins in diesem kurzen Video zu sagen hat, insbesondere mit der neu überarbeiteten Benutzeroberfläche:

0qRYEseXnD4

Mit den Divi builder Plugin installiert, wenn Sie eine neue Seite erstellen, werden Sie mit einer Benutzeroberfläche begrüßt, die Sie fragt, ob Sie "Verwenden" möchten Divi Builder“ oder „Standard-Editor verwenden“.

neue Seite

Klicken Sie auf Verwenden Divi Builder Option öffnet einen Bildschirm, in dem Sie aufgefordert werden, zwischen „von Grund auf neu erstellen“, „ein vorgefertigtes Layout wählen“ oder „Vorhandene Seite klonen“ zu wählen.

Layout auswählen

 

  • Von Grund auf neu erstellen - Sie beginnen mit einer leeren Seite.
  • Wählen Sie ein vorgefertigtes Layout - Mit dieser Option können Sie aus einer Auswahl vorgefertigter Vorlagen auswählen. Wir werden später ausführlicher darüber sprechen.
  • Vorhandene Seite klonen - ziemlich selbsterklärend, kopiert im Grunde eine vorhandene Seite auf die Seite, an der Sie gerade arbeiten.

Wir werden die Option „von Grund auf neu erstellen“ wählen, da die anderen beiden Optionen ziemlich gleich sind, nur mit bereits hinzugefügten Inhalten. Dadurch können wir uns mehr darauf konzentrieren, wie die Divi builder Schnittstelle funktioniert und wie sie aussieht, wenn sie zum Entwerfen von Seiten und Websites verwendet wird.

Hinzufügen von Elementen in Divi Builder

Wenn Sie auf die Option "Von Grund auf neu erstellen" klicken, wird das Divi builder Als erstes wird ein Dialogfeld angezeigt, in dem Sie aufgefordert werden, eine neue Zeile einzufügen.

Dialogfelder mit Optionen, die Sie konfigurieren können, werden je nach Modul und hinzugefügtem Inhalt geöffnet. Wir werden später in diesem Artikel mehr über Module (die wir hauptsächlich als Elemente bezeichnen werden) behandeln.

neue Zeile

Das Menü

Das Divi builder Benutzeroberfläche ist minimalistisch.

Minimalismus war schon immer eines der Designmerkmale von Elegant Themes und der Page Builder hält dieses Designkonzept am Laufen.

Wie Sie aus dem obigen GIF sehen können, gibt es überhaupt keine Seitenleiste oder Menüleiste. Stattdessen haben Sie nur einen schwebenden Kreis mit drei weißen Punkten.

Der schwebende Kreis mit drei weißen Punkten dient als Menü. Wenn Sie auf der ersten Divi-Build-Seite auf diese Punkte klicken, erhalten Sie Zugriff auf verschiedene Optionen und nützliche Tools.

schwebendes Menü

Sie können dieses Menü verschieben, indem Sie darauf klicken und es ziehen. Sie können es an einer der acht vordefinierten Positionen in der Ecke des Bildschirms ablegen.

Schauen wir uns den Inhalt dieses schwebenden Menüs genauer an. Wenn Sie Divi von der linken Seite aus verwenden, haben wir

  • Divi builder die Einstellungen,
  • Drahtgitteransicht,
  • Zoom-Werkzeug,
  • Desktop-Ansicht,
  • Tablet-Ansicht,
  • Laden aus Bibliotheksoptionen,
  • Option in Bibliothek speichern,
  • klares Layout,
  • Seiteneinstellungen,
  • Bearbeitungsverlauf,
  • Portabilität,
  • die Such- und Hilfeschaltfläche,
  • und die Schaltflächen Entwurf speichern und veröffentlichen.

schwebendes Menü 2

Wie wäre es mit einem tieferen Blick auf jeden von ihnen?

Builder-Einstellungen - Dadurch wird ein Dialogfeld mit verschiedenen Optionen angezeigt, mit denen Sie anpassen können, welche Symbole auf dem angezeigt werden Divi builder Symbolleiste, ändern Sie den Standardansichtsmodus (mobil, Desktop oder Tablet), aktivieren oder deaktivieren Sie UI-Animationen usw.

Drahtgitteransicht - Wenn Sie auf dieses Element klicken, wird die Drahtgitteransicht ein- oder ausgeschaltet. Sie können die Drahtgitteransicht verwenden, um eine strukturelle Ansicht Ihrer Seite zu erhalten.

Drahtgitteransicht

Zoom-Werkzeug - Ermöglicht das Vergrößern und Verkleinern der Seite.

Desktop-, Tablet- und Mobilansicht - Ermöglicht die Vorschau Ihrer Seite auf verschiedenen Geräten und die Bildschirmauflösung.

reaktionsschnelle Ansicht

Aus Bibliothek laden - Ermöglicht das Einfügen oder Verwenden einer vorgefertigten Vorlage aus der Vorlagenbibliothek in die Seite.

In Bibliothek speichern - Ermöglicht das Speichern der aktuellen Seite in der Vorlagenbibliothek.

Klares Layout - löscht alles auf der Seite.

Seiteneinstellungen - Ermöglicht den Zugriff auf die Einstellungen der Seite wie Titel, Auszug, ausgewähltes Bild usw.

Verlauf bearbeiten - Hier können Sie sehen, welche Änderungen in der aktuellen Bearbeitungssitzung vorgenommen wurden. Durch Klicken auf ein Element können Sie in die Vergangenheit zurückkehren, alle vorgenommenen Änderungen rückgängig machen und den Status der Seite wiederherstellen. 

Bearbeitungsverlauf

Datenübertragbarkeit - Importieren oder exportieren Sie Ihr aktuelles Layout.

Such- und Hilfeschaltflächen - diese Schaltflächen ermöglichen den Zugriff auf Divi builder's Dokumentation; Mit der Suchschaltfläche können Sie nach einer bestimmten Aktion, einem Menüpunkt oder einem Element suchen.

Schaltflächen "Entwurf speichern" und "Veröffentlichen" - ziemlich selbsterklärend.

Elementspezifisches Menü

Beim Benutzen Divi builder, wenn Sie mit der Maus über ein Element fahren, wird ein weiterer Menüsatz angezeigt. In diesen Menüs können Sie die Einstellungen eines bestimmten Elements konfigurieren, z. B. seinen Inhalt, sein Layout oder das Hinzufügen eines benutzerdefinierten CSS.

Elementspezifisches Menü

Divi Builder in Aktion

Unten ist ein Gif zum Bearbeiten einer Seite mit dem Divi builder. Sie können den Seitenersteller verwenden, um Elemente zu verschieben, um sie neu zu positionieren, oder Sie können auf einen Text doppelklicken, um eine Inline-Bearbeitung durchzuführen usw.

divi ui-demo

Und das ist so ziemlich alles für die Grundlagen von Divi builder Benutzeroberfläche.

Das Divi Builder's UI ist minimalistisch - sauber und einfach, bietet aber alles, was Sie brauchen, um Dinge zu erledigen.

Es überwältigt Sie überhaupt nicht und hält Sie auf Ihre Designs fokussiert. Es bietet ein Vollbild-Erlebnis. Dies bedeutet jedoch, dass das Hinzufügen neuer Elemente manchmal viel Klicken erfordert.

Das Einzigartige an der Benutzeroberfläche ist die Möglichkeit, zur Drahtmodellansicht und zur Front-End-Ansichtsnaht zu wechselnlessly.

Dies ist besonders bei großen Seiten nützlich, da Sie Elemente leichter verschieben können. Auch in der Frontend-Ansicht des Divi builder, das Verschieben von Elementen, insbesondere wenn die Seite bereits mit Inhalten gefüllt ist, neigt dazu, etwas verzögert zu sein.

Durch das Umschalten auf die Drahtgitteransicht wird die Verzögerung beseitigt.

Schließlich ist es mit der Drahtgitteransicht viel einfacher, auf elementspezifische Menüs zuzugreifen, da diese immer sichtbar sind.

Wie Sie sehen können, ist die Benutzerfreundlichkeit Elegant Themes haben daran gearbeitet, die Divi builder einfach, aber leistungsstark zugleich.

Jetzt sind wir fertig mit dem Divi Builderwerfen wir einen Blick auf die Benutzeroberfläche von Elementor. Unser nächster Abschnitt des Elementor vs Divi builder Der Vergleich konzentriert sich auf die Elementor-Benutzeroberfläche,

Benutzeroberfläche von Elementor

Die Benutzeroberfläche von Elementor unterscheidet sich stark von den meisten anderen Seitenerstellern. Wenn die Divi builder konzentriert sich auf Minimalismus, Elementor konzentriert sich auf Barrierefreiheit, aber die Benutzererfahrung ist auch mit diesem Seitenersteller großartig.

Wir verwenden diesen Abschnitt unseres Elementor vs Divi builder Vergleich, um sich auf die Unterschiede zwischen den beiden zu konzentrieren.

Elementor verwendet das Konzept von Bausteinen, mit denen jede Seite in mehreren "Abschnitten" erstellt wird. Schauen Sie sich das folgende 1-minütige Video an, in dem genau erklärt wird, wie dies funktioniert:

VRoPdyk97mg

Wenn Sie eine neue Seite mit aktivem Elementor erstellen, gelangen Sie zum Standardeditor von WordPress. Um die Seite zu bearbeiten, müssen Sie auf die Schaltfläche „Mit Elementor bearbeiten“ im oberen Teil des Bildschirms klicken, um den Elementor-Builder aufzurufen.

Laden Sie eine Kopie des Plugins herunter

Neue Seite erstellen

Durch Klicken auf die Schaltfläche wird die Benutzeroberfläche von Elementor geöffnet, die aus zwei Teilen besteht: dem Seitenleiste und der Seitenvorschau.

elementor ui

Sie können die Seitenleiste ausblenden, indem Sie auf das kleine Symbol im folgenden GIF klicken:

Seitenleiste ausblenden

Durch Ausblenden der Seitenleiste erhalten Sie eine Vollbildvorschau Ihrer !. Beachten Sie, dass Sie nichts bearbeiten können, während die Seitenleiste ausgeblendet ist.

Hinzufügen von Elementen in Elementor

Um der Seite ein Element hinzuzufügen, ziehen Sie einfach eines von der Seitenleiste auf die Seite und legen Sie es dort ab.

Drag & Drop

In Elementor ändert sich beim Ziehen und Ablegen eines Elements die Seitenleiste, um Optionen anzuzeigen, die für das gerade hinzugefügte Element spezifisch sind.

Mit der roten Plus-Schaltfläche und dem Ordnersymbol in der Seitenvorschau können Sie einen neuen Abschnitt hinzufügen oder eine Vorlage aus Ihrer Bibliothek laden.

Nach dem Ziehen und Ablegen eines Elements auf die Seite oder nach Auswahl eines Elements auf der Seite werden Sie feststellen, dass auf der Seite stattdessen Optionen für das ausgewählte Element angezeigt werden.

Um zum Elementauswahlfenster zurückzukehren, können Sie auf das Symbol für quadratische Kacheln in der oberen rechten Ecke des Seitenleistenmenüs klicken.

Navigation in der Seitenleiste

Klicken Sie auf dieses Symbol, um zum Elementauswahlfeld zurückzukehren. Sie können jetzt ein anderes Element von hier auf die Seite ziehen und dort ablegen.

Sidebar

Die Seitenleiste ist in drei Teile unterteilt.

  1. Das obere Menü,
  2. der Körper und
  3. das untere Menü.

Das obere Menü enthält allgemeine Einstellungen, der Hauptteil zeigt Informationen zum aktuell ausgewählten Element an und das untere Menü zeigt zusätzliche Einstellungen an, die Sie konfigurieren können. 

Oberes Menü

Das obere Seitenleistenmenü des Elementor-Seitenerstellers befindet sich in der oberen linken Ecke der Seitenleiste. Hier können Sie Standardeinstellungen für Stile und Schriftarten, Farbauswahl usw. konfigurieren.

oberes Seitenleistenmenü

Neben den Styling-Optionen stehen in diesem Menü noch verschiedene andere Elemente zur Verfügung.

Es gibt eine Suchfunktion, einen Link zur Einstellungsseite von Elementor und vieles mehr. Sie können auch das Blau finden zum Dashboard beenden Schaltfläche, mit der Sie zum WordPress-Dashboard zurückkehren.

Bottom Menu

Am unteren Rand der Seitenleiste sehen Sie zusätzliche Menüpunkte.

unteres Seitenleistenmenü

Von links nach rechts haben wir die Einstellungen, den Navigator, den Verlauf, den Reaktionsmodus, die Vorschauänderungen und die Schaltfläche zum Veröffentlichen.

Die Schaltfläche "Veröffentlichen" verfügt über ein Untermenü, auf das Sie zugreifen können, indem Sie auf den kleinen Aufwärtspfeil daneben klicken. Wenn Sie darauf klicken, werden zwei zusätzliche Speicheroptionen angezeigt: Entwurf speichern und Als Vorlage speichern.

zusätzliches Menü

Lassen Sie uns jeden von ihnen schnell durchgehen.

Einstellungen - das Zahnradsymbol ganz links im unteren Menü. Es enthält Einstellungen für die Seite, an der Sie gerade arbeiten.

Hier können Sie den Titel Ihrer Seite bearbeiten, ein ausgewähltes Bild hinzufügen, den Veröffentlichungsstatus (Entwurf, geplant, veröffentlicht), das Standardlayout usw. ändern. Sie können auch das Vorhandensein von zwei zusätzlichen Registerkarten feststellen: der Stil . fortgeschritten Tabs

Seitenleisten-Einstellungsfeld

Auf der Registerkarte "Stil" können Sie die Einstellungen für den Textstil der Seite konfigurieren. Sie können eine Hintergrundfarbe oder ein Bild definieren und die Auffüllung ändern.

Auf der Registerkarte "Erweitert" können Sie Ihr benutzerdefiniertes CSS hinzufügen.

Navigator - ermöglicht uns eine hierarchische Ansicht der Elemente auf der Seite. Dies ist vergleichbar mit dem Divi builder's Wireframe-Modus. Der Navigator ist jedoch nur ein schwebendes Menü, das die Elementhierarchie Ihrer Seite darstellt. Sie können Elemente auch mit dem Navigator neu anordnen, obwohl seine Funktionalität nicht so gut ist wie der Drahtmodellmodus, den wir oben in der gesehen haben Divi builder.

Der Hauptzweck des Navigators besteht, wie der Name schon sagt, darin, Ihnen das Navigieren auf Ihrer Seite zu erleichtern. Dies ist sehr praktisch, insbesondere wenn Sie eine komplexe Seite mit unzähligen Elementen haben.

Navigator

Geschichte - wo Sie Ihren Bearbeitungsverlauf sehen können. Sie können zu einer früheren Version Ihrer Änderungen zurückkehren. Beachten Sie jedoch, dass nur Änderungen der aktuellen Sitzung gespeichert werden.

Es gibt eine Sache, die die History-Funktion von Elementor von der unterscheidet Divi builder, und es ist ein großes, das die Verlaufsfunktion um ein Vielfaches verbessert.

Wie Sie dem obigen Bild entnehmen können, befindet sich im Verlaufsfenster eine weitere Registerkarte mit der Bezeichnung „Revisionen“. Diese Überarbeitungen werden beibehalten auch nach Beenden der Benutzeroberfläche des Seitenerstellers oder sogar nach dem Schließen Ihres Browsers.

Jedes Mal, wenn Sie auf die Schaltfläche "Aktualisieren" klicken, wird eine neue Revision gespeichert.

Revisionen

Darüber hinaus führt das Plugin automatische Speicherungen durch, um zu verhindern, dass Sie Ihre Arbeit aufgrund von Problemen wie Browserabstürzen verlieren.

Auf diese Weise können Sie problemlos zu einer früheren Version zurückkehren, auch wenn Sie den Editor schließen, sich von WordPress abmelden oder Ihren Computer herunterfahren. Allein diese Funktion macht Elementor zu einem klaren Gewinner gegen die Divi builder in Bezug auf die Revisionshistorie.

Reaktionsmodus - Ermöglicht Ihnen eine Vorschau, wie Ihre Seite in verschiedenen Geräten und Bildschirmauflösungen aussehen wird.

reaktionsschnelle Vorschau

Vorschau von Änderungen - öffnet eine neue Registerkarte, über die Sie eine Live-Vorschau Ihrer Seite erhalten.

Elementspezifisches Menü

Wenn Sie auf der Vorschauseite auf ein Element klicken, wird ein elementspezifisches Menü mit seinen einzigartigen Optionen angezeigt, die Sie konfigurieren können.

Elementspezifisches Menü 2

Elementor in Aktion

So wie wir es mit gemacht haben ElegantThemes'-Produkt, im nächsten Teil unseres Divi vs Elementor-Vergleichs zeigen wir Elementor in Aktion, damit Sie den Unterschied zwischen diesen beiden Seitenerstellern verstehen können.

Mithilfe von animierten Gifs können Sie das Produkt im Rahmen unserer Überprüfung von Elementor vs Divi in ​​Aktion sehen.

Unten sehen Sie, wie wir Elemente per Drag & Drop verschieben können, um sie neu zu positionieren, wie Sie die Textnaht bearbeiten könnenlessly, wie Sie neue Elemente hinzufügen können usw.

elementor ui-demo

Wie wir sehen können, konzentriert sich der Elementor-Builder auf Barrierefreiheit und Benutzerfreundlichkeit.

Im Gegensatz zu Divi, an das man sich erst nach einiger Zeit gewöhnen kann, fühlen sich die Benutzer bei Elementor wie zu Hause. Das Hinzufügen neuer Elemente ist kinderleicht, da Sie das benötigte Element nur per Drag & Drop aus der Seitenleiste in den Vorschaubereich ziehen müssen.

Beim Vergleich von Divi und Elementor sehen wir, dass sie einen anderen Fokus haben. Der erste konzentriert sich auf Einfachheit und Sauberkeit, der zweite auf Verfügbarkeit und Zugänglichkeit.

Wer gewinnt also, wenn es um Elementor vs Divi geht - welcher visuelle Builder ist einfacher zu verwenden?

Wir glauben nicht, dass es einen Gewinner in Bezug auf die Benutzerfreundlichkeit gibt. Sowohl Elementor- als auch Divi-Seitenersteller verfügen über eine Benutzeroberfläche, mit der Sie Ihre Arbeit erledigen können.

Es ist nur eine Frage des Stils und der Vorlieben. 

Gewinner von Elementor vs Divi UI: Krawatte

Weitere Informationen finden Sie auf der Website des Plugins

Nachdem wir die Benutzeroberflächen beider Plugins untersucht haben, ist es an der Zeit, einen Blick auf die verfügbaren Elemente oder Widgets und Module der Seitenersteller zu werfen.

Die tatsächlichen "Elemente" oder "Module" werden im nächsten Teil unseres Vergleichs zwischen Elementor und Divi hervorgehoben.

verschiedenste Komponenten

Mit den Elementen erstellen Sie Ihre Seite. In Bezug auf Divi vs Elementor unterscheidet sich die Verwendung der Terminologie geringfügig, aber im Allgemeinen sind die Konzepte ziemlich ähnlich.

Das Divi builder nennt seine Elemente die Sektion, the Reihen und Spalten, und der Module. Wie Divi arbeitet Elementor mit drei Grundbausteinen, nennt seine Elemente jedoch das Abschnitt, ÜberblickUnd der widgets.

Elemente werden verwendet, um die Struktur einer Seite zu definieren. Während die Namen in Elementor vs Divi builder, die Konzepte sind die gleichen.

Werfen wir einen tieferen Blick, beginnend mit dem Divi builder.

Divi Builder's Elemente: Abschnitt, Zeilen und Module

Divi builder's Elemente sind in drei Hauptkategorien unterteilt: die Abschnitt, die als Container fungiert, die Reihen, die als Teiler fungiert, und die Module, die der eigentliche Inhalt sind.

Das Bild unten zeigt Ihnen eine leere Seite. Diese Seite besteht aus drei Abschnitten. 

Der zweite Abschnitt enthält eine Reihe, die grün hervorgehoben ist. Die Zeile ist in drei Spalten unterteilt. Die Spalten sind leer.

Schließlich enthält der untere Bereich auch eine Zeile, die jedoch nicht hervorgehoben ist. Die Zeile ist ebenfalls in drei Spalten unterteilt, ähnlich der im zweiten Abschnitt. Die mittlere Spalte der unteren Zeile enthält ein Modul, in diesem Fall ein Schaltflächenmodul.

 

die Elemente

Um Abschnitte, Zeilen oder Module hinzuzufügen, klicken Sie auf die Plus-Schaltflächen.

Das Blau Lila or Orange Mit der Plus-Schaltfläche wird ein Abschnitt hinzugefügt (die Farbe der Abschnittshervorhebung ändert sich je nach Art des Abschnitts: Blau für Normal, Lila für volle Breite und Orange für Spezialität) Grün Plus-Taste fügt eine Zeile und die Schwarz Mit der Plus-Taste wird ein Modul hinzugefügt.

Abschnitte

In den Divi builder, fungiert der Abschnitt als Container für Zeilen und Module.

Sie können Abschnitte verwenden, um Ihre Seite in verschiedene Teile zu unterteilen. Sie können beispielsweise drei Abschnitte auf einer Seite haben. Der erste ist ein Abschnitt über, der zweite ist ein Kontaktabschnitt und der dritte ist ein Geschäftsstandortabschnitt.

Abschnitte sind "unabhängig" voneinander. Wenn Sie im ersten Abschnitt eine blaue Hintergrundfarbe anwenden, sind die beiden anderen Abschnitte nicht betroffen.

Abschnitte hinzufügen - Durch Klicken auf die blaue (oder orange oder lila) Plus-Schaltfläche auf der Seite können Sie einen neuen Abschnitt hinzufügen. Wenn Sie auf die angegebene Schaltfläche klicken, wird ein Dialogfeld angezeigt, in dem Sie aufgefordert werden, aus drei verschiedenen Abschnittsarten auszuwählen: Normal, Spezial und Vollbreite.

Neuer Abschnitt

In regulären Abschnitten können Sie Zeilen mit nebeneinander angeordneten Spalten hinzufügen. In speziellen Abschnitten können Sie eine komplexere Zeilen- und Spaltenanordnung hinzufügen. In Abschnitten mit voller Breite können Sie spezielle Elemente mit voller Breite wie Portfolio, Post-Slider, Post-Titel usw. hinzufügen.

Es besteht auch die Möglichkeit, einen Abschnitt aus Ihrer Bibliothek hinzuzufügen. Wenn Sie zuvor einen Abschnitt gespeichert haben, können Sie ihn jetzt hier finden und zur Seite hinzufügen.

Werfen wir nun einen Blick auf die Divi builder Abschnitt Einstellungen.

Wenn Sie mit der Maus über ein Element fahren, wird es hervorgehoben und eine Aktionsleiste in der oberen rechten Ecke des hervorgehobenen Bereichs angezeigt. Sehen Sie sich die folgende Animation zur Verwendung der Abschnittseinstellungen des Divi builder. 

Abschnittseinstellungen

Mit diesen Einstellungen können Sie das spezifische Element konfigurieren. Für Abschnittselemente haben Sie Folgendes:

  • Abschnitt verschieben
  • Abschnitt Einstellungen
  • Doppelter Abschnitt
  • Abschnitt in Bibliothek speichern
  • Abschnitt löschen
  • Zusätzliche Abschnittseinstellungen
    • In Bibliothek speichern
    • Split-Test
    • Deaktivieren
    • Zahnscheiben
    • Abschnitt kopieren
    • Kopieren Sie den Abschnittsstil
    • Abschnittsstil zurücksetzen
    • Geänderten Stil anzeigen
    • Erweitern Sie den Abschnittsstil

Die meisten dieser Optionen sind selbsterklärend, aber was hier interessant ist, ist die Split-Test .

Das ist ein A / B Testfunktion, mit der Sie Split-Tests für jede Art von Divi builder Elemente aus Zeilen, Abschnitten, Spalten und Modulen.

Wenn es um Divi vs Elementor in Bezug auf A / B-Tests geht, hat Divi die Nase vorn. Die einzige Möglichkeit, Split-Tests mit Elementor durchzuführen, ist die Verwendung eines Plugins oder Dienstes eines Drittanbieters wie Google Optimize.

Durch Klicken auf das Zahnradsymbol (Abschnittseinstellungen) wird ein Dialogfeld mit zusätzlichen Konfigurationsoptionen für den hervorgehobenen Abschnitt angezeigt.

Dialogfeld "Abschnittseinstellungen"

Das Dialogfeld für die Abschnittseinstellung enthält drei Registerkarten: Inhalt, Design und Erweitert. Die Registerkarte "Inhalt" enthält Elemente, die sich auf den Inhalt des ausgewählten Elements beziehen, während die Registerkarte "Design" und "Erweitert" Stiloptionen enthält.

Reihen

Wie bei den meisten anderen Seitenerstellern sind die Zeilen Elemente, die sich in einem Abschnitt befinden. Wenn Sie eine Zeile hinzufügen, müssen Sie eine Zeilenvariante auswählen. Zeilenvariationen unterscheiden sich darin, wie viele Spalten standardmäßig vorhanden sind und wie groß jede Spalte ist.

Zeilen verwenden die reaktionsschnelle 12-Spalten-Raster

Zeilenauswahl

Wenn Sie eine komplexere Spaltenstruktur wünschen, sollten Sie a verwenden Fachbereich.

spezielle Abschnitte

Die Zeilenvarianten des Spezialabschnitts weisen eine komplexere Spaltenlayoutstruktur auf, wie Sie aus dem obigen Bild sehen können.

Zeileneinstellungen - Genau wie Abschnitte verfügt eine Zeile über eine Aktionsleiste, wenn Sie mit der Maus darüber fahren, um auf bestimmte Menüelemente zuzugreifen. Es hat so ziemlich die gleichen Dinge wie in Abschnitten, abgesehen von der Spaltenstruktur ändern Option, die nur für Zeilenelemente gilt.

 

Spaltenstruktur ändern

Module

Die Module im Divi builder werden Sie verwenden, um Ihrer Seite sichtbaren Inhalt hinzuzufügen. Bei den Modulen handelt es sich um Website-Elemente wie Texte, Bilder, Absätze, Videos, Kontaktformulare, Karten usw.

Durch Klicken auf die schwarze Plus-Schaltfläche wird ein Modulauswahldialogfeld geöffnet. Nach Auswahl eines Moduls werden in einem anderen Dialogfeld Einstellungen angezeigt, die auf das von Ihnen ausgewählte Modul zugeschnitten sind.

Wenn Sie beispielsweise das Textmodul auswählen, wird in dem von Ihnen ausgewählten Bereich ein Platzhaltertext angezeigt.

Über das Dialogfeld können Sie den Text selbst bearbeiten und Stile hinzufügen, benutzerdefiniertes CSS hinzufügen usw.

Textmodul

Jedes Modul verfügt über dasselbe Dialogfeld, in dem Sie auf Einstellungen und Anpassungsoptionen zugreifen können, genau wie oben.

Um die Einstellungen eines Moduls zu öffnen, bewegen Sie die Maus über das Modul, bis die Aktionsleiste angezeigt wird, und klicken Sie dann auf das Zahnrad- / Einstellungssymbol.

Moduleinstellungen

Das Einstellungsdialogfeld enthält drei Registerkarten: Inhalt, Design und Erweitert.

  • Die Registerkarte Inhalt enthält Konfigurationseinstellungen für das Modul. Dies variiert je nach Modul.
  • Die Registerkarte "Design" enthält Designoptionen, mit denen Sie die Ausrichtung, den Abstand, die Typografie usw. des Inhalts ändern können.
  • Über die Registerkarte Erweitert können Sie auf Optionen wie erweiterte CSS-Konfiguration, Übergänge usw. zugreifen.

 

Fazit:

Wie wir oben gesehen haben, ist der Zugriff auf Elemente, insbesondere auf Modulelemente, etwas eigenartig, da Sie mehrmals klicken müssen, um sie zu erhalten.

Auf der anderen Seite vielleicht eines der besten Dinge an der Divi builder's Elemente sind die speziellen Zeilen. Damit können Sie relativ einfach ein komplexes Layout und eine komplexe Positionierung erstellen.

Jetzt, da wir die gesehen haben Divi Builder's Elemente, werfen wir einen Blick auf die Elemente von Elementor als nächstes in unserem Elementor vs Divi builder Showdown.

Elemente des Elementors: Abschnitt, Spalten und Widgets

Wie Divi hat Elementor drei verschiedene Elementkategorien: die Abschnitt, die als Container fungiert, die Spalten die den Abschnitt teilen, und die widgets Welches sind die eigentlichen Inhalte.

Im Bild unten sehen Sie eine leere Seite, die in drei Abschnitte unterteilt ist.

Der obere Bereich ist leer. Der zweite Abschnitt enthält drei Spalten und der untere Abschnitt enthält ebenfalls drei Spalten, wobei die mittlere Spalte ein Schaltflächen-Widget enthält.

die Elemente 2

Das Hinzufügen von Elementen auf der Seite ist so einfach wie das Ziehen und Ablegen eines Widgets aus der Seitenleiste in einen leeren Bereich.

im Gegensatz zu den Divi builder Dies erfordert, dass Sie zuerst einen Abschnitt und eine Spalte erstellen, bevor Sie ein Element hinzufügen können. In Elementor können Sie beispielsweise einfach ein Schaltflächen-Widget aus der Seitenleiste in einen leeren Bereich Ihrer Seite ziehen und fertig .

Es wird automatisch ein Abschnitt mit einer einzelnen Spalte erstellt, die das ausgewählte Widget enthält.

Elemente hinzufügen

Wenn Sie ein Element bearbeiten, ändert die Seitenleiste seinen Inhalt, um die entsprechenden Einstellungen für dieses Element anzuzeigen.

Wie bei der Divi builder, können Sie Elemente ziehen und ablegen, um sie auf der Seite neu zu positionieren. Sie können auf einen beliebigen Text auf der Seite klicken, um ihn direkt zu bearbeiten. Sie können auch die Spaltengröße frei ändern.

Wenn Sie mit der rechten Maustaste auf ein Element auf der Seite klicken, wird ein Kontextmenü angezeigt, das je nach aktuell ausgewähltem Elementtyp geringfügig variiert.

Abschnitt

Der Abschnitt fungiert als Container für Spalten und Widgets.

Es gibt zwei Arten von Abschnitten in Elementor, die normal Abschnitt, und die innere Abschnitt.

Der innere Abschnitt kann nur innerhalb eines normalen Abschnitts existieren. Ein innerer Abschnitt ähnelt etwas Spalten, Sie können jedoch mehrere innere Abschnitte und mehrere Spalten darin enthalten, sodass Sie komplexe Layouts erstellen können.

Hinzufügen neuer Abschnitte

Abschnitt Einstellungen - Wenn Sie mit der Maus über ein Element auf der Seite fahren, wird der Abschnitt hervorgehoben, zu dem sie gehören. Der hervorgehobene Bereich enthält oben ein kleines Menü.

Dieses kleine Menü enthält drei Elemente: den neuen Abschnitt hinzufügen (Plus-Schaltfläche), den Bearbeitungsabschnitt (gepunkteter Bereich) und den Löschabschnitt (x-Schaltfläche).

Abschnittsmenü

Durch Hinzufügen eines neuen Abschnitts wird ein neuer leerer Abschnitt über den hervorgehobenen hinzugefügt.

Im Bearbeitungsabschnitt werden die Abschnittseinstellungen in der Seitenleiste angezeigt. Sie können auch darauf zugreifen, indem Sie mit der rechten Maustaste auf einen leeren Teil des Abschnitts klicken.

In den Abschnittseinstellungen gibt es drei Registerkarten: Layout, Stil und Erweitert. Sie können die Layout- und Strukturoptionen auf der Registerkarte Layout konfigurieren.

Auf der Registerkarte "Stil" können Sie Stiloptionen konfigurieren und auf der Registerkarte "Erweitert" können Sie zusätzliche Optionen für erweiterten Stil und Attribute konfigurieren.

Registerkarte "Abschnittsstil erweitert"

Spalten

Die Spalten teilen Abschnitte vertikal. Die Spalten fungieren als Container für die Widgets, einschließlich der Widgets für den inneren Abschnitt.

Wenn Sie einen neuen Abschnitt hinzufügen, können Sie auswählen, wie viele Spalten darin enthalten sein sollen.

neue Spalten

Spalteneinstellungen - Der Zugriff auf die Spalteneinstellungen erfolgt durch Bewegen des Mauszeigers über eine Spalte und Klicken mit der rechten Maustaste auf das jetzt sichtbare Spaltensymbol. Es werden verschiedene Optionen angezeigt, mit denen Sie die Spalte bearbeiten, die Spalte duplizieren, eine neue Spalte hinzufügen usw. können.

Spalteneinstellungen

Durch Auswahl der Bearbeitungsspalte wird die Seitenleiste so geändert, dass spaltenbezogene Einstellungen angezeigt werden. Genau wie in den Abschnittseinstellungen gibt es auch hier drei Registerkarten: Layout, Stil und Erweitert.

Spalteneinstellungsfeld

Die Registerkarte Layout enthält Layoutkonfigurationsoptionen wie Spaltenbreite, Ausrichtung usw.; Der Stil und die erweiterten Registerkarten entsprechen weitgehend denen, die Sie in den Einstellungen des Abschnitts sehen können.

Widgets

Das letzte Stück zu den Unterschieden zwischen Elementor und Divi, wenn es um die tatsächlichen Elemente geht, sind die Widgets.

Die Widgets sind der Inhalt oder Elemente (daher Elementor) können Sie auf Ihren Seiten verwenden.

Dies sind häufig verwendete Elemente wie Text, Bilder, Videos, Galerien, Schaltflächen usw. Das Hinzufügen eines Widgets ist so einfach wie das Ziehen eines Widgets aus der Seitenleiste auf die Seite oder das Klicken auf die Plus-Schaltfläche, um das Widget-Auswahlfeld aufzurufen, und das Ziehen und Ablegen .

Widget-Einstellungen - Durch Auswahl eines Widgets wird die Seitenleiste geändert, um die konfigurierbaren Optionen für das jeweilige Element anzuzeigen. Im folgenden GIF können Sie sehen, wie jedes Element unterschiedliche Optionen anzeigt.

Widget-Einstellungen

Sie können auf dieses Bedienfeld auch zugreifen, indem Sie mit der rechten Maustaste auf ein Element klicken und das auswählen edit [Elementname] Element im Kontextmenü.

Schließlich verfügt jedes Widget auch über den Stil und die erweiterten Registerkarten, auf die Sie über das Seitenleistenfenster zugreifen können.

Die Registerkarte "Stil" ändert sich je nach ausgewähltem Widget. Beispielsweise verfügen Bild-Widgets nicht über Optionen für den Typografie-Stil, während Text-Widgets keine Bemaßungseinstellungen haben.

Die Registerkarte "Erweitert" ist dieselbe wie in den anderen Elementen.

Entdecken Sie alle verfügbaren Elemente

Globale Widgets

In Elementor gibt es eine spezielle Art von Widget: globale Widgets. Sie können ein Widget als globales Widget speichern und an einer beliebigen Stelle auf der Seite oder der Site verwenden. Sie können sie auch alle gleichzeitig an einem einzigen Ort bearbeiten.

Fazit:

Elementor hat eine größere Auswahl an Elementen im Vergleich zum Divi builder. Da jedoch beide Widget-Plugins von Drittanbietern unterstützen, gleicht es sich irgendwie aus.

Elementor bietet eine schnellere Möglichkeit, Elemente zu einer Seite hinzuzufügen, da Sie sie einfach per Drag & Drop aus der Seitenleiste in die Vorschau ziehen können. Das Divi builder, andererseits müssen Sie mehrmals klicken, bevor Sie zu dem Element gelangen, das Sie hinzufügen möchten.

Genau wie in unserem vorherigen Abschnitt des Vergleichs zwischen Elementor und Divi ist dies sehr eng, obwohl Elementor in diesem Abschnitt möglicherweise einen leichten Vorteil hat.

Jetzt haben wir die Benutzeroberfläche und die Elemente beider WordPress-Plugins gesehen. Es ist Zeit, die Stiloptionen der Elementor- und Divi-Seitenersteller zu sehen und zu vergleichen.

Styling in Elementor vs. Divi

Sowohl Divi als auch Elementor bieten umfassende und erweiterte Styling-Optionen, die sowohl für Programmierer oder Experten auf dem Gebiet des Webdesigns als auch für Nicht-Programmierer geeignet sind.

Die Art und Weise, wie Divi vs Elementor sich dem Styling nähern, ist jedoch etwas anders. Einige Dinge, die in einem verfügbar sind, sind in dem anderen nicht verfügbar.

In diesem Abschnitt werden wir uns die jeweiligen Styling-Optionen genauer ansehen. Unser Elementor vs Divi builder wäre nicht vollständig ohne einen tiefen Einblick in diese Funktionen in beiden Seitenerstellern.

Divi Builder Styling-Optionen

Durch Doppelklicken auf ein Element im Divi-Seitenersteller, unabhängig davon, ob es sich um einen Abschnitt, eine Zeile oder ein Modul handelt, wird das Einstellungsfeld geöffnet. Sie können auf dieses Bedienfeld auch zugreifen, indem Sie den Mauszeiger über ein bestimmtes Element bewegen, bis eine Aktionsleiste angezeigt wird, und dann auf das Zahnradsymbol klicken.

Es gibt drei Registerkarten im Einstellungsfeld: die Registerkarten Inhalt, Design und Erweitert.

Das Divi builderDie Gestaltungsoptionen von können über die Registerkarten Design und Erweitert konfiguriert werden. Auf der Registerkarte Design können Sie Typografie, Boxschatten, Ränder, Animationen, Filter usw. konfigurieren. Dies sind Elemente, die über Schieberegler und Eingabezahlen konfiguriert werden können.

Sie sind sehr einfach zu bedienen, auch für diejenigen, die keine Programmierer sind.

Styling-Optionen für Divi

Für fortgeschrittene Benutzer oder für diejenigen, die mehr Kontrolle über das Styling wünschen, kann die Registerkarte "Erweitert" verwendet werden. Hier können benutzerdefinierte CSS-IDs und -Klassen, benutzerdefinierter CSS-Code hinzugefügt, Sichtbarkeit konfiguriert usw. werden.

Responsives Styling

In den Divi Builder, können Sie unterschiedliche Stileinstellungen für verschiedene Geräte definieren.

Sie können beispielsweise die Schriftart eines Textelements als Verdana definieren und auf Desktop-Geräten eine Größe von 20 Pixel festlegen. Außerdem können Sie eine andere Einstellung für Mobilgeräte definieren, die eine Schriftart von Times New Roman und eine Größe von 10 Pixel aufweist.

reaktionsschnelle Stile

Das Divi builderDie Gestaltungsmöglichkeiten von Benutzern ermöglichen es allen Benutzern, ihre Seiten umfassend an ihre Bedürfnisse anzupassen.

Elementor-Styling-Optionen

Durch Auswahl eines Elements im Elementor-Seitenersteller wird die Anzeige in der Seitenleiste geändert, um die verfügbaren Optionen für dieses bestimmte Element widerzuspiegeln.

Wie die Divi builder, alle Elemente in Elementor haben drei Registerkarten in ihrem Einstellungsfenster. Die erste Registerkarte enthält entweder Inhalt oder Layout, dann Stil und Erweitert auf der zweiten bzw. dritten Registerkarte.

Sie können den Stil eines Elements über die Registerkarten Stil und Erweitert konfigurieren.

Auf der Registerkarte Stil können Sie verschiedene Stiloptionen wie Hintergrundfarben, Rahmen, Typografie usw. konfigurieren.

Elementor Styling Tränke

Die Registerkarte Erweitert enthält erweiterte Gestaltungsoptionen wie Ränder, benutzerdefinierten CSS-Code, Bewegungseffekte, Reaktionseinstellungen usw.

erweiterte Styling-Optionen

Responsives Styling

Genau wie bei Divi können Sie im Elementor-Builder separate Gestaltungsoptionen für verschiedene Geräte verwenden.

Responsive Styling Option Elementor

Steuern der Standard-Styling-Optionen von Elementor

Standardmäßig wendet das Page Builder-Plugin nach der Installation von Elementor automatisch seine Stiloptionen an, um die Ihres Themas zu überschreiben.

Sie können dies deaktivieren, indem Sie auf gehen Elementor > Einstellungen aus dem WordPress-Dashboard und überprüfen Sie die Standardfarben deaktivieren und Standardschriftarten deaktivieren.

Elementor verwendet jetzt die Standardschriftart und -farben Ihres Themas anstelle der eigenen.

Elementoreinstellungen

Es gibt auch eine Registerkarte "Stil", auf der Sie verschiedene grundlegende Standardeinstellungen wie generische Standardschriftarten, Standardinhaltsbreite usw. konfigurieren können.

Fazit:

Beide Plugins bieten eine hervorragende Auswahl an Styling-Tools und Optionen für jeden Geschmack. Gelegenheitsspieler und Nicht-Programmierer können ihre Stile mithilfe der Schieberegler und anderer Styling-Tools, über die beide Plugins verfügen, einfach definieren.

Fortgeschrittene Benutzer und Webdesigner, die mehr Kontrolle wünschen, können auch eines dieser beiden Plugins verwenden, da beide ihre benutzerdefinierten CSS-Codes für weitere Gestaltungsmöglichkeiten hinzufügen können.

Jetzt haben wir die Benutzeroberfläche, Elemente und Stiloptionen nicht mehr angezeigt. Es ist Zeit, sich die Vorlagen anzusehen und zu vergleichen, wie die Optionen von Elementor vs Divi miteinander verglichen werden!

Vorlagen

Mithilfe von Vorlagen können Sie Ihre Seiten viel schneller erstellen, als wenn Sie alles von Grund auf neu gestalten müssen.

Eines der Schlüsselelemente von Seitenerstellern und -themen ist heutzutage die Quantität und Qualität der Vorlagen, die als Teil des Produkts verfügbar sind. 

Werfen wir also einen Blick auf die Fülle an Vorlagen, die Divi vs Elemetor von diesen beiden Seitenerstellern angeboten wird.

Sowohl Elementor als auch Divi builder bieten Hunderte von Vorlagen an, aus denen Sie wählen können. 

Schauen wir uns an, was die beiden Seitenersteller Elementor vs Divi builder vergleichen, wenn es um vorgefertigte Vorlagen geht.

Divi Builder's Layouts

Der Divi Page Builder bietet 122 Layoutpakete mit vorgefertigten vollständigen Site-Vorlagen. In Divis Jargon werden sie Layouts genannt.

Sie sind in zwei Typen unterteilt: ein Layoutpaket, das aus mehreren Layouts (mehreren Seiten) mit demselben Thema und einem einzelnen Layout (dh einer einzelnen Seite) besteht.

Vorlagen

Layout-Packs enthalten mehrere Seiten, die zu einer vollständigen Nischen-Site gebündelt sind.

Ein Paket enthält beispielsweise Vorlagen für die Startseite, die Info-Seite, die Kontaktseite usw., die alle einem einheitlichen Satz von Designs oder Themen folgen. Ein einzelnes Layout ist nur eine Vorlage für eine einzelne Seite.

Sie können auch eigene Vorlagen erstellen und speichern, um sie später wiederzuverwenden. Sie können sie sogar exportieren, um sie auf einer anderen Site zu verwenden.

Sie können beispielsweise eine Produktdienst-Landingpage erstellen, die Sie dann aus den Layouts laden und für verschiedene Promos verwenden können, die Sie möglicherweise ausführen.

Elementor-Vorlagen

Die Vorlagen von Elementor sind in zwei Typen unterteilt: Blöcke und Seiten.

Die kostenlose Version ermöglicht Benutzern den Zugriff auf mehr als 40 Blöcke und mehr als 30 Seiten, während die Premium-Version zusätzliche 50+ Pro-Widgets und mehr als 300 Pro-Vorlagen freischaltet.

Sehen Sie sich die gesamte Liste der verfügbaren Elementor-Vorlagen / -Themen an

Wir haben auch eine Reihe von überprüft Elementor-Themen und -Vorlagen hier.

Blöcke sind Vorlagen für einzelne Abschnitte, die Sie in eine Seite einfügen können. Es gibt Blöcke für

  • Kontaktformulare,
  • Aktionstasten aufrufen,
  • Häufig gestellte Fragen,
  • Preistabellen,
  • Portfolios,
  • Header,
  • Dienstleistungen usw.

 

Elementor-Vorlagen

Seitenvorlagen sind das, wonach sie klingen: eine ganze Seitenvorlage. Obwohl wir gesagt haben, dass für Elementor Premium-Benutzer mehr als 300 Seitenvorlagen verfügbar sind, möchten Sie dies vielleicht tun Überprüfen Sie, was heute verfügbar ist.

Dies liegt daran, dass das Elemetor-Team ständig weitere Vorlagen erstellt und zur Bibliothek hinzufügt und wir nicht in der Lage sind, mit dem ständigen Strom der veröffentlichten Elementor-Vorlagen Schritt zu halten :-)

Für kostenlose Benutzer sind die Optionen reduziert, aber die Auswahl ist immer noch recht gut.

Seitenvorlagen

Da die Vorlagenbibliothek für die Elementor-Seitenerstellung kontinuierlich wächst, können Sie die neuesten Ergänzungen überprüfen, indem Sie in der oberen linken Ecke der Auswahloberfläche für Seitenvorlagen auf „Neu“ klicken.

Sie können Ihre Seite jederzeit in Ihrer Vorlagenbibliothek speichern, um sie später wiederzuverwenden. Mit Elementor können Sie Ihre Vorlagen auch exportieren, um sie auf einer anderen Site zu verwenden. 

Während sowohl der Elementor als auch Divi builder Plugins bieten eine große Auswahl an Vorlagen. Zum jetzigen Zeitpunkt glauben wir, dass die Divi builder bietet zahlenmäßig weit mehr.

Darüber hinaus erleichtert Divi dank seiner Vorlagenpakete das Erstellen einer ganzen Site.

Elementor vs. Divi Builder Vorlagen Gewinner: Divi Builder

Themenerstellung

AKTUALISIEREN: In der vorherigen Version dieses Artikels hatte nur Elementor eine Funktion zum Erstellen von Themen.

Mit der Veröffentlichung von Divi 4.0 ist diese Funktion nicht mehr auf Elementor beschränkt.

Das Divi Builder 4.0 Major Update, das im Oktober 2019 veröffentlicht wurde, konzentrierte sich auf die Ausstattung der Divi builder mit leistungsstarken Tools zum Erstellen von Themen, die es den Benutzern ermöglichen, Elemente, Module und Funktionen zu verwenden, um nicht nur statische Seiten, sondern auch dynamische Kopf-, Fuß- und Textlayouts zu erstellen. Mit anderen Worten, die Fähigkeit, vollständige Themen zu erstellen.

Wir haben diesen Abschnitt aktualisiert, um die neuen Änderungen widerzuspiegeln, und wir haben die Themenerstellungsfunktionen von Elementor vs Divi gegeneinander ausgespielt, um zu prüfen, ob letztere gegen erstere bestehen können.

Divis Theme Builder

Ein relativ neues Feature aus dem Divi builder, können Sie mit dem Page Builder jetzt Vorlagen erstellen, mit denen Sie das Design, das Layout und sogar das Verhalten Ihrer Website überschreiben können.

Die Funktionen sind in vielerlei Hinsicht denen von Elementor sehr ähnlich. Dies ist eine Funktion, bei der die Divi builder holt Elementor ein.

Sie können auf Divis Theme Builder zugreifen, indem Sie auf gehen Divi> Theme Builder.

Divi Theme Builder

Von dort aus können Sie eine neue Vorlage erstellen, eine Vorlage exportieren oder eine Vorlage aus externen Quellen importieren.

Einer der Nachteile zum Zeitpunkt dieses Schreibens ist, dass es keine Möglichkeit gibt, vorgefertigte Theme Builder-Vorlagen aus der Cloud zu importieren. Sie müssen eine JSON-Datei von einer externen Quelle herunterladen und hochladen, um eine vorgefertigte Vorlage zu importieren.

Apropos vorgefertigte Theme-Builder-Vorlagen: Es gibt viele Pakete, die kostenlos von der Divi builder Entwickler selbst, die Sie beziehen können hier Ihren Kundenservice-Helpdesk-Kontakt.. Suchen Sie einfach in der Suchleiste nach "Theme Builder Packs" und Sie können sie leicht finden.

Beiseite: Wenn Sie mehr von diesen Paketen erhalten möchten, empfehlen wir Ihnen, die zu besuchen Elegant Themes Website und abonnieren ihren Newsletter. Sie versenden ständig (buchstäblich täglich) neue Sachen, die mit dem verwendet werden können Divi builder, einer der wertvollsten Newsletter, die wir abonniert haben.

Mit dem Theme Builder können Sie eine globale Vorlage definieren, die das allgemeine Erscheinungsbild Ihrer gesamten Website überschreibt, und Sie können zielgerichtete Vorlagen erstellen, die auf bestimmte Beiträge, Seiten und Teile Ihrer Website angewendet werden können.

Erstellen einer neuen Vorlage

Beim Erstellen einer neuen Vorlage wird die Divi builder fragt Sie zunächst, wo die Vorlage angewendet werden soll. Sie können die Anwendung Ihrer Vorlagen auf bestimmte Beiträge oder Seiten oder sogar auf bestimmte Tags und Kategorien und mehr anwenden oder ausschließen.

Sobald Sie festgelegt haben, wo Ihre Vorlage angewendet werden soll, können Sie mit dem Erstellen und Entwerfen Ihrer Vorlage beginnen. Wenn Sie eine globale Kopf- und Fußzeilenvorlage definiert haben, werden diese automatisch zu Ihrer neuen Vorlage hinzugefügt.

Sie müssen sich nur um das Erstellen einer neuen Körpervorlage kümmern. Natürlich können Sie die Body-Vorlage bei Bedarf mit einer benutzerdefinierten überschreiben.

Klicken Sie entweder auf Benutzerdefinierten Körper hinzufügen, Fügen Sie einen benutzerdefinierten Header hinzu or Benutzerdefinierte Fußzeile hinzufügen Mit den Schaltflächen wird ein kleines Popup-Menü geöffnet, in dem Sie aus verschiedenen Optionen auswählen können, z. B. eine vorgefertigte Vorlage auswählen oder eine vorhandene kopieren können. Wenn es um vorgefertigte Vorlagen geht, hat Divi eine riesige Auswahl.

Von da an hast du das übliche Divi builder Tools und Module, die Ihnen zur Verfügung stehen, um mit der Erstellung Ihres geplanten Layouts zu beginnen.

Theme Builder von Elementor

Sie können über das WordPress-Dashboard auf den Elementor Theme Builder zugreifen und gehen zu Vorlagen > Theme Builder.

Von dort aus können Sie auswählen, welchen Teil Ihres Themas Sie erstellen möchten. 

Derzeit können Sie Elementor-Vorlagen für Seiten, Abschnitte, Popups, Kopf- und Fußzeilen, einzelne Beiträge, WooCommerce-Seiten und Archive erstellen.

Theme Builder

Sie verwenden dieselbe Benutzeroberfläche wie beim Erstellen von Seiten. Nur dieses Mal sind die verfügbaren Elemente in der Seitenleiste auf die spezifische Vorlage zugeschnitten, die Sie erstellen möchten.

Im Folgenden finden Sie beispielsweise den Inhalt der Seitenleiste beim Bearbeiten einer Header-Vorlage.

Seitenleiste des Theme Builders

Nachdem Sie eine Themenvorlage bearbeitet haben, können Sie auswählen, wie und wann die Vorlage angezeigt werden soll.

Für diesen Teil ist die Divi builder ist etwas einfacher zu verwenden als Elementor aufgrund der Verwendung von Kontrollkästchen, um auszuwählen, wo Sie eine bestimmte Vorlage ein- oder ausschließen möchten, im Vergleich zum Klicken auf das Verwenden Sie Bedingung Klicken Sie jedes Mal auf das Dropdown-Menü, wenn Sie eine neue Regel hinzufügen möchten.

Trotzdemless, Elementor kommt immer noch mit feinkörniger Steuerung, die der Divi Builder'S.

Sie können Ihre Elementor-Vorlagen mithilfe komplexer bedingter Regeln ein- und ausschließen. Angenommen, wir haben eine Vorlage mit dem Namen "A". Sie können diese Vorlage anzeigen, wenn sich die Seite unter der Kategorie "Angebote" befindet und der Autor "John Doe" ist (siehe unten).

Richtig und kreativ eingesetzt, kann diese Elementor-Regel-Engine ein unglaublich leistungsfähiges und nützliches Werkzeug sein. Es bietet Ihnen Flexibilität und Anpassungen auf einer sehr detaillierten Ebene. Dies reicht aus, um die Krone im Bereich Themengebäude zu stehlen.

Nur wenige Seitenersteller haben eine solche Funktion, und dies ist ein großes Unterscheidungsmerkmal.

Theme Builder Siedlungen

Und da haben Sie den Theme Builder des Elementors.

Gewinner von Elementor vs Divi Theme Builder: Elementor

Der nächste Abschnitt in unserem Artikel Elementor vs Divi beschreibt, wie die Preise verglichen werden.

AnzeigenPreise

 

Die Entscheidung zwischen Elementor und Divi Builder ehrlich gesagt kommt es auf den Preis an.

Man macht für eine Gruppe total Sinn und macht für eine andere buchstäblich 0 Sinn. Wie "Sie zünden Tausende von Dollar in Flammen an".

Lassen Sie uns einfach direkt hineinspringen:

 

Elementor-Preise

 

elementor Preisgestaltung 

Die Preise von Elementor beginnen bei 49 USD / Jahr für eine Site und reichen bis zu 999 USD / Jahr für 1,000 Sites. Alle Funktionen und Extras sind in jedem Plan enthalten.

Aber der Grund, warum es so beliebt ist, ist, dass es mit einem kommt FREE PLAN.

Und im Gegensatz zu fast jedem "gefälschten Freemium" -Tool da draußen, das Ihnen nur eine funktionale Nutzung bietetless kostenlose Version, sodass Sie gezwungen sind, ein Upgrade durchzuführen, reicht der kostenlose Plan von Elementor eigentlich aus, um schöne Seiten zu erstellen.

Im Ernst, Sie können 100% kostenlos schöne, professionell aussehende Seiten erstellen. Wenn Sie die guten Sachen wollen, dann müssen Sie natürlich upgraden. Der kostenlose Plan enthält jedoch mehr als 40 Widgets und mehr als 30 Vorlagen.

Das ist genug.

Pro Tip: Wenn Sie mehr als eine Site haben, verwenden Sie einfach von Anfang an die Expert-Lizenz. Wenn Sie Websites für Ihre Kunden erstellen und einen Seitenersteller wünschen, empfehlen wir normalerweise, die Expert-Lizenz zu erwerben und dann jedem Kunden den Preis einer Advanced-Lizenz in Rechnung zu stellen.

So können Sie bereits nach 2 Standorten die Gewinnschwelle erreichen. Von da an erhalten Sie von jedem Kunden einen Bonus von 99 USD.

Klicken Sie hier für den niedrigsten Preis für Elementor

Divi Builder AnzeigenPreise

Divi-Preise

Im Gegensatz zu Elementor, Divi Builder hat keine kostenlose Version zur Verfügung, aber sie haben eine Demo, auf die Sie zugreifen können. Sie können es selbst ausprobieren, bevor Sie es kaufen. 

Die Preisgestaltung von Divi macht es für Agenturen zu einem Kinderspiel.

Wir haben gearbeitet mit Elegant Themes und haben Zugang zu einem begrenzten 10% RABATT auf die Divi Builder für CollectiveRay Besucher, wie unten zu sehen ist. Angesichts des Preises und unseres Rabatts, der nur gültig ist bis September 2021Wir empfehlen Ihnen dringend, sich für den lebenslangen Zugang zu entscheiden - das ist ein Kinderspiel.

Mit nur 249 US-Dollar (224 US-Dollar mit meinem Rabatt) haben Sie lebenslangen Zugriff auf die Funktionen, den Support und die Community von Divi auf allen Ihren Websites auf Dauer.

Das heißt, Sie erhalten:

  • Jedes Thema, das sie haben
  • Unbegrenzte Nutzung für unbegrenzte Websites
  • Über 800 Website-Packs
  • Der Seitenersteller
  • Werbewerkzeuge
  • Testwerkzeuge

 

Und Dutzende anderer erstaunlicher Funktionen für nur 224 $ auf Lebenszeit. Keine Notwendigkeit zu erneuern. Sie müssen sich keine Sorgen um Updates machen (mehr dazu als nächstes). Kein Stress. Einfach anklicken, bezahlen und für immer verwenden. Fühlen Sie sich frei, einen anderen Page Builder zu wählen, aber beschweren Sie sich bitte nicht, wenn Sie Hunderte mehr ausgeben, als Sie dafür brauchen LESS Funktionalität.

Ist es teuer, wenn Sie 1 oder 2 Websites haben? Ja. Ist es wahnsinnig billig, wenn Sie Hunderte von Websites für alle Ihre Kunden haben?

NO.

Anmerkungen: Divi kostet mit meinem Rabatt nur 80 US-Dollar pro Jahr, aber wenn Sie ein Unternehmen sind, sparen Sie Geld, wenn Sie jetzt den lebenslangen Zugang kaufen. Wenn Sie 10 Jahre im Geschäft sind, sind das 800 US-Dollar. Wenn Sie jetzt lebenslangen Zugang kaufen, sind es 224 US-Dollar. Es ist ein Kinderspiel.

Erhalten Sie 10% Rabatt auf Divi Builder bis September 2021


Elementor vs. Divi Builder AnzeigenPreise Fazit:

Elementor ist perfekt für Anfänger mit kleinem Budget und Unternehmen mit einer Website. Das jährliche Preismodell kostet Sie jedoch über die gesamte Lebensdauer Ihres Unternehmens Hunderte oder sogar Tausende von Dollar mehr.

Der einmalige, lebenslange Zugangsplan von Divi ist perfekt für Agenturen und größere Betriebe. Ich werde das jedoch sagen. Sie könnten jetzt eine kleinere Operation sein, aber wer weiß in 1, 3 oder 5 Jahren. Wenn Sie keinen lebenslangen Zugriff auf unbegrenzte Websites haben, ist die Skalierung möglicherweise sehr schwierig.

Ein Wort der Vorsicht: Lassen Sie Ihre Website nicht für Hacks offen und riskieren Sie Ihr Geschäft

Tut mir leid, aber ich habe noch eine kurze Geschichte darüber, wie ich versucht habe, eine Abkürzung zu nehmen, und es hat mich fast teuer gekostet.

Dies geschah, als wir versuchten, die Zahlung eines Abonnements für Elementor zu vermeiden.

Wir dachten, es wäre eine gute Idee für uns, ein einjähriges Abonnement für die Plus-Stufe abzuschließen und dann nicht zu verlängern. Schließlich würden wir nach der Einrichtung der Site keine Upgrades und keinen Support mehr benötigen, oder?

FALSCH. Updates sind absolut kritisch!

Kürzlich wurde in Elementor Pro eine Sicherheitsanfälligkeit entdeckt. 

Diese Sicherheitsanfälligkeit machte Websites anfällig für Hacks. 

Elementor hat es sofort repariert. Es gab nur ein Problem ...

Es stellte sich heraus, dass wir ohne aktives Abonnement keine Updates erhalten konnten.

So wurden unsere Standorte zu sitzenden Enten. Denken Sie daran, dass durch diese Sicherheitsanfälligkeit nicht gepatchte Websites angegriffen und gehackt wurden.

Um 100 US-Dollar an Verlängerungsgebühren zu sparen, haben wir unsere Websites und eine Reihe von Kunden fast verloren.

Daher ein kurzer Ratschlag. Lassen Sie Ihr Abonnement weder für Elementor noch für Divi verfallen (deshalb empfehlen wir immer ein lebenslanges Abonnement). 

Wenn Sie mehr als eine Website haben, entscheiden Sie sich deshalb immer für das lebenslange Abonnement! Das spart Ihnen so viel Zeit, Geld und Stress.

 

Testimonials - Was andere Benutzer sagen

Mit ihrer Popularität, beide Divi Builder und Elementor haben Tausende, sogar Zehntausende von Benutzern. Das Tolle daran, dass es keinen großen Unterschied in den Bewertungen von Elementor vs . gibt Divi builder, sie sind beide hoch bewertet.

Überprüfen Sie beispielsweise die Bewertungen für Elementor Page Builder im WordPress-Verzeichnis:

Elementor Page Builder kostenlose Bewertungen

Verschiedene Leute, von Entwicklern bis hin zu Gelegenheitsbenutzern, haben Erfahrung mit einem oder beiden von ihnen und viele große WordPress-Persönlichkeiten haben ihre eigene Meinung und Gedanken, wenn es um diese Plugins geht.

Wir können viele Benutzerrezensionen und Erfahrungsberichte für Elementor aus dem offiziellen WordPress-Plugin-Repository finden. Das Divi builder, auf der anderen Seite hat viele Bewertungen und Erfahrungsberichte in Trustpilot.

Was die Leute darüber sagen Divi Builder

Mit den Divi builder, die Leute loben immer ihr Support-Team, die meisten 4- und 5-Sterne-Bewertungen erwähnen immer, wie großartig ihre Unterstützung ist. Daher, obwohl die Divi builder kann etwas schwieriger zu bedienen sein als Elementor, ihr Support-Team ist da, um Sie zu unterstützen.

Bewertung 1

"Elegant Themes Divi Builder und Thema ist genial. Ich habe mit einem soliden Front-End-Editor/Seitenersteller hoch und tief nach einem Thema gesucht und Geld für viele minderwertige Themen verschwendet. Als ich Divi endlich gefunden habe, wusste ich, dass es das Thema für mich ist und ich verwende es jetzt in meiner Marketingagentur, um Kunden-Websites zu erstellen, weil es so gut funktioniert. Sie haben auch einen großartigen Support, der sachkundig ist und bereit ist, Ihnen bei jeder erdenklichen Website-Anpassung zu helfen.“

Bewertung 2

„Ich war Mitglied von Elegant themes seit ein paar Jahren und ich liebe es wirklich. Ich habe großartige Websites für Kunden erstellt, die ihre brillanten Themes und Plugins verwenden, und kann mir nie vorstellen, etwas anderes zu verwenden. Der Kundenservice ist unübertroffen, sie antworten schnell und die Beratung ist absolut zuverlässig. Ausgezeichnetes Unternehmen.“

Was die Leute über Elementor sagen

Die Benutzer von Elementor loben, dass es eines der besten kostenlosen Plugins für den Seitenersteller auf dem Markt ist und wie einfach es zu bedienen ist, dass selbst Anfänger keine Probleme damit haben.

Bewertung 3

"Ich bin ein neuer Benutzer des Plugins, aber ich kann nicht genug betonen, wie einfach das Plugin einzurichten ist und welche zeitsparenden Funktionen es bietet!"

Bewertung 4

"Neu bei WP, aber Elementor ist ein super Seitenersteller. Es macht die Webentwicklung wirklich schneller und viel less frustrierend. Außerdem macht es einen schönen Job. Eine der Funktionen, die ich wirklich liebe, ist die Möglichkeit, zu früheren Versionen zurückzukehren, wenn ich oder der Computer etwas vermasseln. Sie können zur vorherigen Änderung oder zu jeder Änderung in dieser Sitzung oder zu jeder gespeicherten Änderung zurückkehren. Liebe das Blockkonzept! Könnte mehr Blockvorlagen verwenden. Das Erstellen von Elementor-Vorlagen ist so einfach zu tun und zu verwenden. Ich wünschte, es gäbe ein PHP-Widget. Die Herausforderung besteht darin, mit all den neuen Verbesserungen Schritt zu halten, während sie regelmäßig eingeführt werden. Immer bemüht, dieses gute Produkt zu verbessern. Macht weiter so Jungs!"

Zusammenfassung: Elementor oder Divi?

Wir nähern uns dem Ende unserer Elementor vs Divi builder überprüfen, aber es gibt einige Dinge, die wir noch einmal Revue passieren lassen möchten. Wofür sollen wir uns entscheiden, oder sollten wir uns für etwas ganz anderes entscheiden, wie zum Beispiel Beaver Builder?

Divi Builder und Elementor bieten beide eine Vielzahl von Funktionen, mit denen Sie mit Leichtigkeit schöne Seiten erstellen können. Beide Seitenersteller haben sich auf Benutzerfreundlichkeit konzentriert.

Obwohl sie viele Ähnlichkeiten aufweisen, sind ihre Benutzeroberflächen sehr unterschiedlich. Elementor bietet Zugriff durch eine Seitenleiste mit Werkzeugen und Optionen, während Divi die Anzeige von so wenigen UI-Elementen wie möglich vereinfacht.

Was die Anzahl der Standardvorlagen betrifft, so Divi builder bietet im Vergleich zu Elementor mehr Optionen, aber beide Plugins verfügen über eine Import- und Exportoption, mit der Sie Dutzende von Vorlagen von Drittanbietern aus anderen Quellen hinzufügen können.

Preislich ist Elementor teurer als die Divi builder da letztere eine lebenslange Lizenz und unbegrenzte Site-Nutzung hat.

Elementor hingegen hat einen Höchstpreis von 199 US-Dollar pro Jahr, sodass Sie ihn für tausend Websites verwenden können. Elementor verfügt jedoch über eine kostenlose Version, die weiterhin eine leistungsstarke Suite von Tools und sogar Vorlagen bietet, mit denen Sie schöne Seiten erstellen können.

Code Sauberkeit

Was die Codesauberkeit angeht, hinterlässt Elementor sauberen und gültigen HTML-Code, wenn Sie ihn deaktivieren. Das Divi builder, auf der anderen Seite, hinterlässt einige Shortcodes auf den Seiten, die ein Problem darstellen können, sodass Sie ein wenig eingesperrt werden.

In Anbetracht der Tatsache, dass sie eine lebenslange Lizenzoption haben, ist dies jedoch gerechtfertigt. Wir könnten daraus schließen, dass sie möchten, dass Sie Ihre Websites mit dem Divi-Ökosystem verbinden, indem sie ihre lebenslange Lizenzoption erwerben.

Performance

Bis vor kurzem gab es nicht viel Auswahl zwischen Elementor und Divi in ​​Bezug auf die Leistung. Das hat sich alles geändert mit dem neuestes Update für Divi.

Ein neues Update des WordPress-Themes bedeutet, dass es jetzt leichter und schneller ist als je zuvor.

Das Team hat sich unter der Haube stark verändert. CSS wurde um 94 % reduziert, Divi verwendet jetzt dynamisches CSS und intelligente Stile, um nur das CSS für die angezeigte Seite zu laden, und Duplikate wurden auf der ganzen Linie reduziert.

Weitere Leistungsverbesserungen in Divi umfassen die Einführung von dynamischem PHP zur Optimierung der Verarbeitung, JavaScript-Optimierungen, Gutenberg-Stylesheet-Aufschub, jQuery-Aufschub-Caching für Google Fonts und Inline-Stylesheets.

Divi erreicht jetzt 100 auf Google PageSpeed ​​Desktop und 99 auf Google PageSpeed ​​Mobile!

Sicherheit

In Bezug auf die Sicherheit hatte Elementor mehrere schwerwiegende Probleme Fragen der Sicherheit in der Vergangenheit wurden sie jedoch gemildert und leicht gelöst. Divi builder hat im Januar 2020 ebenfalls ein ernstes Sicherheitsproblem erlebt.

Das Divi builder und Theme eine Injection-Schwachstelle auf, die ein Update erforderte.

Dies führt uns zu einer einfachen Schlussfolgerung, unabhängig von der Größe des Anbieters sind Schwachstellen immer möglich. Die Crux ist, wie der Anbieter reacts zu einer solchen Schwachstelle. Beide Anbieter haben sehr ausgereift auf die Schwachstelle reagiert.

Fähigkeit zur Themenerstellung

Als dieser Artikel zum ersten Mal geschrieben wurde, war die Divi builder hatte immer noch keine Theme-Building-Funktion. Daher haben wir Elementor zuvor empfohlen, wenn Sie Funktionen zum Erstellen von Themen benötigen.

Aber wie ist die Situation heutzutage, wenn es um das Thema Building von Divi vs Elementor geht?

Obwohl es Plugins von Drittanbietern für die Divi builder vorher hatte Elementor in diesem Bereich immer noch die Nase vorn. Dies liegt daran, dass eine native Funktion fast immer besser für die Integration und Kompatibilität ist. Erweiterungen von Drittanbietern können selten mit einer nativen Funktion konkurrieren.

Aber alles änderte sich, als Divi 4.0 veröffentlicht wurde. Das Update gab dem Divi builder die dringend benötigte Theme-Building-Funktion.

Zu diesem Zeitpunkt sind sowohl die Divi builder und Elementor kommen mit den gleichen Funktionen.

In Bezug auf Anpassung und Kontrolle, Divi und Elementor gibt es kaum einen Unterschied zwischen den beiden.

Beide bieten leistungsstarke Funktionen zum Erstellen von Themen mit fein abgestimmten Steuerelementen, mit denen Sie Ihre Website nach Ihren Wünschen erstellen und gestalten können. Von benutzerdefinierten statischen Seiten bis hin zu benutzerdefinierten Kopf- und Fußzeilen und Körperlayouts können Sie alle erstellen!

Also, wer gewinnt dieses Elementor vs Divi builder Vergleich?

Es gibt eine Sache, die macht Divi builder das insgesamt bessere Produkt und nimmt die Nase vorn: das Divi-Theme. Divi gibt es in zwei Formen: als Theme und als Plugin. Sie würden das Plugin verwenden, wenn Sie die verwenden möchten Divi builder mit Themen von Drittanbietern. Andernfalls würden Sie sich für die Verwendung des Themes entscheiden.

Warum ist das wichtig? Integration und Kompatibilität.

Wenn Sie sich für das Thema entscheiden, treten keine Kompatibilitätsprobleme auf.

Elementor hat zwar ein eigenes Thema, aber wenn man es mit dem Divi-Thema vergleicht, gibt es absolut keinen Vergleich.

Das Thema „Hallo Elementor“ ist Barebone und richtet sich an fortgeschrittene Benutzer und Entwickler, damit sie es weiterentwickeln können. Wenn Sie ein funktionsreiches Elementor-Design wünschen, müssen Sie ein Produkt eines Drittanbieters installieren.

Sie könnten in Betracht ziehen, zu verwenden Astra in diesem Fall - ein Elementor-Thema.

Und obwohl es viele Themen gibt, die unter Berücksichtigung von Elementor entwickelt wurden, können neuere Updates und Funktionen in Elementor oder dem Thema möglicherweise die Kompatibilität und Integration beeinträchtigen.

Sie müssen warten, bis die Entwickler eventuell auftretende Fehler und Inkompatibilitäten behoben haben. Und wie bei allen Inkompatibilitäten besteht eine geringe Wahrscheinlichkeit, dass Sie einige oder alle Ihrer vorhandenen Arbeiten verlieren.

Verstehen Sie uns nicht falsch, beide sind eine solide Lösung für die Themenerstellung, aber wir können die Tatsache nicht ignorieren, dass Divi ein funktionsreiches Thema ist . Als Seitenersteller gewinnt Divi in ​​der Kategorie Themenerstellung mit einem kleinen Vorsprung.

Hauptunterschiede bei der Themenbildung

Einer der Hauptunterschiede zwischen der Verwendung von Elementor und der Themenerstellungsfunktion von Divi ist der Editor. Es gibt einen ziemlichen Unterschied in der Benutzererfahrung. Letztendlich hängt diejenige, die Sie bevorzugen, von der Erfahrung und den persönlichen Vorlieben ab.

Beim Bearbeiten einer Kopf-, Fußzeile oder benutzerdefinierten Textvorlage im Divi builder, wird sich der Redakteur nur auf diesen bestimmten Bereich Ihrer Website konzentrieren. Wenn Sie beispielsweise eine benutzerdefinierte Kopfzeile bearbeiten, ist auf Ihrem Bildschirm nur der Kopfzeilenbereich sichtbar.

Divi Custom Header Editor

Mit Elementor haben Sie eine Ansicht der gesamten Website, unabhängig davon, ob Sie eine Kopf-, Fuß- oder Textstruktur bearbeiten.

Sie können unten sehen, dass neben dem Kopfbereich auch der Inhaltsbereich angezeigt wird. Wenn Sie weiter nach unten scrollen, wird auch der Fußzeilenbereich angezeigt (diese befinden sich jedoch im schreibgeschützten Modus).

Elementor benutzerdefinierter Header-Editor

In diesem Zusammenhang können wir sagen, dass die Divi builder konzentriert sich auf eine ablenkungsfreie Bearbeitung, während Sie mit Elementor das gesamte Bild an jedem Punkt sehen.

Es ist uns nicht bekannt, wie Sie in beiden Seitenerstellern zwischen ablenkungsfreiem und ganzseitigem Bearbeitungsmodus für die Vorschau wechseln können. Wenn Sie also eine Präferenz haben, kann dies Ihre endgültige Auswahl beeinflussen.

Dies ist eine Verbesserung, die sowohl der Elementor- als auch der Divi-Seitenersteller eventuell hinzufügen können: Benutzer können zwischen ablenkungsfreien und ganzseitigen Bearbeitungsoptionen für die Vorschau wählen.

Lesen Sie mehr: WP Bakery vs Divi - ein vollständiger Vergleich.

Häufig gestellte Fragen

1. Was ist Divi?

Divi ist sowohl ein Page Builder als auch eine WordPress-Theme-Kombination. Es ist ein umfassendes Mehrzweckprodukt, mit dem jede Art von Website von Grund auf neu erstellt werden kann, sei es E-Commerce, nischenbasiert oder branchenspezifisch oder eine Portfolio-Website. Es wird produziert von Elegant Themes und ist eines der beliebtesten WordPress-Produkte überhaupt und wurde mehr als 700,000 Mal verkauft.

2. Was ist Elementor?

Elementor ist einer der beliebtesten WordPress-Seitenersteller. Obwohl es sich nicht um ein Thema handelt, verfügt es auch über leistungsstarke Funktionen zum Erstellen von Themen. In der Regel wird Elementor zusammen mit einem Thema verwendet, um benutzerdefinierte Beiträge und Seiten mithilfe von Drag & Drop-Funktionen zu erstellen. Elementor hat eine kostenlose und kostenpflichtige Version. Dank der kostenlosen Version und in den letzten Jahren hat es Millionen von aktiven Installationen.

3. Was ist der Unterschied zwischen Divi und Divi builder? 

Divi ist das WordPress-Theme, Divi builder ist der Drag-and-Drop-Editor oder Page Builder, der ein wesentlicher Bestandteil des Divi-Themas ist. In Wirklichkeit braucht man sie nicht zu unterscheiden, denn sie funktionieren nahtloslessli zusammen.

4. Kann ich Divi auf mehreren Websites verwenden?

Ja, sobald Sie Divi zum Preis von 89 US-Dollar gekauft haben, können Sie dies auf unbegrenzten Websites verwenden. Sie erhalten jedoch nur 1 Jahr lang Support und Updates. Es gibt eine Version für 249 US-Dollar, die lebenslange unbegrenzte Websites, unbegrenzten Support und Updates bietet.

5. Ist Elementor der beste Seitenersteller?

Elementor ist der derzeit beste Seitenersteller. Dies ist zwar subjektiv und möglicherweise nicht für jeden geeignet. Wir sind jedoch der festen Überzeugung, dass kein Seitenersteller allein mit seinen Funktionen mithalten kann. Dies bedeutet natürlich nicht, dass es für jeden geeignet ist. Divi mit seinem Bundle aus Theme + Page Builder ist auch für viele eine hervorragende Option.

6. Ist Divi besser als Elementor?

Es hängt davon ab, ob. Für einige Leute, die kein separates Thema und keinen Seitenersteller kaufen möchten, kann Divi mehr Wert geben. Wenn Sie nur eine Website erstellen möchten, ist Divi unserer Meinung nach eine gute Wahl. Wenn Sie mehrere Websites erstellen möchten oder Entwickler oder Designer sind, ist Elementor möglicherweise besser, da es mit mehr Themen kompatibel ist.

7. Werden Divi und Elementor mit Gutenberg zusammenarbeiten?

Ja, sowohl Divi als auch Elementor arbeiten gut mit Gutenberg zusammen. 

Elementor vs. Divi Builder: Abschließende Gedanken

Was ist das endgültige Urteil, wenn es um den Seitenersteller Divi vs Elementor geht? 

Am Ende sind sowohl Divi als auch Elementor ausgezeichnete Seitenersteller. Es kommt auf Ihr Geschäft und Ihre Ziele an.

Wenn Sie den einfachsten Builder für eine Site benötigen oder einen KOSTENLOSEN Plan benötigen, wählen Sie Elementor.

Wenn Sie eine Agentur mit unzähligen Websites sind und Hunderte von Seiten erstellen müssen, wählen Sie Divi. Es gibt einen Grund, warum alle seriösen Agenturen und Unternehmen den lebenslangen Zugang von Divi nutzen: Es ist der beste Wert im Geschäft.

Danke fürs Lesen! Fröhliches Bauen!

 

Holen Sie sich jetzt Divi   Holen Sie sich jetzt Elementor

Über den Autor
David Attard
Autor: David AttardWebsite: https://www.linkedin.com/in/dattard/
David arbeitet seit 18 Jahren in oder um die Online- / Digitalbranche. Er verfügt über umfangreiche Erfahrung in der Software- und Webdesignbranche mit WordPress, Joomla und den sie umgebenden Nischen. Als digitaler Berater konzentriert er sich darauf, Unternehmen durch die Kombination ihrer Website und der heute verfügbaren digitalen Plattformen einen Wettbewerbsvorteil zu verschaffen.

Eine Sache noch... Wussten Sie, dass Leute, die nützliche Dinge wie diesen Beitrag teilen, auch FANTASTISCH aussehen? ;-);
Bitte kontaktieren Sie uns lass a nützlich Kommentieren Sie mit Ihren Gedanken und teilen Sie dies dann Ihren Facebook-Gruppen mit, die dies nützlich finden würden, und lassen Sie uns gemeinsam die Vorteile nutzen. Vielen Dank für das Teilen und nett zu sein!

Disclosure: Diese Seite enthält möglicherweise Links zu externen Websites für Produkte, die wir lieben und von ganzem Herzen empfehlen. Wenn Sie Produkte kaufen, die wir vorschlagen, können wir eine Empfehlungsgebühr verdienen. Solche Gebühren haben keinen Einfluss auf unsere Empfehlungen und wir akzeptieren keine Zahlungen für positive Bewertungen.

Autor (en) Empfohlen am:  Inc Magazin Logo   Sitepoint-Logo   CSS Tricks Logo    Webdesignerdepot-Logo   WPMU DEV Logo   und viele mehr ...