Beaver Builder vs Elementor: Nur einer ist gut für dich (2024)

Beaver builder gegen Elementor

Welches sind zwei der beliebtesten Seitenersteller für WordPress? Wenn Sie nach einem suchen Beaver Builder Im Vergleich zu Elementor wissen Sie bereits, dass dies zwei der besten Produkte auf dem Markt sind!

Als Endbenutzer, der Ihre Website selbst gestalten möchte, wissen Sie sicher, dass diese Plugins unter den vielen verfügbaren Optionen zu Ihren besten Optionen gehören.

Es gibt jedoch einige Unterschiede, die Sie kennen müssen, bevor Sie Ihre Wahl treffen.

Beide Produkte haben ihre eigenen Nuancen und idealen Anwendungsfälle, die Ihnen bei Ihrer Entscheidung helfen könnten.

Denn wenn Sie einmal eine Entscheidung getroffen haben, bleiben Sie meist auf lange Sicht dabei. Es gibt (fast) kein Zurück mehr. Die richtige Wahl zu treffen ist entscheidend! 

Ihre Entscheidung ist wichtig.

Wenn Sie Seiten mit einem Seitenersteller erstellen und sich dann entscheiden, zu einem anderen zu wechseln, bleibt Ihr Inhalt erhalten, aber Sie erhalten am Ende ein unordentliches Layout und überall verstreute Shortcodes.

Es kann sehr mühsam und zeitaufwändig sein, alles neu aufzubauen.

Deshalb ist es wichtig, dass Sie sich so früh wie möglich genau überlegen, welchen Page Builder Sie verwenden möchten.

Wir werden die Funktionen beider Plugins durchgehen und sie vergleichen, damit Sie diese Entscheidung treffen können, bevor Sie mit der Erstellung beginnen.

Aber vielleicht haben Sie gerade eine Frage im Kopf.

Wenn Sie Page Builder-Plugins verwenden, wird Ihre Site erstellt abhängig darauf, warum überhaupt eines verwenden?

Lassen Sie uns das als nächstes kurz besprechen.

Wenn Sie den Vergleich beschleunigen möchten, können Sie zum Elementor vs. springen Beaver Builder .

Dieser Beaver Builder Der Artikel zum vs. Elementor-Plugin wurde im Mai 2024 aktualisiert und enthält relevante und wichtige Informationen und Updates, wenn neue Funktionen entwickelt und für beide Produkte veröffentlicht werden. Sie können sicher sein, dass dieser Artikel die neuesten, unvoreingenommenen Informationen enthält.

Beaver Builder gegen Elementor

Elementor und Beaver Builder sind beide leistungsstarke Tools zum Entwerfen von Websites. Elementor hat eine kostenlose Version, aber die Pro-Version (49 $) zeichnet sich durch einen umfangreichen Satz an Elementen und eine Vorlagenbibliothek aus.

Beaver Builder ist dank seiner Einfachheit und Benutzerfreundlichkeit eine großartige Alternative.

  Elementar vs beaver builder beaver builder gegen elementar
Insgesamt:  5/5  4.5/5
Gewinnschlag ????  
PREISLISTE Ab 59 $ / Jahr $99
Kostenlos Version Ja Ja
Echtzeit-Editor Ja Ja
Frontend / Backend Beide Beide
Zielgruppe Entwickler / Designer / Benutzer / Agentur Web Developer / Designer
Unterstützte Elemente 80+  31 
Code bereinigen Ja Ja
Vorgefertigte Vorlagen / Layouts 300+ 50+
Coole Funktion Dynamischer Inhalt Biber Themer
Leistung
Was uns gefallen hat  Sehr leistungsstarke Lösung zum Erstellen jeder Art von Website  Einfache Benutzeroberfläche
   Überlegene Layout-Management-Optionen  Der Inhalt bleibt auch nach der Deaktivierung 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    Teurer als andere Seitenersteller
Webseite Besuchen Sie Elementor Besuchen Sie Beaver Builder 

Was ist ein Page Builder?

Page Builder versprechen, die Gestaltung Ihrer Website viel einfacher zu machen und less kompliziert.

Mit ihnen können Sie Seiten erstellen und entwerfen, die genau (oder zumindest so nah wie möglich) aussehen, wie Sie es sich vorgestellt haben, ohne mit Code herumspielen zu müssen.

Dies steht im Gegensatz zu dem, was bis vor ein paar Jahren üblich war, wo es für die Entwicklung einer Website unerlässlich war, Programmierer zu sein oder zumindest über gute Kenntnisse der Webtechnologie zu verfügen!

Mit dem Aufkommen von Seitenerstellern besteht keine Notwendigkeit mehr Webentwickler einstellen um alles andere als die individuellste Codierung durchzuführen.

Das Fazit ist, dass Webdesigner und Seitenersteller auf absehbare Zeit weiterhin nebeneinander existieren werden.

Lesen Sie mehr: Sehen Sie sich unseren neuen Assistant Pro an review - ein Tool für Webdesigner.

Warum einen Page Builder verwenden?

Es gibt viele Gründe, warum Sie ein Page Builder-Plugin verwenden möchten:

Ein Komplettpaket

Zunächst einmal ist ein Seitenersteller wie ein „All-in-One“-Plugin. Sie verfügen über Schaltflächen, Diashows, Kontaktformulare, Galerien, Inhaltsraster, Social-Sharing-Schaltflächen usw. in einem Paket.

Wenn Sie keinen Seitenersteller verwenden, müssen Sie stattdessen mehrere Plugins installieren, eines für jeden spezifischen Bedarf.

Wenn Ihre Anforderungen steigen, müssen Sie möglicherweise eine ganze Reihe verschiedener Plugins installieren. Wenn Sie sich für Premium-Plugins entscheiden, summieren sich die Lizenzgebühren.

Und dann gibt es die Frage, welches Plugin das beste ist, zusammen mit den Wartungsarbeiten, die mit der Installation so vieler Plugins verbunden sind.

Einfach ausgedrückt, sind Seitenersteller bequem und insgesamt billiger.

Elemente

Vorlagen und Layouts

Der nächste Grund ist der offensichtlichste. Dies ist auch der Hauptgrund, warum Sie einen WordPress-Seitenersteller sowie schöne benutzerdefinierte Vorlagen und Layouts verwenden würden.

Während wir Premium-Themen erhalten können, die uns viele Anpassungsfunktionen und -optionen bieten, gibt es meistens nicht viele Themen, die ALLE unsere Designanforderungen erfüllen.

Die meisten Vorlagen werden die meisten unserer Anforderungen erfüllen. WordPress-Seitenersteller mögen Beaver Builder und Elementor bieten Ihnen die Tools, um alle Ihre Bedürfnisse zu erfüllen.

Es gibt keine Grenzen dafür, was Sie mit einem Seitenersteller erstellen können.

Sie können Ihre Seiten nach Ihren Wünschen anpassen und in einigen Fällen sogar Ihr gesamtes Thema.

Es gibt auch vorgefertigte Vorlagen, die Ihnen das Leben erleichtern.

Diese sind voll entwickelte Websites und Seiten, die Sie NUR mit Ihren Inhalten anpassen müssen.

Layoutvorlagen

Sie müssen nicht wissen, wie man programmiert

Obwohl Sie Seitenersteller noch besser machen können, indem Sie individuellere Designs erstellen und wissen, wie man HTML und CSS schreibt, ist dies NICHT notwendig.

Die meisten Seitenersteller, wie Elementor und Beaver Builder, verfügen über eine Drag-and-Drop-Oberfläche, mit der Sie ganz einfach Seiten erstellen können, ohne ein einziges Wissen darüber zu haben, was eine ist Tag tut es.

Das ist nun aus dem Weg, lass uns mit dem Vergleich der Beaver Builder vs Elementor-Seitenersteller.

Was ist Elementor?

Elementor ist einer der etabliertesten Drag-and-Drop-Seitenersteller für WordPress. Es wurde bereits 2016 ins Leben gerufen und hat sich immer erfolgreicher entwickelt.

Es ist so beliebt, dass jeder, der an einen Seitenersteller denkt, automatisch an Elementor denkt. Es gilt als der „ursprüngliche“ Drag-and-Drop-Seitenersteller, der jedem die Welt des Erstellens von Websites eröffnet hat.

Es bietet eine kostenlose Version mit vielen Tools zum Erstellen und Anpassen von Websites und verfügt über Tausende von Themes, die damit erstellt wurden oder die es unterstützen.

Elementor Pro ist die Premium-Version. Es fügt weitere Blöcke, Vorlagen und Tools hinzu. Für Einzelpersonen oder Bastler ist es weitgehend unnötig, bietet Agenturen jedoch viel Leistung und Flexibilität.

Was ist Beaver Builder?

Beaver Builder ist tatsächlich älter als Elementor und wurde 2014 eingeführt. Es hat nicht so viel Aufsehen erregt wie Elementor und hat immer noch nicht das gleiche Profil.

Wie Sie gleich sehen werden, liegt das eher an der Art und Weise, wie die beiden beworben werden, und hat nichts mit Qualität oder Funktionalität zu tun!

Beaver Builder verfügt über eine kostenlose Basisversion und mehrere Premium-Versionen. Die kostenlose Version ist ziemlich gut, verfügt aber nicht über die gleiche Anzahl kostenloser Elemente wie die Konkurrenz.

Jedoch müssen auch Beaver Builder ist stabil und leicht, zwei Dinge, die wir alle schätzen.

Das UI-Design ist auch ziemlich gut.

Elementor vs. Beaver Builder: Die Schnittstelle

Eines der wichtigsten Dinge, die Sie bei der Auswahl einer Anwendung oder Software berücksichtigen sollten, ist die Benutzeroberfläche.

Obwohl es hauptsächlich um persönliche Vorlieben geht, kann es schwierig sein, eine Anwendung zu verwenden, deren Benutzeroberfläche nicht Ihren gewohnten oder nicht Ihren Wünschen entspricht.

Die Schnittstelle allein macht ein Plugin nicht großartig. Es gibt noch andere Dinge zu beachten, z. B. die Verfügbarkeit von Funktionen und Modulen. Lesen Sie diese daher unbedingt bis zum Ende durch, bevor Sie Ihre Entscheidung treffen.

Beginnen wir mit der Benutzeroberfläche von Elementor.

Die Elementor-Schnittstelle

Die Benutzeroberfläche von Elementor ist in zwei Hauptabschnitte unterteilt. Die Seitenleiste links und die Live-Vorschau Ihrer Site / Seite.

Laden Sie die kostenlose Version von Elementor herunter

Die Seitenleiste enthält WordPress widgets und Elemente, mit denen Sie Ihre Seiten zusammen mit den Einstellungen erstellen können, die Sie anpassen können.

Elementor-Schnittstelle

Sie können Ihren Seiten Elemente hinzufügen, indem Sie sie in die Live-Vorschau ziehen und dort ablegen. Zum Beispiel haben wir auf unserer Beispielseite eine zusätzliche Überschrift hinzugefügt:

Drag & Drop Element oder

Das Bearbeiten von Text ist einfach. Klicken Sie einfach auf ein Textelement auf Ihrer Website und bearbeiten Sie es direkt.

Textbearbeitungselement oder

Sie können Text auch über die Seitenleiste bearbeiten.

Textbearbeitungselement oder Seitenleiste

Schließlich können Sie unten auf zusätzliche Einstellungen zugreifen.

Elementor mehr Schnittstelle

 

  • Allgemeine Einstellungen – Hier können Sie Informationen über die aktuelle WordPress-Seite sehen, z. B. den Titel der Seite, das vorgestellte Bild, den Veröffentlichungsstatus und mehr.
  • Navigator – Öffnet ein Popup mit einem Navigationsbaumfenster, das die Navigation erleichtert.
  • Geschichte - Wenn Sie zu einer früheren Revision zurückkehren möchten, können Sie hier klicken. Beachten Sie, dass hier nur die Änderungen angezeigt werden, die Sie in der aktuellen Sitzung vorgenommen haben.
  • Reaktionsmodus - Ermöglicht Ihnen zu sehen, wie Ihre Website auf verschiedenen Geräten und Bildschirmauflösungen aussehen wird.

Wenn Sie mit der Maus über ein Element fahren und mit der rechten Maustaste klicken, können Sie auf verschiedene Optionen zugreifen:

Rechtsklick Element oder

Über das Kontextmenü können Sie ein Element löschen, im Navigator anzeigen, als globales Element speichern (nur Pro-Version), duplizieren und vieles mehr.

Nachdem wir nun die Hauptoberfläche von Elementor gesehen haben, werfen wir einen Blick auf Beaver Builder nächsten.

Das Beaver Builder Schnittstelle

Beaver Builder's Benutzeroberfläche ist minimalistischer als die des Elementor-Builders. 

Klicken Sie hier für eine Live-Demo

Wenn Sie eine WordPress-Seite über bearbeiten Beaver Builder, das sehen Sie:

Biber-Schnittstelle

Oben haben Sie die Beaver Builder Leiste mit minimalen, aber wesentlichen Informationen zu Ihrer aktuellen Seite.

Um ein Element hinzuzufügen, klicken Sie auf „+”In der oberen rechten Ecke.

Bibermodule

Um ein Element oder ein zu verwendendes „Modul“ hinzuzufügen Beaver Builder's Terminologie, können Sie sie einfach per Drag & Drop verschieben.

Biber Drag & Drop

Das hast du vielleicht bemerkt Beaver BuilderDer Texteditor von Elementor unterscheidet sich geringfügig.

Aus dem GIF oben können wir ersehen, dass wir beim Bearbeiten von Text über einen Popup-Editor verfügen.

Sie können auch auf ein Textmodul klicken, um es zu bearbeiten, wodurch wiederum der Popup-Texteditor angezeigt wird.

Biber Texteditor

Wenn Ihnen diese Popup-Fensterfunktion nicht gefällt, können Sie den Texteditor nach links oder rechts auf den Bildschirm ziehen, um ihn anzuheften.

Sobald Sie dies getan haben, können Sie auch eine Inline-Bearbeitung durchführen.

Biber Texteditor angepasst

Beachten Sie, dass durch das Anheften dieses Texteditors auch alles angeheftet wird, sodass es in Bezug auf das Layout wie der Elementor-Builder aussieht.

Biber-Schnittstelle angepasst

Beaver Builder hat jetzt das gleiche Layout wie Elementor. Wenn Sie möchten, können Sie es durch Ziehen und Anheften auf die rechte Seite verschieben.

Schließlich haben wir zusätzliche Einstellungen, indem wir auf den Abwärtspfeil in der oberen linken Ecke des Bildschirms klicken.

Biber zusätzliche Einstellungen

Schnittstelle – Fazit

Beide Plugins bieten nahezu identische Layouts und Bearbeitungsleistung.

In Bezug auf das Aussehen, Beaver Builder hat den Vorteil, dass es viel sauberer aussieht, obwohl dies möglicherweise nur eine persönliche Präferenz ist.

Auch das Ziehen und Ablegen von Elementen ist etwas genauer und einfacher Beaver Builder als im Elementor-Plugin.

Module und Widgets

Elementor nennt seine Elemente „Widgets“ während Beaver Builder nennt sie „Module“.

Dies sind die Bausteine, mit denen WordPress-Seitenersteller den Inhalt Ihrer Seite erstellen können.

Dazu gehören Text, Überschriften, Schaltflächen, Galerien und andere Elemente. In den früheren Beispielen sahen Sie die Text- und Überschriftenelemente.

Mal sehen, wie viele andere Elemente diese Plugins zu bieten haben.

Elementor-Elemente: Abschnitte, Spalten und Widgets

Der Elementor-Builder verfügt über drei Arten von Elementen:

  1. Abschnitte
  2. Spalten
  3. Widgets

Der Abschnitt ist der höchste in der Builder-Hierarchie. Jede Spalte und jedes Widget ist in einem Abschnitt vorhanden.

Die Spalte ist die zweite in der Hierarchie. Jedes Widget befindet sich in einer Spalte. Die Widgets sind die niedrigsten in der Hierarchie.

Die Widgets sind Ihre Inhalte wie Schaltflächen, Text und Bilder. Die Abschnitte und Spalten dienen zum Erstellen verschiedener Layouts.

Elementor bietet Ihnen 50 Widgets zur Verwendung in der kostenlosen Version und über 60 WordPress-Widgets in der Pro-Version.

Diese Zahlen steigen ständig, da neue Versionen veröffentlicht werden. Klicken Sie hier, um die neuesten Zahlen zu überprüfen.

Im GIF unten können Sie sehen, wie wir einen Abschnitt hinzugefügt, dann eine „zweispaltige“ Spalte in den Abschnitt eingefügt und schließlich Widgets in die Spalten eingefügt haben.

Sie können einer Spalte mehrere Widgets hinzufügen, was Sie im zweiten GIF unten sehen, das den Stil zeigt.

Widgets für Element- oder Abschnittsspalten

Das Anwenden von Stilen auf den Abschnitt wirkt sich auf alles darin aus.

Das Gleiche gilt für Spalten, hat jedoch keine Auswirkungen auf alles außerhalb der Spalten und jeder Stil, den Sie auf ein Widget anwenden, bleibt für sich selbst erhalten.

Abschnitte Spalten Widgets Hierarchie

 Möglicherweise haben Sie bemerkt, dass Sie mit der rechten Maustaste auf ein Element klicken können, um es zu bearbeiten, zu duplizieren oder zu löschen.

Dies ist eine sehr praktische Aktion.

Element oder Rechtsklick-Menü

Jetzt haben Sie einen guten Überblick über die Elemente von Elementor. Schauen wir uns das mal an Beaver Builder.

Beaver Builder Elemente: Zeilen, Spalten und Module

Wie das vorherige Plugin, Beaver Builder teilt seine Elemente auch in drei Kategorien ein:

  1. Reihen
  2. Spalten
  3. Module

Zeilen sind die höchsten in der Hierarchie. Spalten werden in Zeilen und Module in Spalten eingefügt. Module sind Ihr eigentlicher Inhalt, während Spalten und Zeilen dem Layout dienen.

Beaver BuilderDie kostenlose Version von bietet Ihnen 6 Module, während die Pro-Version Ihnen 30 Module zum Spielen bietet.

Im folgenden GIF verwenden wir den Builder, um eine Zeile mit drei Spalten hinzuzufügen und die Spalten mit verschiedenen Modulen zu füllen.

Zeilenspaltenmodul

Das Styling funktioniert genauso wie bei Elementor.

In Zeilen angewendete Stile werden auch in Spalten und Modulen angewendet. In Spalten angewendete Stile wirken sich auf Module aus, und Sie können Modulen individuell bestimmte Stile zuweisen.

Modulstil für Zeilenspalten

Im Gegensatz zu Elementor, Beaver Builder hat keine benutzerdefinierten Rechtsklickoptionen. Sie müssen den Mauszeiger über ein Element bewegen, um Aktionen darauf ausführen zu können.

Rechtsklick Biber

Module und Widgets – Fazit

Beide Plugins funktionieren ziemlich gleich.

Beide bieten einfache Möglichkeiten, ein Layout für Ihre Seiten zu erstellen.

Elementor macht es jedoch etwas einfacher, indem es für jedes Element ein Rechtsklick-Menü gibt, mit dem Sie direkt zu seinen Einstellungen springen können.

Was die Anzahl der verfügbaren Module angeht, scheint Elementor die Nase vorn zu haben Beaver Builder, vor allem in der kostenlosen Version.

Styling

Wie Sie bereits gesehen haben, sind sowohl Elementor als auch Beaver Builder bieten eine detaillierte Kontrolle über die Styling-Optionen.

Sie können Stile auf Abschnitte oder Zeilen anwenden oder diese verfeinern und einzelnen Widgets oder Modulen einen eigenen Stil verleihen.

Lassen Sie uns ein wenig mehr auf die Styling-Optionen eingehen.

Elementor-Styling-Optionen

Bevor wir uns die im Editor selbst verfügbaren Styling-Optionen ansehen, werfen wir einen Blick auf die Styling-Einstellungen von Elementor, die in zu finden sind Elementor> Einstellungen.

Elementor-Styling-Optionen

Im Allgemeines In den Einstellungen können Sie konfigurieren, ob die Standardfarben und Schriftarten von Elementor deaktiviert werden sollen.

Unter dem Design Auf der Registerkarte können Sie verschiedene andere Designeinstellungen konfigurieren.

Elementor-Einstellungsstil

Wie Sie sehen, können Sie auf dieser Seite viele Styling-Optionen optimieren.

Kommen wir nun zu den Editor-Styling-Optionen.

Elementor-Stiloptionen

Die verfügbaren Styling-Optionen bleiben für die meisten Elemente in Elementor ziemlich ähnlich.

Unten sehen Sie die grundlegenden Stiloptionen für das Überschriftenelement.

Elementor Stile

Übrigens haben Sie vielleicht bemerkt, dass sich der Schriftstil und die Farbe geändert haben - das liegt daran, dass wir gerade die aktiviert haben Deaktivieren Sie die Standardfarben und Deaktivieren Sie die Standardschriftarten in den Einstellungen von Elementor.

Jetzt erbt es die Farben und Schriftarten des Themas, anstatt die benutzerdefinierten zu verwenden (was Sie unseren früheren Beispielen entnehmen können).

Kehren wir zu den Stiloptionen zurück, die uns zur Verfügung stehen.

Oben haben wir:

  • Textfarbe
  • Typografie
  • Textschatten
  • Mischmodus

Erweiterte Stiloptionen für Elementor

Wenn Sie der Meinung sind, dass dies nicht ausreicht, können Sie auf der Registerkarte Erweitert weitere Optionen anzeigen.

Elementor erweiterte Stile

Hier können Sie alles konfigurieren, von benutzerdefinierten Rändern und Abständen über Bildlaufeffekte bis hin zu Hintergrundeinstellungen usw.

Sie können bei Bedarf auch ein benutzerdefiniertes CSS anwenden (dies ist nur in der Pro-Version verfügbar).

Eine der einzigartigen Funktionen von Elementor ist die Möglichkeit, benutzerdefinierte Werte für verschiedene Bildschirmgrößen festzulegen.

Fortgeschrittene Reaktionsstile

Auf diese Weise können Sie genauer steuern, wie Ihre Inhalte auf verschiedenen Geräten und Bildschirmauflösungen angezeigt werden.

Beaver Builder Styling-Optionen

Im Gegensatz zu Elementor, Beaver Builder erbt standardmäßig die Schriftarten und Farben Ihres Designs. Dies ermöglicht eine Konsistenz out of the box.

Beaver BuilderDie Styling-Optionen variieren je nach Element, aber im Grunde haben Sie Stil, Trennzeichen, Typografie, und advanced Optionen.

Stile

Biberstile

Der Style Die Einstellungen werden angezeigt, wenn Sie eine Zeile sowie andere Elemente wie Schaltflächen bearbeiten.

Sie finden Optionen für:

  • Breite
  • Inhaltsbreite
  • Größe
  • Farben wie Linkfarbe, Textfarbe, Linkhoverfarbe usw.
  • Hintergrundtyp, Farbe und Deckkraft
  • Grenze

Anwenden von Farben wie Text-, Link- und Hover-Farben werden auf jedes Element innerhalb der Zeile angewendet.

Sie können diese Einstellungen jedoch überschreiben, indem Sie benutzerdefinierte Werte pro Element festlegen.

Biber fortgeschrittene Stile

Im advanced Einstellungen, für die Sie Optionen finden können:

  • Abstand
  • Responsive Layout-
  • Sichtbarkeit
  • HTML-Element - Sie können eine benutzerdefinierte HTML-ID und Klasse für ein bestimmtes Element zur weiteren Anpassung festlegen

Beide Beaver Builder und Elementor ermöglichen Ihnen die Feinabstimmung, wie Ihre Inhalte auf verschiedenen Geräten angezeigt werden, indem Sie auf das Gerätesymbol neben einer Einstellung klicken (die nur für Einstellungen sichtbar ist, die dies unterstützen).

Biber reagiert

Separator

Biber-Separator-Stile

Das Separator ist eine weitere Styling-Option, mit der Sie Ihren Elementen ein verfeinertes Aussehen verleihen können.

Hier finden Sie Optionen für Ihren Separator. Wenn Sie sich fragen, wie ein Trennzeichen aussieht, sehen Sie sich oben ein Beispiel an – die rote Linie unter der Überschrift im Bild oben.

Sie haben Möglichkeiten für:

  • Separator-Stil
  • Trennposition
  • Linienstil
  • Linienfarbe
  • Dicke und Breite

Typografie

Typografie im Biberstil

Das Typografie Mit den Optionen können Sie steuern, wie Ihr Text angezeigt wird. Diese Einstellung wird normalerweise für die angezeigt Üerschrift Modul.

Hier haben Sie Optionen für:

  • HTML-Tag
  • Schriftstil, Größe und Gesicht
  • Textfarbe
  • Die Margen

Styling – Fazit

Beide Plugins bieten eine Vielzahl von Styling-Optionen und Konfigurationen. Sie ermöglichen ein Endeless Anpassung bis ins kleinste Detail jedes Elements auf einer Seite.

Wir sind der Meinung, dass beide Seitenersteller in dieser Hinsicht größtenteils gleichwertig sind.

Template

Vorlagen sind vorgefertigte Designs, mit denen Sie die Gestaltung Ihrer Seiten beschleunigen können. Sowohl Elementor als auch Beaver Builder bietet uns viele Vorlagen zur Auswahl.

Als Webdesigner oder Entwickler möchten Sie wahrscheinlich die Möglichkeit haben, eigene Themen oder bestimmte Seitenvorlagen zu erstellen, die Sie im Rahmen Ihres Designprozesses wiederverwenden / optimieren können.

Lass uns einen Blick darauf werfen.

Elementor-Vorlagen

Wenn Sie in Elementor eine neue Seite erstellen, sehen Sie, dass Sie entweder einen Abschnitt hinzufügen oder eine Vorlage verwenden können.

In der kostenlosen Version stehen Ihnen rund 40 Vorlagen zur Auswahl.

In der Pro-Version stehen Ihnen über 300 verschiedene Seiten und Blockvorlagen zur Auswahl.

Besuchen Sie die Website, um alle Vorlagen zu überprüfen

Element oder neue Vorlage

Beim Anklicken des Vorlage hinzufügen Klicken Sie auf die Schaltfläche, um ein Menü mit den Vorlagen zur Auswahl zu erhalten.

Elementor Template-Auswahl

Elementor bietet zwei Arten von Vorlagen: Block und Seite.

Blockvorlagen sind Abschnittsvorlagen, mit denen Sie bestimmte Teile Ihrer Seite erstellen können. Ein Beispiel für eine Blockvorlage ist ein Kontaktformular oder ein CTA-Abschnitt.

Unten sehen Sie Beispiele für verfügbare CTA-Vorlagen.

Element- oder Blockvorlagen

Page Templates sind ganzseitige Vorlagen, die über das Builder-Plugin für bestimmte Seitentypen und / oder Zwecke entwickelt wurden.

Unten sehen Sie Vorlagen für eine Landingpage und eine Homepage.

Es stehen verschiedene Geschmacksrichtungen zur Auswahl. Beispielsweise haben Sie eine Homepage-Vorlage, die auf Restaurants zugeschnitten ist, und eine, die auf Agenturen zugeschnitten ist.

Elementor-Seitenvorlagen

Sie können auch Ihre benutzerdefinierten Seitenvorlagen erstellen und sogar komplette Themes zur Wiederverwendung speichern.

Klicken Sie dazu auf den kleinen Aufwärtspfeil neben der Schaltfläche „Veröffentlichen“ und wählen Sie „Als Vorlage speichern“.

Elementor benutzerdefinierte Vorlagen

Sie können sogar von Dritten erstellte Vorlagen importieren, indem Sie sie auf Ihre Website hochladen.

Dies ermöglicht ein Endeless Individualisierungsmöglichkeiten.

Element oder Importvorlage

Beaver Builder Template

In Beaver Builderstehen Ihnen drei Arten von Vorlagen zur Auswahl: Zielseiten, Inhaltsseiten und gespeicherte Vorlagen.

Im Gegensatz zu Elementor, Beaver Builder hat keine Vorlagen auf Blockebene, obwohl Sie Plugins verwenden können, um die gleiche Funktionalität zu erhalten.

Klicken Sie hier, um alle Vorlagen anzuzeigen

Beachten Sie, dass die kostenlose Version von Beaver Builder verfügt über keine Vorlagenoptionen. Wenn Sie die kostenlose Version nutzen möchten, müssen Sie alles von Grund auf neu machen.

beaver builder Vorlagen

Landingpage-Vorlagen dienen der Erstellung aufwendiger Landingpages. Zum jetzigen Zeitpunkt können Sie aus 30 verschiedenen Landingpage-Vorlagen wählen Beaver Builder.

Biber Landing Page Vorlage

Inhaltsseitenvorlagen sind für Inhaltsseiten wie About-Seite, Kontaktseite, Homepage usw. gedacht.

Derzeit stehen 25 Inhaltsseitenvorlagen zur Auswahl Beaver Builder.

Biber-Inhaltsseitenvorlage

 

Gespeicherte Vorlagen sind Ihre benutzerdefinierten gespeicherten Vorlagen. Wie in Elementor können Sie mit dem Builder eine Seite als Vorlage erstellen, um sie später wiederzuverwenden.

Das Importieren von Vorlagen ist auch möglich auf Beaver Builder, aber es ist nicht so intuitiv wie das von Elementor.

Vorlagen – Fazit

Der Elementor-Builder bietet mehr Vorlagen zur Auswahl und einfachere Optionen zum Importieren und Exportieren von Vorlagen als Beaver Builder.

Im Hinblick auf die Design und Aussehen, beide Plugins bieten Ihnen eine Vielzahl von schönen Vorlagen, die für viele verschiedene Arten von Nischen geeignet sind.

Was ihre kostenlosen Versionen betrifft, gewinnt Elementor zweifellos gegen Beaver Builder.

Mit Elementor können Sie weiterhin aus über zwei Dutzend kostenlosen Vorlagen wählen und diese sogar importieren und exportieren.

Mit der Beaver Builder, müssen Sie auf ihre Premium-Version aktualisieren, um diese Funktion nutzen zu können.

Themenerstellung

Die Theme-Building-Funktion ist ein sehr mächtiges Werkzeug, das sowohl Elementor als auch Beaver Builder bietet an.

Für Elementor wird der Theme Builder automatisch freigeschaltet, sobald Sie auf die Premium-Version upgraden.

Mit der Beaver Builder, müssten Sie ein separates Plugin namens Beaver Themer installieren, das für 147 US-Dollar separat erhältlich ist.

Der Elementor Theme Builder

Um auf den Theme Builder zuzugreifen, können Sie zu gehen Vorlagen> Theme Builder. Von dort aus können Sie Designvorlagen erstellen oder bearbeiten.

Sie können Vorlagen erstellen oder bearbeiten für:

  • Seite
  • Kopfzeile
  • Fußzeile
  • Single Post
  • Archiv
  • 404 Seiten
  • Usw.

Der Theme Builder von Elementor funktioniert fast genauso wie der Page Builder.

Sie verfügen über alle normalen Elemente sowie neue und spezifische Elemente für die Art des Themenbereichs, an dem Sie arbeiten.

So sieht beispielsweise der Theme Builder aus Einzelne Post.

Elementor Single Post Editor

Wie Sie sehen können, haben Sie eine neue Reihe von WordPress-Widgets, die für einzelne Beiträge wie Post-Titel, ausgewähltes Bild, Post-Kommentare usw. spezifisch sind.

Wenn Sie nicht bei Null anfangen möchten, können Sie auch vorgefertigte Vorlagen verwenden, auf die Sie zugreifen können, indem Sie wie im normalen Seitenersteller auf das Ordnersymbol im Inhaltseditor klicken.

Sobald Sie mit der Erstellung Ihrer benutzerdefinierten Designvorlage fertig sind, können Sie steuern, wann und wo sie angezeigt wird.

Sie können beispielsweise festlegen, dass Ihre benutzerdefinierte Einzelbeitragsvorlage nur für einen bestimmten Beitragsautor angezeigt wird.

Das Beaver Builder Theme Builder

Beaver BuilderDer Theme Builder von Elementor funktioniert zwar anders aktiviert, funktioniert aber ähnlich wie der Theme Builder von Elementor.

Dies ist ein großartiges Tool, wenn Ihre Kunden von Ihnen die Erstellung benutzerdefinierter Designs verlangen.

Sie können erst dann auf den Theme Builder zugreifen, wenn Sie das Beaver Themer-Plugin installiert haben.

Sobald Sie es aktiviert haben, können Sie darauf zugreifen Beaver Builder > Ther-Layouts Von dort aus können Sie eine benutzerdefinierte Vorlage für Folgendes erstellen:

  • Kopfzeile
  • Fußzeile
  • Archiv
  • Einzelne Beiträge (Singular)
  • 404 Seite

beaver builder Theme Builder

Sobald Sie sich für das Layout entschieden haben, das Sie erstellen oder bearbeiten möchten, können Sie es weiter anpassen, indem Sie auswählen, wo und wann es angezeigt werden soll.

Beispielsweise können Sie für die benutzerdefinierte Fußzeile auswählen, ob sie auf Ihrer gesamten Site angezeigt wird und Ihre Standardfußzeile effektiv ersetzt, oder ob sie nur auf bestimmten Posts oder Seiten angezeigt werden soll.

Sie können es auch weiter anpassen, indem Sie es nur anzeigen, wenn ein Beitrag von einem bestimmten Autor verfasst wurde.

Diese regelbasierte Anpassung in Beaver Builder ist ziemlich mächtiges Zeug, weil es eine Menge Flexibilität und Anpassungsmöglichkeiten mit sich bringt.

beaver builder die benutzerdefinierten Regeln

Was den Editor selbst betrifft, verfügen Sie über dieselbe Benutzeroberfläche wie der Seitenersteller.

Unten können Sie den Theme-Layout-Editor in Aktion sehen, wo wir die von uns erstellte benutzerdefinierte Fußzeile bearbeiten.

Sie haben Zugriff auf die gleiche Anzahl an Modulen und anderen Elementen wie im regulären Seitenersteller.

beaver builder Themen-Editor

Theme Builder – Fazit

Beide Builder-Plugins bieten eine hervorragende Kontrolle und Anpassung bei der Themenerstellung.

Wenn wir jedoch über die Preise sprechen, ist das Elementor-Builder-Plugin günstiger als Beaver Builder da sein Theme Builder in die Premium-Version integriert ist.

Elementor Popup Builder

Elementor Popup Builder

Wenn Sie Elementor Pro kaufen, erhalten Sie auch Zugriff auf den Elementor Popup Builder.

Wenn Sie Popups für das Marketing nutzen, ist dies ein erheblicher Vorteil. Das bedeutet, dass Sie keinen Popup-Builder eines Drittanbieters kaufen oder verwenden müssen Beaver Builder hat so etwas nicht.

Elementor Popup Builder lässt sich in den Seitenersteller integrieren und verwendet dieselben Menüs, Blöcke und Methoden.

Sie können vorgefertigte Popup-Vorlagen verwenden oder Ihre eigenen von Grund auf erstellen, was ein praktischer Trick ist.

Obwohl Popups umstritten sind, sind sie effektiv.

Wenn Sie ein Unternehmen gründen oder Ihr bestehendes Unternehmen ausbauen möchten, sollten Sie Pop-ups unbedingt in Betracht ziehen.

Leistung

Kein Elementor vs Beaver Builder Der Vergleich wäre ohne einen Leistungstest vollständig.

Wir wollten hier nicht zu sehr ins Detail gehen, da wir bereits viel abgedeckt haben.

In unseren Schnelltests haben wir festgestellt, dass Elementor insgesamt schneller ist als Beaver Builder obwohl beide die Seitenladegeschwindigkeit verlangsamen.

Verwenden einer Standardvorlagenseite für jedes:

  • Elementor erzielte 83/100 und Beaver Builder erreichte auf PageSpeed ​​Mobile 68/100.
  • Testseiten wurden mit Elementor in 3.8 Sekunden und mit 4.2 Sekunden geladen Beaver Builder.
  • Elementors größter Contentful Paint (LCP) beträgt 3.3 Sekunden Beaver Builderliegt bei 7.1 Sekunden.
  • Elementor hat einen langsameren First Contentful Paint (FCP) mit 4.8 Sekunden gegenüber 2.5 Sekunden für Beaver Builder.
  • Beaver Builder hat auch weniger HTTP-Anfragen als Elementor, 17 vs. 38.

Wie Sie sehen, gibt es zwischen den beiden keinen allzu großen Unterschied. Während beide im Vergleich zur Verwendung des Standard-WordPress-Editors einen moderaten Einfluss auf die Seitengeschwindigkeit haben, sind sie bei den Ladezeiten größtenteils gleichauf.

Leistung – Fazit

Während Elementor in Bezug auf die Ladegeschwindigkeit einen leichten Vorsprung hat, ist dieser größtenteils vernachlässigbar.

Sicher, der mobile Score könnte verbessert werden, aber es ist unwahrscheinlich, dass Sie eine Website starten würden, ohne sie vorher zu optimieren.

Weniger HTTP-Anfragen zu haben, ist jedoch definitiv ein Vorteil.

Nennen wir es ein Unentschieden.

AnzeigenPreise

Wir haben die beiden Plugins bereits ausführlich verglichen und gesehen, was Sie in der kostenlosen und der Pro-Version bekommen können.

Aber wie viel kostet jeder Bauunternehmer? Welches bietet Ihnen den größten Mehrwert?

Beide Premium Builder-Versionen sind in drei Preisstufen erhältlich.

Elementor-Preise

Beginnen wir mit Elementor. Es gibt persönliche, geschäftliche und unbegrenzte Preisoptionen.

  • Essential - 59 US-Dollar für eine einzelne Site.
  • Fortgeschrittener - 99 US-Dollar für drei Standorte.
  • Experten - 199 US-Dollar für 25 Websites
  • Agentur - 399 $ für 1000 Seiten.

Elementor-Preis vs beaver builderAlle Pläne verfügen über die gleiche Anzahl an Funktionen, erhalten weiterhin ein Jahr lang Premium-Support und Updates und werden mit dem Theme Builder geliefert.

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

Beaver Builder AnzeigenPreise

Wie Elementor, Beaver Builder Die Preise sind ebenfalls in drei Stufen unterteilt - alle mit unbegrenzten Websites, aber verschiedenen aktivierten Funktionen.

  • Standard – 99 $ pro Jahr.
  • Pro – 199 $ pro Jahr.
  • Agentur – 399 $ pro Jahr.
  • Ultimate – 546 $ pro Jahr.

Beaver Builder vs. Elementor-PreiseDas Standard Lizenz hat keinen Multisite-Support und Beaver Builder Thema. Das pro Lizenz unterstützt Multisite-Unterstützung und wird mit Beaver Builder Thema, aber es gibt keine weiße Beschriftung.

Schließlich wird der Agentur Lizenz hat alle Standard- und Pro-Funktionen plus weiße Beschriftung.

Alle Pläne gelten für unbegrenzte Websites.

Denken Sie daran, dass Beaver Ther ein separater Kauf von . ist Beaver Builder selbst das kostet 147 $.

Klicken Sie hier für den niedrigsten Preis auf Beaver Builder

Kostenlos gegen Pro

Beide Plugins werden mit kostenlosen und Pro-Versionen geliefert, aber die kostenlose Version von Elementor ist hier der klare Gewinner.

Die kostenlose Version von Elementor enthält Dutzende von Modulen und Vorlagen kostenlos.

Beaver Builder kommt nur mit sehr einfachen, was es in seiner kostenlosen Version sehr eingeschränkt macht.

Preise – Fazit

Wenn Sie eine kostenlose Version wünschen, ist Elementor Ihre klare Wahl.

Was die Premium-Versionen betrifft, so mag es scheinen, dass Beaver Builder teurer ist, bieten die höherstufigen Pläne entwicklerfreundlichere Funktionen, insbesondere White-Labeling.

Elementor erlaubt Ihnen nicht, die Website eines Kunden selbst zu hosten und ihm eine monatliche Gebühr zu berechnen, wenn Sie Elementor zum Erstellen oder Entwerfen seiner Website verwendet haben.

Wir sind der Meinung, dass Elementor besser für Solo-Benutzer geeignet ist, während Beaver Builder ist besser für Entwickler - vor allem wegen der White-Labeling- und Hosting-Optionen.

Wenn Sie noch nach anderen Optionen suchen, haben wir auch bewertete Elementor vs Divi hier, und auch Beaver Builder gegen Divi.

Wenn Sie möchten, Weitere Bewertungen, unsere Einstellung zu Divi und Astra WP-Theme-RezensionWir sind jedoch der Meinung, dass Sie Ihre Auswahl an dieser Stelle einschränken und unsere Schlussfolgerung unten betrachten sollten.

Vor-und Nachteile

Sowohl Elementor als auch Beaver Builder haben Vor- und Nachteile. Schauen wir uns diese hier an.

Vorteile von Elementor

  • Weitere Blöcke, Vorlagen und Funktionen
  • Weitere Gestaltungsmöglichkeiten
  • Ideal für kleinere Agenturen oder Einzelpersonen
  • Die Pro-Version ist preisgünstig
  • Themengebäude inklusive
  • Popup-Builder im Lieferumfang von Pro enthalten
  • Tausende Elementor-kompatible WordPress-Themes

Nachteile von Elementor

  • Einige der Bedienelemente sind nicht so intuitiv, wie sie sein könnten
  • Pro preist Privatpersonen und kleinere Agenturen aus

Vorteile von Beaver Builder

  • Die Benutzeroberfläche ist modern und leicht zu erlernen
  • Alle Ihre grundlegenden Block- und Vorlagenanforderungen werden erfüllt
  • Sie können die Benutzeroberfläche bei Bedarf anpassen
  • Glatt und flüssig in der Anwendung
  • Der Verlängerungsrabatt ist willkommen

Nachteile von Beaver Builder

  • Nicht so viele WordPress-Themes unterstützen es
  • Die Community ist kleiner als die von Elementor
  • Für Einzelpersonen ist die Nutzung teurer
  • Nicht so viele Blöcke oder Vorlagen wie Elementor

Elementor vs. Beaver Builder: Abschluss

Insgesamt sind dies derzeit die beiden besten Plugins für den Seitenersteller für WordPress. 

Elementor bietet eine riesige Menge an Vorlagen und Elementen, während Beaver Builder versucht es einfach zu halten und erfüllt dennoch die Bedürfnisse jedes Webdesign-Benutzers.

Beaver Builder ist entwicklerfreundlich. Es bietet White-Labeling-Optionen und unterliegt keinen Einschränkungen, wie Entwickler Dienste oder Websites verkaufen können, die damit erstellt wurden.

Wenn Sie ein einzelner Entwickler oder Benutzer sind und nach einem hervorragenden Plugin mit unzähligen Funktionen und schnellen Updates suchen, dann entscheiden Sie sich für das Elementor-Seitenersteller-Plugin.

Wenn Sie ein Entwickler oder Benutzer sind, der nicht von unzähligen Funktionen und schnellen Updates überwältigt werden möchte, wählen Sie Beaver Builder.

Aber am Ende liegt es ganz bei Ihnen, die endgültige Entscheidung zu treffen.

 

Über den Autor
David Attard
David ist seit 21 Jahren in der Online- und Digitalbranche tätig. Er verfügt über umfangreiche Erfahrung in der Software- und Webdesignbranche mit WordPress, Joomla und den damit verbundenen Nischen. Er hat mit Softwareentwicklungsagenturen, internationalen Softwareunternehmen und lokalen Marketingagenturen zusammengearbeitet und ist jetzt Head of Marketing Operations bei Aphex Media – einer SEO-Agentur. Als digitaler Berater liegt sein Fokus darauf, Unternehmen dabei zu helfen, sich durch die Kombination ihrer Website und der heute verfügbaren digitalen Plattformen einen Wettbewerbsvorteil zu verschaffen. Seine Mischung aus Technologieexpertise gepaart mit ausgeprägtem Geschäftssinn verschafft seinen Schriften einen Wettbewerbsvorteil.

Eine Sache noch... Wussten Sie, dass Leute, die nützliche Dinge wie diesen Beitrag teilen, auch FANTASTISCH aussehen? ;-);
Bitte kontaktieren Sie uns, wenn Sie Probleme im Zusammenhang mit dieser Website haben oder 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 ...