Elementor gegen Divi Builder gegen Beaver Builder: Ultimativer Vergleich für 2020

Elementor gegen Divi Builder gegen Beaver Builder: Ultimativer Vergleich für 2020

Elementor gegen Divi Builder gegen Beaver Builder: Ultimativer Vergleich für 2020
СОДЕРЖАНИЕ
02 июня 2020

TL; DR: Dieser Beitrag ist ein detaillierter Vergleich von Elementor vs Divi Builder vs Beaver Builder. Wir bieten Ihnen sowohl eine einfach zu scannende Übersicht als auch einen detaillierteren Blick auf verschiedene Bereiche jedes Seitenerstellers.


Während Seitenersteller unter Hardcore-WordPress-Benutzern möglicherweise ein umstrittenes Thema sind, lässt sich die massive Auswirkung, die sie auf das WordPress-Ökosystem hatten, wenn es darum geht, Design für normale Benutzer zugänglich zu machen, nicht leugnen.

Darüber hinaus scheint es manchmal so, als hätte jedes einzelne WordPress-Unternehmen irgendwann einen Seitenersteller erstellt. OK – leichte Übertreibung… aber es gibt viele Seitenersteller da draußen.

In diesem Beitrag möchten wir uns mit drei Ihrer beliebtesten Optionen befassen: Elementor gegen Divi Builder gegen Beaver Builder

Elementor gegen Divi Builder gegen Beaver Builder

Darüber hinaus erhalten Sie einen Einblick in die Grundlagen der Funktionsweise der einzelnen Seitenersteller, Wir wollen unter die Oberfläche gehen. Aus diesem Grund werden wir uns auch mit erweiterten Stiloptionen, reaktionsschnellen Designfunktionen, Code-Lock-In, realer Leistung, Benutzerfreundlichkeit und vielem mehr befassen.

Bis Sie diesen Vergleich gelesen haben, hoffen wir, dass Sie ein tiefes Verständnis für jedes Plugin und haben, wichtiger, das Vertrauen, den für Sie geeigneten Seitenersteller auszuwählen.

Elementor
Divi Builder
Biberbauer

Inhaltsverzeichnis:
Kurz zusammengefasst | Welcher Seitenersteller ist am beliebtesten? | Die Schnittstellen verglichen | Inhaltsmodule verfügbar | Wie weit können Sie mit zusätzlichem Styling gehen? Sind diese Builder alle mobil ansprechbar? | Die einzigartigen Funktionen in jedem Builder | Die vorgefertigten Vorlagen verfügbar | Ein Blick auf Codequalität und Lock-In | Leistung verglichen | Ein Blick auf die Preisgestaltung | Benutzerfreundlichkeit im Vergleich | Endgültiges Urteil: Welcher Bauherr soll man wählen?

Contents

Die Zusammenfassung: Elementor vs Divi Builder vs Beaver Builder

Ok, wir werden alles viel detaillierter behandeln. Bevor wir Ihnen jedoch eine Reihe funktionsspezifischer Vergleichstabellen, Bilder und GIFs zur Verfügung stellen, halten wir es für hilfreich, Ihnen einen schnellen Überblick über Elementor vs Divi Builder vs Beaver Builder zu geben.

Wenn Sie nur die Highlights möchten, lesen Sie diese Tabelle. Wenn Sie alle Details wissen möchten, lesen Sie die folgenden 3.000 Wörter, um einen genaueren Blick darauf zu werfen:

Elementor gegen Divi Builder gegen Beaver Builder

Elementor
Divi Builder
Biberbauer

ElementorDivi BuilderBiberbauer
Freie Version?
Startpreis für Pro49 $89 $99 $
Benutzerfreundlichkeit4,9 / 54,8 / 55/5
Visual Builder?
Inline-Bearbeitung?
Anzahl der offiziellen Elemente534631
Einzigartigste FunktionÜberall einbettenA / B-TestsBeaver Themer
Vorgefertigte Vorlagen300+~ 114~ 56
Lässt sauberen Code zurück?
Leistungsrang3 ..12 ..

1.

Welcher Seitenersteller ist der beliebteste??

Dies ist kein endgültiger Blick darauf, welcher Seitenersteller am beliebtesten ist, da die Zahlen auf leicht unterschiedliche Dinge verweisen.

Trotzdem dachten wir, es wäre eine lustige Übung, die veröffentlichten Benutzernummern für jeden Seitenersteller zu vergleichen. So stapeln sie sich:

* Die Elementor- und Beaver Builder-Nummern stammen von WordPress.org, während die Divi Builder-Nummer von der Elegant Themes-Website stammt. Die Nummer des Divi Builders bezieht sich auch auf die Gesamtzahl der Kunden, die Elegant Themes bedient, unabhängig davon, aus welchem ​​Grund diese Kunden beigetreten sind (nicht nur für den Builder)..

(Charts von Visualizer Lite.)

2.

Ein Blick auf die Schnittstellen des Hauptseitenerstellers – bieten sie echte Front-End-Bearbeitung??

Während alle drei Seitenersteller aus unserem Vergleich visuelle Front-End-Seitenerstellung anbieten, Sie gehen nicht alle genauso vor.

In diesem Abschnitt werfen wir einen Blick auf die Hauptoberfläche jedes Seitenerstellers und diskutieren einige der Besonderheiten, die sich voneinander unterscheiden.

Die Schnittstellen für die Inhaltsbearbeitung in Seitenerstellern

Elementor
Divi Builder
Biberbauer

Visuelle Bearbeitung
Inline-Textbearbeitung
Bedienfeld der Seitenleiste
Allgemeine AnfängerfreundlichkeitEinfach sofort abzuholenEs dauert einige Minuten, um die Benutzeroberfläche zu verstehenEinfach sofort abzuholen

Vergleichen wir nun diese Aspekte für jeden Builder einzeln:

Ein Blick auf die Elementor-Oberfläche

Elementor unterteilt seine Schnittstelle in zwei Kernteile:

  1. Eine linke Seitenleiste, in der Sie neue Elemente hinzufügen und Einstellungen für vorhandene Elemente bearbeiten können
  2. Ein visueller Blick auf Ihre Seite auf der rechten Seite

Elementor vs Divi Builder vs Beaver Builder: Elementor-Oberfläche

Um Ihrem Design ein neues Element hinzuzufügen, müssen Sie es nur von links ziehen und sehen eine Live-Vorschau, wie das Element auf Ihrer tatsächlichen Seite aussieht:

Elementor gegen Divi Builder gegen Beaver Builder: Elementor per Drag & Drop

Sie können neue Spalten mit dem einrichten Neuen Abschnitt hinzufügen Taste:

Elementor Abschnitte

Um den Inhalt und das Design eines Elements zu bearbeiten, müssen Sie lediglich auf ein bestimmtes Element klicken und es in der linken Seitenleiste bearbeiten. Alle Änderungen, die Sie vornehmen, werden sofort in der Vorschau Ihrer Website angezeigt:

Vergleich der Elementor-Bearbeitung für Elementor vs Divi Builder vs Beaver Builder

Um den Text in verschiedenen Elementen zu bearbeiten, können Sie entweder direkt auf der Seite eingeben (Inline-Bearbeitung) oder das Textfeld in der Seitenleiste verwenden. In der Vergangenheit war Ihre einzige Option dieses Seitenleistenfeld. Ab November 2017 bietet Elementor Ihnen jetzt auch Inline-Bearbeitung:

Element oder Inline-Bearbeitung

Wie Sie gleich sehen werden, ist Beaver Builder der einzige Seitenersteller in dieser Liste, der diese Art der Inline-Bearbeitung nicht bietet.

Ein Blick auf die Divi Builder-Oberfläche

Obwohl Divi Builder auch eine Backend-Bearbeitungsoberfläche bietet, konzentrieren wir uns bei diesem Vergleich auf den visuellen Editor, da die meisten Benutzer visuelle Editoren bevorzugen.

Im Gegensatz zu Elementor, bei dem Sie klar zwischen der visuellen Vorschau Ihrer Site und der Seitenleiste des Elementor-Steuerelements unterscheiden, überlagert Divi Builder alle Optionen zusätzlich zu einer visuellen Live-Vorschau.

So sieht die Benutzeroberfläche beim ersten Öffnen des Divi Builder aus:

Elementor vs Divi Builder vs Beaver Builder: Divi Builder-Oberfläche

Ein neues hinzufügen Modul (Divi Builder-Name für Elemente), verwenden Sie die verschiedenen + Symbole::

Elementor vs Divi Builder vs Beaver Builder: Hinzufügen eines Moduls zum Divi Builder

Wie bei Elementor können Sie direkt auf der Seite tippen, um Text in Ihren Designs zu bearbeiten. Die Inline-Bearbeitung von Elementor ist jedoch in den unterstützten Elementen etwas flexibler.

Sie können Module auch per Drag & Drop neu anordnen:

Bearbeiten von Text Divi Builder

Bei Nicht-Text-Modulen verwenden Sie häufig ein Popup-Feld, um das Modul zu bearbeiten, anstatt direkt auf der Seite zu tippen.

Ein Blick auf die Beaver Builder-Oberfläche

In Bezug auf die Schnittstelle, Beaver Builder hat mehr mit Elementor gemeinsam als es mit Divi Builder tut.

Wie Elementor verfügt Beaver Builder über eine Seitenleiste, in der alle verfügbaren Module aufgelistet sind. Um Ihrer Seite ein Modul hinzuzufügen, müssen Sie es lediglich von der rechten Seitenleiste auf Ihre Live-Seite ziehen und dort ablegen:

Elementor vs Divi Builder vs Beaver Builder: Hinzufügen des Moduls Beaver Builder

Wie Sie am Ende des GIF sehen können, verwendet Beaver Builder eine andere Oberfläche zum Bearbeiten der Module und wählt ein Popup wie Divi Builder.

Eine großartige Sache bei Beaver Builder ist, dass Sie automatisch neue Spalten erstellen können, indem Sie ein Modul neben ein anderes ziehen, Während Divi Builder und Elementor Sie zwingen, manuell neue Spalten zu erstellen bevor Sie neue Elemente hinzufügen können. Es ist eine kleine Sache – aber dadurch fühlt sich der Designprozess etwas flüssiger an.

Elementor vs Divi Builder vs Beaver Builder: Erstellen von Spalten Beaver Builder

3.

Mit welchen Inhaltsmodulen können Sie Ihre Seiten erstellen?

Elemente oder Module (die Begriffe werden häufig synonym verwendet) sind ein wichtiger Bestandteil eines Seitenerstellers, da sie die eigentlichen Bausteine ​​Ihrer Entwürfe darstellen.

In den obigen Schnittstellenvergleichen haben Sie zwei Arten von Modulen gesehen:

  • Text
  • Taste

Die meisten Seitenersteller bieten jedoch auch viel längere Elementlisten an, die Ihnen mehr Nischenelemente bieten, wie:

  • Referenzen
  • Kontaktformulare
  • Preistabellen und mehr

Hier ist die Gesamtzahl der derzeit verfügbaren Module für jedes:

Die Anzahl der in Seitenerstellern verfügbaren Module

Elementor
Divi Builder
Biberbauer

Anzahl der offiziellen Elemente534631
Verwenden Sie WordPress-Widgets?✅ aber nicht leicht. Komplizierter als andere Module
Add-On-Elemente von Drittanbietern?

Da jeder dieser Seitenersteller eine große Anzahl von Modulen bietet, werden wir uns nicht auf die Module konzentrieren, die alle gleich sind. Stattdessen werden wir versuchen, einige der Unterschiede zwischen Elementor und Divi Builder und Beaver Builder für fortgeschrittenere Modultypen hervorzuheben.

Das heißt, hier sind einige der bemerkenswerten Module, die es gibt nicht von allen drei Seitenerstellern geteilt:

Module, die von allen drei Seitenerstellern * NICHT * gemeinsam genutzt werden

Modul
Elementor
Divi Builder
Biberbauer
Flip Box
Spezieller Audio-Player✅ Soundcloud❌ kann aber Widget verwenden
Animierte Überschrift
Portfolio
Social Share Buttons
Social Follow Icons
Anmeldung
Facebook Kommentare
Person / Teammitglied
Native Kommentare

Beaver Builder hat definitiv das meiste "Nein" Antworten auf der Liste … aber das ist nicht unbedingt ein Dealbreaker.

Beaver Builder enthält weiterhin alle grundlegenden Module, die Sie wahrscheinlich täglich verwenden werden. Es ist möglicherweise nicht möglich, mit den mehr Nischenmodulen zu konkurrieren, die die beiden anderen anbieten.

4.

Wie weit können Sie mit zusätzlichem Styling in jedem Builder gehen?

Während Seitenersteller versuchen, das Design so einfach wie möglich zu gestalten, ist es fast unvermeidlich, dass Sie mehr Styling betreiben möchten, als ein Modul in Ihr Design zu ziehen und es als Tag zu bezeichnen.

Aus diesem Grund benötigen Sie einen Seitenersteller, mit dem Sie das Aussehen und die Positionierung Ihrer verschiedenen Elemente und Abschnitte besser steuern können. Hier werden Sie möglicherweise die größten Unterschiede zwischen Elementor und Divi Builder und Beaver Builder feststellen.

Kurz gesagt, Elementor und Divi Builder bieten die absolut fortschrittlichsten Styling-Optionen, obwohl Beaver Builder nicht weit dahinter liegt.

Styling-Optionen in Seitenerstellern

Elementor
Divi Builder
Biberbauer

Grundlegendes Styling
Benutzerdefinierte Ränder / Polsterung
Benutzerdefinierte Schriftarten / Typografie
Fügen Sie dem Modul direkt benutzerdefiniertes CSS hinzu
Kundenspezifische Dachrinnen

Hier ist alles etwas detaillierter:

Elementor erweiterte Styling-Optionen

Wenn Sie in Elementor auf ein Element oder einen Abschnitt klicken, werden in der Elementor-Seitenleiste drei Registerkarten angezeigt:

  • Inhalt – Mit dieser Option können Sie grundlegende Einstellungen für Inhalt und Ausrichtung festlegen
  • Stil – Mit dieser Option können Sie Schriftarten, Farben, Rahmen und mehr festlegen (je nach Element).
  • Erweitert – Ermöglicht das Hinzufügen von benutzerdefinierten Rändern / Auffüllungen, das Ändern von Z-Indizes, Eingangsanimationen, benutzerdefinierten CSS-Kennungen / benutzerdefiniertem CSS-Code und mehr

elementor erweiterte Styling-Optionen

Ebenso haben Sie viel Kontrolle über Abschnitte, einschließlich der Möglichkeit, Dachrinnen, Breiten und mehr einzustellen:

Elementor Advanced Styling

Erweiterte Styling-Optionen von Divi Builder

Wann immer Sie auf das klicken Ausrüstung Mit dem Symbol für ein Modul oder einen Abschnitt in Divi Builder wird ein Popup mit erweiterten Einstellungsoptionen angezeigt.

Wie Elementor bietet Divi Builder drei verschiedene Registerkarten zum Verwalten Ihrer Module, obwohl der Inhalt der einzelnen Registerkarten geringfügig variiert:

  • Inhalt – Mit dieser Option können Sie Text und grundlegende Formatierungsoptionen festlegen
  • Design – Mit dieser Option können Sie Schriftarten, Rahmen, benutzerdefinierte Ränder / Auffüllungen, Größen und mehr ändern
  • Erweitert – Ermöglicht das Hinzufügen von benutzerdefinierten CSS- oder CSS-Kennungen sowie das Ändern von Einstellungen für das reaktionsschnelle Design

Wie Sie sehen, gibt es hier viele Überschneidungen mit Elementor. Mit beiden Seitenerstellern haben Sie ausreichend Kontrolle über bestimmte Module auf Ihrer Site:

Divi Builder erweitertes Styling

In ähnlicher Weise können Sie Zeilen und Abschnitten auch ein erweitertes Styling hinzufügen, einschließlich benutzerdefinierter Rinnenbreiten, ausgeglichener Spaltenhöhen und mehr:

Divi Builder Styling

Beaver Builder erweiterte Styling-Optionen

Wie bei Divi Builder können Sie mit Beaver Builder einem Modul oder Abschnitt ein weiteres Styling hinzufügen, indem Sie ein Popup anzeigen.

Und wieder erhalten Sie wie Elementor und Divi Builder drei verschiedene Registerkarten (obwohl einige Module weniger Registerkarten haben):

  • Allgemeines – Mit dieser Option können Sie grundlegende Inhalte und Funktionen festlegen
  • Stil – Mit dieser Option können Sie Farben, grundlegende Ausrichtung, Schriftgröße und mehr auswählen
  • Erweitert – Ermöglicht das Hinzufügen von benutzerdefinierten Rändern, reaktionsschnellen Einstellungen, Sichtbarkeit von Benutzerrollen, Animationen und CSS-Kennungen

Biber Builder erweiterte Styling-Optionen

Beaver Builder 2.0 hat einige zusätzliche Stiloptionen hinzugefügt, z. B. die Möglichkeit, für einige Elemente (z. B. Schaltflächen) schnell zwischen flachen, Verlaufs- oder transparenten Stilen zu wählen..

Eine Funktion, die hier noch fehlt, ist die Möglichkeit, benutzerdefinierten CSS-Code direkt zum Modul hinzuzufügen. Beaver Builder bietet jedoch eine coole Option, die keiner der beiden anderen Seitenersteller bietet:

Die Option zum Ausblenden oder Anzeigen eines bestimmten Moduls, je nachdem, ob ein Benutzer bei Ihrer WordPress-Site angemeldet ist oder nicht.

Sie können Zeilen und Spalten auch ein erweitertes Styling hinzufügen, obwohl die Einstellungen nicht ganz so detailliert sind wie bei Elementor und Divi Builder, da Beaver Builder nicht in der Lage ist, ein erweitertes Styling wie Spaltenlücken hinzuzufügen:

Biber Builder Zeileneinstellungen

5.

Sind diese Builder alle mobil ansprechbar??

Aufgrund der Bedeutung von Responsive Design möchten Sie einen Seitenersteller, mit dem Sie Ihren Seiten Responsive Design-Funktionen hinzufügen können.

Im Folgenden finden Sie einen Vergleich der verschiedenen reaktionsschnellen Designfunktionen, die in Elementor vs Divi Builder vs Beaver Builder angeboten werden::

Reaktionsschnelle Designfunktionen in Seitenerstellern

Elementor
Divi Builder
Biberbauer

Inhalte basierend auf dem Gerät ein- / ausblenden
Unterschiedliche Ränder je nach Gerät
Unterschiedliche Schriftgrößen je nach Gerät
Benutzerdefinierte Haltepunkte❌ (aber es gibt ein Ticket darüber)✅ aber nur standortweit. Nicht für einzelne Seiten

Darüber hinaus ist darauf hinzuweisen Elementor Benutzer scheinen die mobilen Designfunktionen des Herstellers ziemlich zu genießen. Hier ist ein Kommentar, den wir aus einer kurzen Facebook-Umfrage erhalten haben (F: "Was sind die Top 1-3 Dinge, die Sie überzeugt haben, Elementor anstelle der anderen beliebten Builder-Plugins zu verwenden?"):

Umfrage Elementor Mobile

6.

Welche einzigartigen Funktionen bietet jeder Seitenersteller??

Mit WordPress-Seitenerstellern gibt es vieles, was gleich ist …

Sicher, es gibt viele kleine Unterschiede in den obigen Vergleichen – aber die Schnittstellen zum Erstellen von Kernseiten sind ziemlich ähnlich. Das heißt, Sie ziehen Elemente per Drag & Drop auf eine Seite und formatieren sie nach Bedarf weiter.

Aber jetzt wollen wir uns mit einigen der einzigartigen Funktionen von Elementor vs Divi Builder vs Beaver Builder befassen. Dies sind Dinge, die über die reguläre Seitenerstellungsoberfläche hinausgehen und hilfreiche neue Funktionen nutzen. Und sie können Ihnen auch dabei helfen, Ihre Entscheidung zu treffen, wenn es um Elementor vs Divi Builder vs Beaver Builder geht.

Elementor einzigartige Eigenschaften

Elementor hat großartige Arbeit geleistet und einzigartige Funktionen geschaffen, die es von der Konkurrenz abheben. Hier sind einige der großen:

  • Überall einbetten – Mit dieser Option können Sie Widgets und Shortcodes verwenden, um Elementor-Designs an einer beliebigen Stelle auf Ihrer Site einzubetten, einschließlich Seitenleisten, Fußzeilen und anderen Bereichen.
  • Wartung / In Kürze verfügbar – Mit Elementor können Sie einen Wartungsmodus oder eine bald erscheinende Seite entwerfen und Schalten Sie diese Seiten direkt über die Elementor-Oberfläche ein.
  • Formteiler – Ein cooler Designeffekt, mit dem Sie Ihren Designs direkt über die Elementor-Oberfläche SVG-Formen hinzufügen können.

Elementor vs Divi Builder vs Beaver Builder: Elementor Formteiler

Divi Builder einzigartige Funktionen

Nicht zu übertreffen – Divi Builder verfügt über eine erstaunlich leistungsstarke integrierte Funktion:

Split-Test.

Mit Divi Builder können Sie auf einfache Weise A / B / n-Tests für bestimmte Module über die Backend Builder-Oberfläche einrichten. Anschließend können Sie die Auswirkungen dieser Module auf ein bestimmtes Ziel vergleichen, um die Version auszuwählen, die am besten funktioniert:

Elementor vs Divi Builder vs Beaver Builder: Divi Builder Split-Test

Weitere einzigartige Merkmale sind:

  • Divi Rolleneditor – Ermöglicht die Einschränkung des Zugriffs auf bestimmte Divi Builder-Funktionen (oder sogar bestimmte Module) basierend auf Benutzerrollen. Die anderen beiden Seitenersteller enthalten grundlegende Rollenbeschränkungen – sie sind jedoch bei weitem nicht so detailliert wie Divi Builder.
  • Elemente sperren – Eine weitere hilfreiche Funktion ist die Fähigkeit zu "sperren" bestimmte Module, um zu vermeiden, dass versehentlich Änderungen an einem fertigen Modul vorgenommen werden.
  • Modulstil kopieren – Anstatt ein ganzes Modul zu duplizieren, können Sie mit Divi Builder nur den Stil kopieren.

In der Tat können wir nur die meisten von setzen "Rechtsklick" Optionen hier. Mit keinem der anderen Seitenersteller können Sie mit der rechten Maustaste klicken, um Änderungen vorzunehmen::

divi Rechtsklick-Funktion

Beaver Builder einzigartige Funktionen

Eine der einzigartigsten Funktionen von Beaver Builder ist das kürzlich veröffentlichte Beaver Themer-Add-On. Dieses Add-On ist ein separater Kauf, aber Sie können im Wesentlichen dieselbe Beaver Builder-Oberfläche verwenden, um Ihr gesamtes Thema zu erstellen, einschließlich Kopfzeilen, Layouts für einzelne Posts und mehr.

Darüber hinaus ist Beaver Builder das einzige Plugin, das standardmäßig eine White-Label-Funktion enthält. Während Gelegenheitsbenutzer diese Funktion möglicherweise nicht interessieren, finden es viele WordPress-Entwickler wichtig.

7.

Welche Art von vorgefertigten Vorlagen bietet jeder Seitenersteller an??

Während der große Vorteil von Seitenerstellern darin besteht, dass Sie Ihre eigenen Designs von Grund auf neu erstellen können, müssen Sie dies nicht tun. Dies liegt daran, dass jeder dieser Seitenersteller eine Bibliothek mit vorgefertigten Layouts enthält.

In Seitenerstellern verfügbare Entwurfsvorlagen

Elementor
Divi Builder
Biberbauer

Anzahl der vorgefertigten Layouts100+~ 42~ 56

Elementor vorgefertigte Layouts und Bibliotheksfunktionen

Eines der Verkaufsargumente von Elementor ist, dass es mit kommt über 100 vorgefertigte Vorlagen. Diese Vorlagen decken alles ab von:

  • Webseiten
  • Startseiten
  • Kontaktseiten
  • Seiten mit Servicelisten
  • Preisseiten
  • In Kürze Seiten
  • Anmeldeseiten

Und für jeden Seitentyp haben Sie häufig Designs, die auf bestimmte Nischen ausgerichtet sind. Wenn dies nicht ausreicht, finden Sie im Web auch viele weitere Elementor-Vorlagen.

Elementor vs Divi Builder vs Beaver Builder: Elementor-Vorlagen

Sie können auch Ihre eigenen Seitendesigns (oder Abschnitts- / Zeilendesigns) in der Elementor-Bibliothek speichern, um sie schnell wiederzuverwenden.

Vorgefertigte Layouts und Bibliotheksfunktionen von Divi Builder

Divi Builder wird mit ~ 42 vorgefertigten Layouts geliefert. Anstatt sich auf bestimmte Nischen wie die Vorlagen von Elementor zu konzentrieren, handelt es sich bei den Layouts von Divi Builder um allgemeinere Seitentypen, die Sie nach Bedarf anpassen können (außerdem stehen im Web mehrere Divi-Layouts von Drittanbietern zur Verfügung):

Elementor vs Divi Builder vs Beaver Builder: Divi Builder-Vorlagen

Wie bei Elementor können Sie auch Module, Abschnitte oder vollständige Entwürfe in Ihrer Bibliothek speichern, um sie bei Bedarf schnell wiederzuverwenden.

Beaver Builder vorgefertigte Layouts und Bibliotheksfunktionen

Beaver Builder enthält ~ 56 vorgefertigte Vorlagen, die in zwei Kategorien unterteilt sind:

  • Startseiten
  • Inhaltsseiten

Die Zielseitenvorlagen sind in bestimmte Nischen unterteilt, während die Inhaltsseiten normalerweise etwas allgemeiner sind:

Elementor vs Divi Builder vs Beaver Builder: Vorlagen für Beaver Builder

Wie die beiden anderen Seitenersteller können Sie auch Ihre eigenen Abschnitte oder Seiten in der Bibliothek speichern, um sie bei Bedarf wiederzuverwenden.

Wer hat die besten Vorlagen? Tweet hier:

8.

Ein Blick auf die Codequalität und die Sperrung für jeden Seitenersteller

Seitenersteller haben bei vielen Entwicklern einen schlechten Ruf, wenn es um Codequalität geht. Darüber hinaus können einige Shortcode-basierte Seitenersteller (wie Divi Builder) dazu führen "einschließen," Wenn Sie das Plugin jemals deaktivieren, wird Ihr Inhalt zu einem Durcheinander von Shortcodes.

In diesem Abschnitt werden zwei Dinge betrachtet:

  • Welche Art von Code gibt das Plugin aus??
  • Was passiert, wenn Sie das Plugin jemals deaktivieren müssen??

Zu diesem Zweck erstellen wir für jeden Seitenersteller ein ähnliches Design und Layout. Dann werden wir sehen, wie der Code zwischen Elementor vs Divi Builder vs Beaver Builder aussieht und, was noch wichtiger ist, was passiert, wenn Sie das Plugin deaktivieren.

Für den Fall, dass Sie interessiert sind, hier die Entwürfe, die ich für jeden Builder verwendet habe:

Divi Builder SeitengestaltungElementor gegen Divi Builder gegen Beaver Builder: Beispiel für Divi Builder
Beaver Builder SeitengestaltungElementor vs Divi Builder vs Beaver Builder: Beispiel für einen Beaver Builder

Spoiler Alarm; Elementor und Beaver Builder hinterlassen den saubersten Code, während Divi Builder ein unglückliches Shortcode-Problem hat.

Elementor Code Qualität und Lock-In

So sieht der Code von Elementor aus, während er aktiviert ist:

Elementor gegen Divi Builder gegen Beaver Builder: Elementor-Code

Und Folgendes passiert mit Ihrem Layout und Code, wenn Sie Elementor deaktivieren:

Elementorcode deaktiviert

Nicht so schlecht! Während Sie alle ausgefallenen Formatierungen und Symbole verlieren, hinterlässt Elementor sauberen Code, der zumindest die grundlegende Formatierung wie beibehält

Tags und Listen. Von einem Seitenersteller können Sie nicht viel mehr verlangen.

Die Tatsache, dass Elementor Sie nicht einschließt, wurde auch in einer von uns durchgeführten schnellen Facebook-Umfrage als eine der Hauptstärken des Herstellers herausgestellt (das F: "Was sind die Top 1-3 Dinge, die Sie überzeugt haben, Elementor anstelle der anderen beliebten Builder-Plugins zu verwenden?"):

Umfrage Elementor Shortcodes

Divi Builder Codequalität und Lock-In

Während es aktiviert ist, sieht der Code von Divi Builder dem von Elementor sehr ähnlich:

Elementor gegen Divi Builder gegen Beaver Builder: Divi Builder Code

Wenn Sie jedoch Divi Builder deaktivieren, werden Sie eine böse Überraschung erleben …

Divi Builder deaktiviert

Autsch! Das ist ein Durcheinander von Shortcodes. Aus diesem Grund kritisieren einige Leute Divi für sein Lock-In-Problem.

Beaver Builder Codequalität und Lock-In

Während es aktiv ist, sieht der Code von Beaver Builder den beiden anderen ziemlich ähnlich:

Elementor vs Divi Builder vs Beaver Builder: Code für Beaver Builder

Wenn Sie es deaktivieren, bleibt sauberer Code wie Elementor zurück. Soweit ich das beurteilen kann, ist der zurückgelassene Code ziemlich identisch mit Elementor:

Biberbauer deaktiviert

9.

Elementor vs Divi Builder vs Beaver Builder im Vergleich zur Leistung

In Verbindung mit der Codequalität ist eine weitere wichtige Überlegung, wie sich jeder Seitenersteller auf die Leistung auswirkt. Interessanter als die Ladezeiten von Rohseiten ist die Seitengröße und die Anzahl der Anforderungen.

Um dies zwischen Elementor und Divi Builder und Beaver Builder zu testen, nehmen wir unsere Beispiele von oben und führen sie durch Pingdom, um die Ladezeiten von Seiten und andere relevante Daten zu erfassen. Hinweis – Auf der Testseite wird kein Caching oder andere Optimierungen der Seitengeschwindigkeit ausgeführt.

Elementor vs Divi Builder vs Beaver Builder: Leistungsvergleich

Elementor
Divi Builder
Biberbauer

Ladezeit1,47 Sekunden1,32 Sekunden1,38 Sekunden
Seitengröße698,2 kB606,0 kB639,0 kB
Anfragen433033

Obwohl die Ladezeiten der Seiten zu nahe sind, um eine Schlussfolgerung zu ziehen, können wir sagen, dass Divi Builder zumindest für dieses Testlayout hinsichtlich Seitengröße und Anzahl der Anforderungen am optimiertesten war.

Um ehrlich zu sein, wissen wir, dass dieses Ergebnis wahrscheinlich zu Kontroversen führen wird…Aber das sagten die Zahlen, als wir den Test durchführten.

Als Referenz:

Elementor LeistungElementor gegen Divi Builder gegen Beaver Builder: Leistung von Elementor
Divi Builder LeistungElementor vs Divi Builder vs Beaver Builder: Leistung von Divi Builder
Beaver Builder LeistungElementor vs Divi Builder vs Beaver Builder: Leistung von Beaver Builder

Wie immer bei solchen Dingen kann Ihr Kilometerstand variieren, und es scheint, dass die beiden anderen Bauherren gleichermaßen für ihre Leistung gelobt werden.

Hier ist zum Beispiel, was die Beaver Builders Gruppe auf Facebook musste man zum Thema sagen:

Umfrage Beaver Builder

10.

Ein Blick auf die Preise für jeden Seitenersteller

Elementor und Beaver Builder arbeiten nach einem Freemium-Modell, während Divi Builder ausschließlich Teil der Elegant Themes-Mitgliedschaft ist.

Von den beiden Freemium-Plugins, Elementor bietet die funktionsreichere kostenlose Version. Elementor bietet auch die billigste Pro-Version an, obwohl dieser billigste Plan nur eine einzelne Site unterstützt, während sowohl Divi Builder- als auch Beaver Builder-Pläne unbegrenzte Sites unterstützen.

So stapelt sich alles:

Elementor vs Divi Builder vs Beaver Builder: Preisgestaltung

Elementor
Divi Builder
Biberbauer

* Für Ihre 89 US-Dollar erhalten Sie Zugriff auf jedes einzelne Produkt, das Elegant Themes verkauft, was das Preis-Leistungs-Verhältnis erhöht.
Freie Version?
Pro Startpreis49 $$ 89 *99 $
Unbegrenzter Standortplan?
Plan für lebenslange Updates?

11.

Benutzerfreundlichkeit: Wie einfach es ist, mit jedem Seitenersteller zu beginnen

Dieser Abschnitt war überraschend schwer zu schreiben, da es schwierig ist, meine Vorurteile als jemand beiseite zu legen, der jeden Tag WordPress verwendet und darüber schreibt. Das ist, was ich betrachte "einfach" stimmt nicht immer mit dem überein, was ein gelegentlicher WordPress-Benutzer findet "einfach."

Im Allgemeinen denke ich, dass alle drei benutzerfreundlich und einfach zu handhaben sind. Aber wenn ich sie einstufen müsste, würde ich sie in diese Reihenfolge bringen:

Biberbauer – –

Ich denke, die Möglichkeit, neue Spalten per Drag & Drop zu erstellen, macht es einfach, sofort mit dem Erstellen zu beginnen.

Benutzerfreundlichkeit des Autors Bewertung: 5/5

Divi Builder – –

Obwohl das Zusammenspiel zwischen Abschnitten, Zeilen und Modulen zunächst etwas verwirrend sein kann, habe ich mit vielen Anfängern gesprochen, die die Inline-Textbearbeitung von Divi Builder als sehr intuitiv empfinden.

Benutzerfreundlichkeit des Autors Bewertung: 4.8 / 5

Elementor – –

Seit Elementor die Inline-Bearbeitung eingeführt hat, ist meine einzige echte Beschwerde, dass es nicht so einfach ist, neue Spalten zu erstellen wie Beaver Builder. Trotzdem ist das eine Kleinigkeit, und wenn Sie Wert auf Inline-Bearbeitung legen, könnten Sie wahrscheinlich dafür eintreten, dass Elementor die Nummer 1 ist.

Benutzerfreundlichkeit des Autors Bewertung: 4.9 / 5

Wieder – die Unterschiede zwischen den beiden sind keineswegs groß und im Allgemeinen finde ich sie alle einfach zu bedienen.

Eine weitere erwähnenswerte Sache, die sich auch auf das Thema Benutzerfreundlichkeit bezieht, ist die Qualität des Kunden- / Benutzer-Supports. Grundsätzlich hängt Ihre allgemeine Erfahrung mit einem bestimmten Builder stark davon ab, wie einfach es ist, bestimmte nicht offensichtliche Aspekte des Builders herauszufinden, oder wie bereit ist, dem Support-Team zu helfen.

Dies ist jedoch ziemlich schwer zu bewerten und wird erst sichtbar, nachdem Sie Ihren Builder eine Weile verwendet haben. Wahrscheinlich finden Sie gute und schlechte Bewertungen für alle drei Support-Teams – Elementor, Divi Builder und Beaver Builder.

Hier ist einer (Elementor):

Umfrage Elementor Unterstützung

Elementor vs Divi Builder vs Beaver Builder: welche sollten Sie wählen?

Sie können zwar immer jeden dieser Seitenersteller selbst verwenden und herausfinden, welcher am besten geeignet ist. Wir gehen jedoch davon aus, dass Sie diesen Artikel wahrscheinlich lesen, weil Sie möchten, dass wir Ihnen dabei helfen. Also, welches ist das richtige für Sie zwischen Elementor vs Divi Builder vs Beaver Builder?

Im Allgemeinen haben Elementor und Beaver Builder mehr Gemeinsamkeiten als mit Divi Builder.

Aus diesem Grund ist es einfacher, eine sinnvolle Trennung zwischen Elementor / Beaver Builder und Divi Builder zu ziehen. Es ist etwas schwieriger, den Fall zwischen Elementor und Beaver Builder zu klären.

Trotzdem werden wir es versuchen …

Genau wie bei unserem Vergleich zwischen Divi und Avada und X werden wir Sie fragen, welche der folgenden Aussagen für Sie am zutreffendsten ist:

(EIN)

  • Ich mag es, Text direkt auf der Seite bearbeiten zu können (Inline-Bearbeitung).
  • Ich möchte so viele fortschrittliche Styling- und Responsive-Design-Optionen wie möglich.
  • Ich möchte so viele vorgefertigte Vorlagen wie möglich.
  • Es ist wichtig, dass mein Seitenersteller sauberen Code hinterlässt, wenn ich ihn jemals deaktiviere.

Klicken Sie hier, um Elementor anzuzeigen

(B)

  • Ich mag es, Text direkt auf der Seite bearbeiten zu können (Inline-Bearbeitung).
  • Ich mag es, meine Designs mit Split-Tests zu optimieren.
  • Ich habe nicht vor, den Seitenersteller zu wechseln. Sobald ich einen ausgewählt habe, werde ich ihn für eine lange Zeit verwenden.
  • Ich schätze es, eine riesige Community von Drittanbietern zu haben, an die ich mich wenden kann, um Hilfe zu erhalten.

Klicken Sie hier, um Divi Builder anzuzeigen

(C)

  • Ich mag die Idee, mein gesamtes Thema mit einem Seitenersteller zu erstellen
  • Ich denke, es ist hilfreich, mehrspaltige Designs per Drag & Drop erstellen zu können
  • Es ist wichtig, dass mein Seitenersteller sauberen Code hinterlässt, wenn ich ihn jemals deaktiviere.

Klicken Sie hier, um den Beaver Builder anzuzeigen

Und das rundet unseren Vergleich von Elementor gegen Divi Builder gegen Beaver Builder ab. Jetzt wollen wir von Ihnen hören – Was denken Sie über diese drei hervorragenden Seitenersteller?? Bevorzugen Sie einen gegenüber den anderen? Glauben Sie, dass wir ein wichtiges Unterscheidungsmerkmal übersehen haben??

Lass es uns in den Kommentaren wissen!

Vergessen Sie nicht, an unserem Crashkurs teilzunehmen, um Ihre WordPress-Site zu beschleunigen. Mit einigen einfachen Korrekturen können Sie Ihre Ladezeit sogar um 50-80% reduzieren:

Originaltext von Colin Newcomer und Karol K..
Layout und Präsentation von Karol K..

* Dieser Beitrag enthält Affiliate-Links. Wenn Sie also auf einen der Produktlinks klicken und dann das Produkt kaufen, erhalten wir eine geringe Gebühr. Keine Sorge, Sie zahlen trotzdem den Standardbetrag, sodass Sie keine Kosten haben.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me

    Это интересно
    Adblock
    detector