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 für ambitionierte Agenturen zu einem Kinderspiel. Der lebenslange Zugang ohne Einschränkungen kostet NUR 249 USD. Das sind 249 US-Dollar für jede Funktion auf unendlichen Websites. Wenn Sie Hunderte von Seiten haben, bedeutet dies, dass Sie 1 US-Dollar oder weniger pro Seite für den vertrauenswürdigsten Seitenersteller der Welt ausgeben. 
  • 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 und 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. Der Divi Builder ist benutzerfreundlich, aber es ist schneller, mit Elementor zu arbeiten.

Zusammenfassung

  Elementor-Logo Plugin Divi Builder
Erster Platz ????  
Insgesamt  4.9 / 5  4.5 / 5
Einfache Bedienung  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
Preis 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 zwar möglich, aber sie erforderten ein NIGHTMARISH-Durcheinander von Shortcodes. Sie können das Grauen nicht verstehen, wenn Sie diese Zeiten nicht überlebt haben. 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 diese Arbeit, all diese Zeit und dieses Geld, all das Personal, das für die Verwendung geschult wurde, 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 beginnen unseren Artikel Elementor vs Divi Builder mit einer Einführung in die Funktionsweise eines Seitenerstellers.

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. Ihr Divi Builder ist ein Plugin, das in das Thema integriert und mit diesem gebündelt ist. Es kann jedoch gekauft und separat mit anderen Themen verwendet werden, falls Sie dies wünschen.

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 Builder-Vergleichs zwischen Elementor und Divi werden wir uns mit den Benutzeroberflächen und den verfügbaren Einstellungen befassen, die wir konfigurieren können.

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

Beginnen wir mit dem Start Divi Builder.

Erfahren Sie mehr über den Divi Builder von Elegant Themes

Divi Builder-Benutzeroberfläche

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

Wenn das Divi Builder-Plugin installiert ist, werden Sie beim Erstellen einer neuen Seite mit einer Benutzeroberfläche begrüßt, in der Sie gefragt werden, ob Sie "Divi Builder verwenden" oder "Standardeditor verwenden" möchten.

neue Seite

Wenn Sie auf die Option Divi Builder verwenden klicken, wird ein Bildschirm geöffnet, in dem Sie aufgefordert werden, zwischen "Von Grund auf neu erstellen", "Vorgefertigtes Layout auswä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 beiden anderen Optionen ziemlich gleich sind, nur wenn bereits Inhalte hinzugefügt wurden. Auf diese Weise können wir uns mehr darauf konzentrieren, wie die Divi Builder-Oberfläche funktioniert und wie sie beim Entwerfen von Seiten und Websites aussieht.

Hinzufügen von Elementen in Divi Builder

Wenn Sie auf die Option "Von Grund auf neu erstellen" klicken, wird der Divi-Builder gestartet. 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ü

Die Benutzeroberfläche von Divi Builder ist minimalistisch.

Minimalismus war schon immer eines der Designmerkmale von Elegant Themes, und der Seitenersteller 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 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 - Daraufhin wird ein Dialogfeld mit verschiedenen Optionen angezeigt, in dem Sie anpassen können, welche Symbole in der Divi Builder-Symbolleiste angezeigt werden, den Standardansichtsmodus (Mobil, Desktop oder Tablet) ändern, Benutzeroberflächenanimationen aktivieren oder deaktivieren 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 - Mit diesen Schaltflächen können Sie auf die Dokumentation des Divi Builders zugreifen. Mit der Suchschaltfläche können Sie nach einer bestimmten Aktion, einem bestimmten Menüelement oder einem bestimmten Element suchen.

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

Elementspezifisches Menü

Wenn Sie mit dem Divi Builder den Mauszeiger über ein Element bewegen, wird ein anderer Menüsatz angezeigt. In diesen Menüs können Sie die Einstellungen eines bestimmten Elements konfigurieren, z. B. dessen Inhalt, Layout oder Hinzufügen eines benutzerdefinierten CSS.

Elementspezifisches Menü

Divi Builder in Aktion

Unten finden Sie 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 usw. durchzuführen.

divi ui demo

Und das ist so ziemlich alles für die Grundlagen der Divi Builder-Benutzeroberfläche.

Die Benutzeroberfläche des Divi Builder 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 Besondere an der Benutzeroberfläche ist die Möglichkeit, nahtlos in die Wireframe-Ansicht und die Front-End-Ansicht zu wechseln.

Dies ist besonders bei großen Seiten nützlich, da Sie Elemente leichter verschieben können. In der Front-End-Ansicht des Divi-Builders ist das Verschieben von Elementen, insbesondere wenn die Seite bereits voller Inhalte ist, tendenziell etwas verzögert.

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, haben Elegant Themes in Bezug auf die Benutzerfreundlichkeit dazu beigetragen, den Divi Builder einfach, aber gleichzeitig leistungsstark zu machen.

Nachdem wir mit dem Divi Builder fertig sind, werfen wir einen Blick auf die Benutzeroberfläche von Elementor. Unser nächster Abschnitt des Vergleichs zwischen Elementor und Divi Builder konzentriert sich auf die Benutzeroberfläche von Elementor.

Benutzeroberfläche von Elementor

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

Wir werden diesen Abschnitt unseres Vergleichs zwischen Elementor und Divi verwenden, um uns 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 und 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 es uns, eine hierarchische Ansicht der Elemente auf der Seite zu sehen. Dies ist vergleichbar mit dem Wireframe-Modus des Divi Builders. 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 die Funktionalität nicht so gut ist wie der Drahtgittermodus, den wir oben im Divi Builder gesehen haben.

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 Verlaufsfunktion von Elementor vom Divi-Builder trennt, und eine große, die 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, selbst wenn Sie den Editor schließen, sich von WordPress abmelden oder Ihren Computer herunterfahren. Allein diese Funktion macht Elementor in Bezug auf den Revisionsverlauf zu einem klaren Gewinner gegen den Divi-Builder.

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

Wie bei ElegantThemes zeigen wir im nächsten Teil unseres Vergleichs zwischen Divi und Elementor 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 Text nahtlos bearbeiten können, 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.

Der Divi Builder nennt seine Elemente das 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 und Divi Builder unterschiedlich sein können, sind die Konzepte dieselben.

Schauen wir uns den Divi Builder genauer an.

Elemente des Divi Builders: Abschnitt, Zeilen und Module

Die Elemente des Divi Builders 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.

The 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

Im 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.

Schauen wir uns nun die Einstellungen des Divi Builder-Abschnitts an.

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

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
    • Sperren
    • 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 alle Arten von Divi Builder-Elementen aus Zeilen, Abschnitten, Spalten und Modulen durchführen können.

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

Mit den Modulen im Divi Builder können Sie Ihrer Seite sichtbaren Inhalt hinzufügen. Die Module sind Website-Elemente wie Text, 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.

Andererseits sind die speziellen Zeilen vielleicht eines der besten Dinge an den Elementen des Divi-Builders. Mit diesen können Sie relativ einfach ein komplexes Layout und eine komplexe Positionierung erstellen.

Nachdem wir die Elemente des Divi Builders gesehen haben, werfen wir einen Blick auf die Elemente von Elementor in unserem Showdown "Elementor vs Divi Builder".

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 zum Divi-Builder, bei dem Sie zuerst einen Abschnitt und eine Spalte erstellen müssen, bevor Sie ein Element hinzufügen können, können Sie in Elementor beispielsweise beispielsweise ein Schaltflächen-Widget von der Seitenleiste in einen leeren Bereich Ihrer Seite und ziehen Sie sind 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 beim 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 die Größe von Spalten auch 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 bietet im Vergleich zum Divi Builder eine größere Auswahl an Elementen. Da beide jedoch Widget-Plugins von Drittanbietern unterstützen, gleicht sich dies irgendwie aus.

Elementor bietet eine schnellere Möglichkeit, einer Seite Elemente hinzuzufügen, da Sie sie einfach per Drag & Drop aus der Seitenleiste in die Vorschau ziehen können. Der Divi Builder hingegen erfordert, dass 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, wenn Sie sich nicht eingehend mit diesen Funktionen in beiden Seitenerstellern befassen würden.

Styling-Optionen für Divi Builder

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.

Die Styling-Optionen des Divi Builders können über die Registerkarten Design und Erweitert konfiguriert werden. Auf der Registerkarte Design können Sie Typografie, Feldschatten, Ränder, Animationen, Filter usw. konfigurieren. Dies sind Elemente, die über Schieberegler und Eingabenummern 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.

Responsive Styling

Im Divi Builder können Sie verschiedene 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

Mit den Designoptionen des Divi Builders können alle Benutzertypen ihre Seiten umfassend an ihre Bedürfnisse anpassen.

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 der Divi Builder haben alle Elemente in Elementor drei Registerkarten in ihrem Einstellungsfeld. 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

Responsive 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 zur Auswahl. 

Schauen wir uns an, wie sich die beiden Seitenersteller Elementor und Divi vergleichen, wenn es um vorgefertigte Vorlagen geht.

Layouts von Divi Builder

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,
  • FAQs,
  • 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 das Elementor- als auch das Divi-Builder-Plugin eine große Auswahl an Vorlagen bieten, glauben wir, dass der Divi-Builder zu diesem Zeitpunkt in Bezug auf die Anzahl weitaus mehr bietet.

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

Gewinner von Elementor vs Divi Builder Templates: 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 Hauptupdate für Divi Builder 4.0, das im Oktober 2019 veröffentlicht wurde, konzentrierte sich darauf, den Divi Builder mit leistungsstarken Tools zum Erstellen von Themen auszustatten, mit denen Benutzer Elemente, Module und Funktionen verwenden können, um nicht nur statische Seiten, sondern auch eine dynamische Kopf- und Fußzeile zu erstellen und Körperlayouts. 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

Mit dem Seitenersteller, einer relativ neuen Funktion des Divi-Builders, können Sie jetzt Vorlagen erstellen, mit denen Sie das Design, das Layout und das Verhalten Ihrer Website in Kopf-, Fuß- und Körperform überschreiben können.

Die Funktionen sind in vielen Aspekten denen von Elementor sehr ähnlich. Dies ist eine Funktion, bei der der Divi-Builder Elementor einholt.

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: Von den Divi Builder-Entwicklern selbst sind viele Pakete kostenlos erhältlich, die Sie erhalten können Kuyichi Signs Transparency Pledge. . 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 Elegante Themen-Website hier und abonnieren Sie ihren Newsletter. Sie versenden ständig (buchstäblich täglich) neue Inhalte, die mit dem Divi Builder verwendet werden können, einem 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

Wenn Sie eine neue Vorlage erstellen, werden Sie vom Divi Builder zunächst gefragt, wo die Vorlage angewendet werden soll. Sie können wählen, ob Sie Ihre Vorlagen auf bestimmte Beiträge oder Seiten oder sogar auf bestimmte Tags und Kategorien und mehr anwenden oder ausschließen möchten.

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 dort aus stehen Ihnen die üblichen Divi Builder-Tools und -Module zur Verfügung, 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.

In diesem Teil ist der Divi-Builder etwas einfacher zu verwenden als Elementor, da mithilfe von Kontrollkästchen ausgewählt wird, wo Sie eine bestimmte Vorlage ein- oder ausschließen möchten, anstatt auf die klicken zu müssen Verwenden Sie Bedingung Klicken Sie jedes Mal auf das Dropdown-Menü, wenn Sie eine neue Regel hinzufügen möchten.

Trotzdem verfügt Elementor immer noch über eine feinkörnige Kontrolle, die der des Divi Builders entspricht.

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 hängt ehrlich gesagt von der Preisgestaltung ab.

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 Pricing

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, das Ihnen nur eine funktionsunfähige kostenlose Version bietet, sodass Sie ein Upgrade durchführen müssen, reicht der kostenlose Plan von Elementor tatsächlich 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

Preisgestaltung für Divi Builder

Divi Pricing

Im Gegensatz zu Elementor hat Divi Builder 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 mit eleganten Themen gearbeitet und haben Zugang zu einem begrenzten Rabatt von 10% auf den Divi Builder für CollectiveRay-Besucher erhalten, wie unten zu sehen ist. Angesichts des Preises und unseres Rabatts, der nur bis gültig ist Mai 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 US-Dollar fürs Leben. Keine Notwendigkeit zu erneuern. Sie müssen sich keine Gedanken über Updates machen (mehr dazu als nächstes). Kein Stress. Einfach klicken, bezahlen und für immer nutzen. Wählen Sie einen anderen Seitenersteller, aber beschweren Sie sich nicht, wenn Sie Hunderte mehr ausgeben, als Sie für WENIGER Funktionen benötigen.

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.

Anmerkung: 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 Mai 2021


Elementor vs Divi Builder Preisgestaltung 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

Aufgrund ihrer Beliebtheit haben sowohl Divi Builder als auch Elementor Tausende, sogar Zehntausende von Benutzern. Das Tolle ist, dass es keinen großen Unterschied zwischen den Bewertungen von Elementor und Divi Builder gibt. Beide sind 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 Nutzerkritiken und Testimonials für Elementor aus dem offiziellen WordPress-Plugin-Repository finden. Der Divi-Builder hingegen hat viele Bewertungen und Testimonials in Trustpilot.

Was die Leute über Divi Builder sagen

Mit dem Divi Builder loben die Leute immer ihr Support-Team. Die meisten 4- und 5-Sterne-Bewertungen erwähnen immer, wie großartig ihre Unterstützung ist. Obwohl der Divi-Builder etwas schwieriger zu verwenden ist als Elementor, ist sein Support-Team daher da, um Sie zu unterstützen.

Bewertung 1

„Elegante Themen Divi Builder und Theme sind fantastisch. Ich suchte hoch und niedrig nach einem Thema mit einem soliden Front-End-Editor / Seitenersteller und verschwendete Geld für viele Themen von geringer Qualität. Als ich Divi endlich fand, wusste ich, dass es das Thema für mich war und ich verwende es jetzt in meiner Marketingagentur, um Kundenwebsites zu erstellen, weil es so gut funktioniert. Sie haben auch eine großartige Unterstützung, die kompetent und bereit ist, Ihnen bei jeder erdenklichen Website-Anpassung zu helfen. “

Bewertung 2

„Ich bin jetzt seit ein paar Jahren Mitglied von Elegant Themes und ich liebe es wirklich. Ich habe großartige Websites für Kunden erstellt, die ihre brillanten Themen 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. Ausgezeichnete Gesellschaft. “

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 weniger 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 vermasseln etwas. Sie können zur vorherigen Änderung oder zu jeder Änderung in dieser Sitzung oder zu jeder gespeicherten Änderung zurückkehren. Ich liebe das Blockkonzept! Es könnten mehr Blockvorlagen verwendet werden. Das Erstellen von Elementor-Vorlagen ist so einfach und benutzerfreundlich Ich wünschte, es gäbe ein PHP-Widget. Die Herausforderung besteht darin, mit all den neuen Verbesserungen Schritt zu halten, da sie häufig eingeführt werden. Ich versuche immer, dieses gute Produkt zu verbessern. Machen Sie weiter so! "

Zusammenfassung: Elementor oder Divi?

Wir sind am Ende unserer Überprüfung von Elementor vs Divi Builder angelangt, aber es gibt einige Dinge, die wir noch einmal überprüfen möchten. Wofür sollten wir uns entscheiden oder sollten wir uns für etwas völlig anderes wie Beaver Builder entscheiden?

Divi Builder und Elementor bieten eine Vielzahl von Funktionen, mit denen Sie mühelos schöne Seiten erstellen können. Beide Seitenersteller haben sich auf die 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.

In Bezug auf die Anzahl der Standardvorlagen bietet der Divi Builder im Vergleich zu Elementor mehr Optionen. Beide Plugins verfügen jedoch über eine Import- und Exportoption, mit der Sie Dutzende von Vorlagen von Drittanbietern aus anderen Quellen hinzufügen können.

In Bezug auf die Preisgestaltung ist Elementor teurer als der Divi Builder, da dieser über eine lebenslange Lizenz und eine unbegrenzte Nutzung der Website verfügt.

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

In Bezug auf die Code-Sauberkeit hinterlässt Elementor sauberen und gültigen HTML-Code, wenn Sie ihn deaktivieren. Auf der anderen Seite hinterlässt der Divi-Builder einige Shortcodes auf den Seiten, die ein Problem darstellen, das behoben werden muss, sodass Sie ein wenig gesperrt sind.

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.

Schutz

In Bezug auf die Sicherheit hatte Elementor mehrere schwerwiegende Probleme Fragen der Sicherheit in der Vergangenheit wurden sie aber leicht gemildert und gelöst. Divi Builder hatte im Januar 2020 auch ein ernstes Sicherheitsproblem.

Der Divi Builder und das Thema hatten eine Sicherheitsanfälligkeit bezüglich der Injektion, für die ein Update erforderlich war.

Dies führt uns zu einer einfachen Schlussfolgerung, unabhängig von der Größe des Anbieters, Schwachstellen sind immer möglich. Der springende Punkt ist, wie der Anbieter auf eine solche Sicherheitsanfälligkeit reagiert. Beide Anbieter haben sehr ausgereift auf die Sicherheitsanfälligkeit reagiert.

Fähigkeit zur Themenerstellung

Als dieser Artikel zum ersten Mal geschrieben wurde, hatte der Divi-Builder noch keine Funktion zum Erstellen von Themen. 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 zuvor Plugins von Drittanbietern für den Divi-Builder gab, hatte Elementor in diesem Bereich immer noch die Nase vorn. Dies liegt daran, dass eine native Funktion für die Integration und Kompatibilität fast immer besser ist. Erweiterungen von Drittanbietern können selten mit einer nativen Funktion konkurrieren.

Mit der Veröffentlichung von Divi 4.0 änderte sich jedoch alles. Das Update gab dem Divi Builder die dringend benötigte Funktion zum Erstellen von Themen.

Zu diesem Zeitpunkt verfügen sowohl der Divi-Builder als auch Elementor über dieselben 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 diesen Vergleich zwischen Elementor und Divi?

Es gibt eine Sache, die Divi Builder insgesamt zum besseren Produkt macht und die Nase vorn hat: das Divi-Thema. Divi gibt es in zwei Formen: als Theme und als Plugin. Sie würden das Plugin verwenden, wenn Sie den Divi Builder mit Themen von Drittanbietern verwenden möchten. Andernfalls würden Sie sich für die Verwendung des Themas 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 und 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ß- oder benutzerdefinierten Textvorlage im Divi Builder konzentriert sich der Editor nur auf diesen bestimmten Bereich Ihrer Website. Wenn Sie beispielsweise eine benutzerdefinierte Kopfzeile bearbeiten, wird auf Ihrem Bildschirm nur der Kopfzeilenbereich angezeigt.

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 sich der Divi Builder auf die ablenkungsfreie Bearbeitung konzentriert, während Sie mit Elementor das gesamte Bild zu jedem Zeitpunkt 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 Seitenersteller als auch eine WordPress-Themenkombination. Es handelt sich um ein vollwertiges Mehrzweckprodukt, mit dem jede Art von Website von Grund auf neu erstellt werden kann, unabhängig davon, ob es sich um E-Commerce, nischenbasierte oder branchenspezifische Websites oder eine Portfolio-Website handelt. Es wird von Elegant Themes produziert und ist eines der beliebtesten WordPress-Produkte überhaupt. Es 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 & Drop-Editor oder Page Builder, der Bestandteil des Divi-Themas ist. In Wirklichkeit müssen Sie keinen Unterschied zwischen ihnen machen, da sie nahtlos zusammenarbeiten.

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: Letzte 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? ;-);
Sie können uns eine 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 ...