Elementor Pro gegen Beaver Builder 2022

Die WordPress-Community ist mit vielen Drag-and-Drop-Seitenerstellern gesegnet. Mit diesen benutzerfreundlichen WordPress-Plugins können Sie in Sekundenschnelle professionell aussehende Seiten erstellen, selbst wenn Sie keine Design- oder Entwicklungserfahrung haben.

In diesem Artikel stellen wir zwei der beliebtesten WordPress Drag-and-Drop-Seitenersteller gegeneinander an: Elementor Pro und Beaver Builder.

Beide Lösungen verwenden einen Frontend-Editor. Das bedeutet, dass Sie mit einem visuellen Editor direkt auf Ihrer Website Änderungen vornehmen und die Änderungen in Echtzeit sehen können.

Lassen Sie uns tiefer eintauchen und uns ansehen, was Elementor Pro und Beaver Builder den Besitzern von WordPress-Websites bieten. Auf diese Weise können Sie feststellen, welcher dieser erstklassigen Drag-and-Drop-Seitenersteller für Sie geeignet ist.

ElementorPro

Elementor war sofort beliebt, als es erstmals im Juni 2016 veröffentlicht wurde. Das Plugin schaffte es, in nur drei Monaten über 10.000 aktivierte Installationen zu verzeichnen, und 15 Monate später gelang es den Entwicklern, ihre Benutzerbasis von 10.000 auf über 300.000 Benutzer zu vergrößern.

Einer der Gründe, warum die kostenlose Version von Elementor so schnell gewachsen ist, ist, dass die Entwickler eine benutzerfreundliche Erfahrung mit Funktionen angeboten haben, die normalerweise nur in Premium-Drag-and-Drop-Seitenerstellern zu finden sind. Ihre Pro-Version, die wir uns heute in diesem Artikel ansehen werden, schaltet alle Funktionen von Elementor frei.

Elementor gibt Ihnen die vollständige Kontrolle über jede Seite Ihrer Website mit einem schönen visuellen Front-End-Editor.

Satte 90 Inhalts-Widgets stehen Ihnen zur Verfügung, um Ihnen dabei zu helfen, Seiten nach Ihren Wünschen zu gestalten. Sie finden Widgets zum Hinzufügen von Bildern, Videos, Karten, Seitenleisten, Erfahrungsberichten und mehr.

Über 50 dieser Inhalts-Widgets sind nur in der Pro-Version verfügbar. Dazu gehören wünschenswerte Inhalts-Widgets für WooCommerce, Social Media Sharing, Preistabellen, Posts, Portfolios, Facebook-Kommentare und mehr.

Es wird Sie freuen zu hören, dass Sie jedes WordPress-Widget mit Elementor verwenden können. Dies eröffnet unbegrenzte Möglichkeiten zur Integration von Widgets aus Ihren bevorzugten WordPress-Plugins.

Jeder Aspekt von Elementor ist Open Source, mobilfreundlich und für Suchmaschinen optimiert. Eine große Sammlung vorgefertigter Vorlagen wird ebenfalls bereitgestellt. Diese können unverändert oder als Grundlage für Ihr eigenes Design verwendet werden. Alle Vorlagen können gespeichert und auf andere Seiten angewendet werden. Sie können auch exportiert und importiert werden.

Verwenden von Elementor Pro

Sobald Sie Elementor aktiviert haben, sehen Sie auf Ihren Post- und Seitenlistenseiten einen Link „Mit Elementor bearbeiten“. Über diesen Link gelangen Sie direkt zum Live-Editor.

Wenn Sie sich bereits im Beitrags- oder Seitenbearbeitungsbereich befinden, klicken Sie einfach auf die Schaltfläche „Mit Elementor bearbeiten“. Im WordPress-Blockeditor sehen Sie die Schaltfläche auch oben auf jeder Seite.

Bei Verwendung des klassischen WordPress-Editors wird die Schaltfläche „Mit Elementor bearbeiten“ über dem visuellen Editor angezeigt.

Die Elementor-Oberfläche zeigt alle Optionen auf der linken Seite der Seite an. Wenn Sie auf den Hauptinhaltsbereich klicken, können Sie Abschnitte und Widgets verschieben.

Elementor bezieht sich auf Inhalts-Widgets als Elemente, obwohl die Suchleiste verwirrenderweise oben im Bedienfeld „Such-Widget“ anzeigt. Alle Elemente werden in zwei Spalten angezeigt.

Oben befinden sich wesentliche Elemente wie Text, Überschriften, Bilder, Videos und Karten. Der nächste Abschnitt zeigt alle Pro-Elemente an, und dann gibt es Abschnitte für allgemeine Elemente und WordPress-Widgets. Aufgrund der großen Menge an Elementen müssen Sie mit einer Bildlaufleiste navigieren.

Um Inhalte zu Ihrer Seite hinzuzufügen, klicken Sie einfach auf ein Inhaltselement und ziehen Sie es auf Ihre Seite. Wenn Sie auf ein Inhaltselement auf Ihrer Seite klicken, ändert sich das Bedienfeld auf der linken Seite, um die Einstellungen für dieses Element anzuzeigen. Die Einstellungen sind in drei Abschnitte unterteilt: Inhalt, Stil und Erweitert.

Sie können jeden Aspekt eines Inhaltselements ändern – Layout, Stil, Farben und mehr. Da Elementor einen visuellen Editor verwendet, können Sie alle Änderungen, die Sie vornehmen, in Echtzeit sehen.

Ganz oben auf dem Bedienfeld befinden sich das Elementor-Logo und zwei Schaltflächen links und rechts.

Die Schaltfläche auf der linken Seite ruft ein Einstellungsfeld auf, in dem Sie auf Site-Einstellungen, den Theme-Builder und Benutzereinstellungen zugreifen können.

Die rechte Taste fungiert als Reset-Taste. Wenn Sie darauf klicken, gelangen Sie zurück zum Hauptfenster, in dem alle Inhaltselemente angezeigt werden.

Hunderte von Optionen finden Sie im Bereich der Site-Einstellungen. Es gibt Optionen zum Ändern globaler Farben und Schriftarten, Typografie, Schaltflächen, Layouts und mehr.

Am unteren Rand des Bedienfelds können Sie die Ansicht vom Desktop-Modus in den Tablet- und Mobilmodus ändern. Sie können auch auf Ihren Änderungsverlauf zugreifen und zu früheren Versionen Ihres Layouts zurückkehren. Dies ist nützlich, wenn Sie einen Fehler machen oder einfach Ihre Meinung über etwas ändern, das Sie hinzugefügt haben.

Mit der Schaltfläche „Vorlagen“ in diesem Menü können Sie Ihr aktuelles Layout als Vorlage speichern und auf die Vorlagenbibliothek zugreifen.

Die Benutzeroberfläche von Elementor ist nicht so intuitiv wie die von Beaver Builder, aber sobald Sie wissen, wie sie funktioniert, können Sie in wenigen Minuten professionelle Layouts erstellen.

Vorgefertigte Vorlagen von Elementor

Wenn Sie eine leere Seite haben, sehen Sie eine Option zum Hinzufügen eines neuen Abschnitts oder einer neuen Vorlage. Dieser Bereich wird weiterhin unten auf der Seite angezeigt, nachdem Sie Inhalte hinzugefügt haben.

Wenn Sie einen neuen Abschnitt hinzufügen, können Sie eine von zwölf Spaltenstrukturen auswählen. Durch Klicken auf die Schaltfläche „Vorlage hinzufügen“ wird die Vorlagenbibliothek geladen. Wie bereits erwähnt, kann dies auch über das Menü unten im Hauptoptionsfeld gestartet werden.

Die Vorlagenbibliothek zeigt alle vorgefertigten Vorlagen und alle Vorlagen, die Sie selbst erstellt und gespeichert haben. Es gibt auch eine Option, um Ihr aktuelles Layout oben rechts zu speichern.

Rund 350 vorgefertigte Vorlagen sind in Elementor verfügbar. Die überwiegende Mehrheit dieser Layouts steht nur Elementor Pro-Benutzern zur Verfügung, wobei etwa 30 davon kostenlosen Benutzern zur Verfügung stehen. Zusätzlich zu vollständigen Vorlagenlayouts können Sie auch vorgefertigte Inhaltsblöcke hinzufügen. Dies ist nützlich, um Teile einer Seite hinzuzufügen, z. B. ein Inhaltsformular, ein Feld mit häufig gestellten Fragen oder ein Testimonial.

Jede Vorlage kann in der Vorschau angezeigt und dann in Ihren Inhaltsbereich eingefügt werden. Es gibt immer eine kleine Verzögerung von ein paar Sekunden nach dem Klicken auf Einfügen, bevor es zu Ihrer Seite hinzugefügt wird.

Sie finden Seitenvorlagen für viele verschiedene Nischen. Es gibt Vorlagen für Cafés, Anwaltskanzleien, Sportwebsites, Festivals, Immobilienunternehmen, Coming Soon-Seiten, About-Seiten, Online-Shops und mehr.

Ärgerlicherweise gibt Ihnen Elementor keine Option, Ihr aktuelles Layout zu ersetzen. Es wird immer am Ende Ihres bestehenden Layouts angehängt.

Wenn Sie also ein Layout einfügen und es Ihnen nicht gefällt, müssen Sie zum Einstellungsbereich im Hauptfenster gehen und „Alle Inhalte löschen“ auswählen. Wenn Sie dies vergessen und dann Ihr neues Layout hinzufügen, müssen Sie entweder zurückgehen und alle Abschnitte des vorherigen Layouts manuell löschen, die Sie eingefügt haben, oder den gesamten Inhalt löschen und das Layout erneut einfügen.

Es ist wichtig, sich daran zu erinnern, dass alle Drag-and-Drop-Seitenersteller so konzipiert sind, dass sie Ihnen helfen, den Hauptinhaltsbereich zu ändern. Wenn Sie also Seitenleisten auf Ihrer Seite haben, sehen die Vorlagen alle zusammengedrückt aus.

Elementor hat eine nützliche Option unter den Seiteneinstellungen, mit der Sie von der regulären Vorlage Ihres Designs zu einer leeren Leinwand oder einer Vorlage in voller Breite wechseln können. Dadurch wird das Layout gelöscht und Sie können es so veröffentlichen, wie es beabsichtigt war (dh ohne Seitenleisten).

Vorlagen sind ein großes Verkaufsargument von Elementor. Die vorgefertigten Vorlagen sind ein guter Ausgangspunkt für Ihre eigenen Layouts. Indem Sie mit den Designs herumspielen, können Sie besser verstehen, wie Sie das Plugin optimal nutzen können.

Erweiterung über den Inhaltsbereich hinaus

Egal, ob Sie ein Layout von Grund auf neu erstellen oder ein vorhandenes Layout anpassen, Sie können es als Vorlage speichern und immer wieder verwenden. Dies ist unglaublich nützlich, wenn Sie Inhalte für Ihre Website erstellen.

Mit dem Elementor Theme Builder können Sie auch komplette Website-Designs erstellen. Es kann verwendet werden, um ganze Seiten, Abschnitte, Kopfzeilen, Fußzeilen, Beiträge und mehr zu erstellen.

Alle Theme-Builder-Layouts werden über die Benutzeroberfläche von Elementor erstellt. Für jedes Layout können Sie festlegen, unter welchen Bedingungen es angezeigt oder von Ihrer Website ausgeschlossen wird.

Dies hilft Ihnen, einzigartige Layouts auf Ihrer gesamten Website zu erstellen. Sie können beispielsweise Bedingungen einrichten, um für jede Blogpost-Kategorie unterschiedliche Kopf- und Fußzeilen zu verwenden.

Um den Theme Builder voll auszunutzen, empfehle ich die Verwendung des Elementor Hello Theme. Sie können es kostenlos von WordPress.org oder Ihrem Admin-Bereich herunterladen.

Dieses minimalistische WordPress-Theme fungiert als leere Leinwand und erleichtert das Erstellen von Zielseiten und ganzseitigen Designs. Es ist eine leichtgewichtige Lösung, die nicht mit WordPress-Plugins kollidiert.

Hello hat nur wenige einfache Designoptionen innerhalb des Customizers, da die Entwickler möchten, dass alle Website-Anpassungen innerhalb des Elementor-Editors erfolgen.

Sobald Sie sich mit dem Erstellen schöner Blog-Posts und Seiten in Elementor vertraut gemacht haben, empfehle ich Ihnen, den Elementor-Theme-Builder zu erkunden. Es ist eine fantastische Funktion, die Ihnen die vollständige Kontrolle darüber gibt, wie jede Seite Ihrer Website strukturiert und gestaltet ist.

Elementor Pro-Einstellungen

Im Haupteinstellungsbereich von Elementor können Sie auswählen, mit welchen Beitragstypen es verwendet werden kann. Die Stileinstellungen wurden in den Haupteditor von Elementor übertragen, einige Stileinstellungen sind jedoch weiterhin auf der Seite mit den erweiterten Einstellungen zu finden.

Ihr reCAPTCHA-Schlüssel und API-Schlüssel für Facebook, MailChimp und andere Dienste von Drittanbietern können auf der Seite mit den Integrationseinstellungen eingegeben werden.

Elementor unterstützt benutzerdefinierte Schriftarten und Symbole. Außerdem steht ein Rollenmanager zur Verfügung, mit dem Sie festlegen können, welche WordPress-Benutzergruppen auf den Editor zugreifen und welche nur die Inhalte bearbeiten können.

Ihre Vorlagenbibliothek ist im Haupteinstellungsmenü von WordPress verlinkt. So können Sie leicht sehen, welche Layouts Sie erstellt und gespeichert haben. System- und Lizenzinformationen können hier ebenfalls eingesehen werden.

Der Werkzeugbereich hilft Ihnen bei vielen verschiedenen Aufgaben, wie z. B. dem erneuten Generieren von CSS, dem Ersetzen Ihrer Website-URL und dem Zurücksetzen auf eine frühere Version von Elementor.

Dieser Bereich hat auch ein Tool zum Ersetzen von URLs aus Ihrer WordPress-Datenbank, eine Option zum Zurücksetzen auf frühere Versionen des Plugins und eine weitere Option, um Ihre Website in einen Demnächst- oder Wartungsmodus zu versetzen.

Die Art und Weise, wie der Einstellungsbereich angeordnet ist, ist etwas seltsam. Es gibt einen Einstellungsbereich und einen Werkzeugbereich mit jeweils vier verschiedenen Abschnitten. Eine einzelne Einstellungsseite, die alle Optionen in ein paar Registerkarten auflistet, wäre sinnvoller.

Wenn Elementor kostenlos heruntergeladen werden kann, warum upgraden?

Die kostenlose Version von Elementor ist wirklich beeindruckend und enthält eine großzügige Anzahl von Inhalts-Widgets und Vorlagen sowie wesentliche Funktionen wie das Exportieren und Importieren. Daher fragen Sie sich vielleicht, warum jemand die Pro-Version kaufen möchte, wenn die kostenlose Version gut ist. Es ist eine vernünftige Frage.

Die Antwort ist einfach. Während die reguläre Version von Elementor gut ist, ist die Pro-Version großartig.

Die über 50 Inhalts-Widgets (Elemente), die in Elementor Pro enthalten sind, enthalten WooCommerce-Widgets, die für Online-Shops unerlässlich sind, ein Post-Widget zum Veröffentlichen von Blog-Posts, ein Folien-Widget, Preis-Widgets, ein Anmelde-Widget und viele Social-Media-Widgets. Die meisten vorgefertigten Vorlagen sind auch nur in Elementor Pro verfügbar.

Zu den weiteren Premium-Funktionen gehören die Möglichkeit, ein Widget global zu machen und es auf Ihrer gesamten Website bereitzustellen, Live-CSS und eine Option, Vorlagen direkt als Widget in die Seitenleisten Ihrer Website zu integrieren.

Vergessen wir auch nicht den erstaunlichen Elementor Theme Builder.

Ich denke nicht, dass es fair wäre zu sagen, dass die kostenlose Version von Elementor restriktiv ist, da dies nicht der Fall ist. Ich glaube jedoch, dass Websitebesitzer, die die kostenlose Version verwenden, neidisch auf die erweiterten Funktionen sein werden, die Profibenutzer erhalten.

Sehen Sie sich diese Liste der Unterschiede zwischen der kostenlosen und der Pro-Version an, um genau zu sehen, was Sie erhalten, wenn Sie ein Upgrade durchführen.

Elementor Pro-Preise

Elementor hat eine einfache und faire Preispolitik für diejenigen, die von der kostenlosen Version upgraden möchten.

Es stehen drei verschiedene Premium-Pläne zur Verfügung: Personal, Plus und Expert. Alle Pläne bieten die gleiche Version von Elementor Pro. Der einzige Unterschied besteht darin, für wie viele Websites Sie Updates und Support erhalten.

49 US-Dollar pro Jahr sind ein verlockender Preis für ein Upgrade auf die Pro-Version von Elementor. Es kostet nur 99 US-Dollar, wenn Sie eine Lizenz für drei Websites möchten, und 199 US-Dollar, wenn Sie eine Lizenz für 1.000 Websites wünschen.

Alle WordPress-Benutzer können die kostenlose Version von Elementor installieren, um sich damit vertraut zu machen, was das Plugin kann und was nicht. Trotzdem wird Elementor Pro immer noch mit einer 30-tägigen Geld-zurück-Garantie geliefert.

In der Vergangenheit bot Elementor Kunden einen Rabatt auf Lizenzverlängerungen an, aber sie bieten dies anscheinend nicht mehr an.

Biber Baumeister

Beaver Builder wurde im April 2014 eingeführt und bietet seit jeher eine benutzerfreundliche Oberfläche und eine Vielzahl von Premium-Funktionen, die das Erstellen professioneller Inhalte vereinfachen. Auch bei Entwicklern erfreut sich das Plugin großer Beliebtheit, weshalb Beaver Builder ein so hohes Ansehen genießt und über eine halbe Million Kunden hat.

Wie Elementor können Sie mit Beaver Builder Ihre Website mit einem visuellen Front-End-Editor anpassen. Die kostenlose Version des Plugins ist verfügbar (dazu später mehr), aber es ist die Premium-Version, mit der jeder vertraut ist.

Beaver Builder verwendet eine minimalistische Benutzeroberfläche, die gut zum Standard-WordPress-Farbschema passt. Als es zum ersten Mal gestartet wurde, kritisierte ich Beaver Builder dafür, dass es veraltet aussah, aber die Veröffentlichung von Beaver Builder 2.0 Hoover im Jahr 2017 änderte diese Meinung. Die Oberfläche sieht jetzt warm und modern aus.

Wo sich Beaver Builder immer hervorgetan hat, ist die Benutzerfreundlichkeit. Vom ersten Tag an hat Beaver Builder eine benutzerfreundliche Erfahrung bereitgestellt, die andere Drag-and-Drop-Seitenersteller versucht haben, zu erreichen. Die Benutzeroberfläche lädt schnell und hat so gut wie keine Lernkurve.

Es werden 35 einzigartige Inhalts-Widgets bereitgestellt, die sie Module nennen, und Sie können auch Standard-Widgets und WordPress-Widgets von Drittanbietern verwenden. Die Inhaltsmodule sind alle kategorisiert, damit Sie sie schnell finden können. Es gibt zehn Basismodule, neun Medienmodule, sieben Aktionsmodule, vier Layoutmodule, zwei Infomodule und drei Beitragsmodule.

Alle Layouts können gespeichert und auf andere Seiten angewendet werden, und es stehen Dutzende vorgefertigter Ziel- und Inhaltsseiten zur Auswahl.

In den höherpreisigen Lizenzen für Beaver Builder ist ein Framework namens Beaver Builder Theme enthalten.

BeaverBuilder verwenden

Die gesamte Bearbeitung in Beaver Builder findet im Frontend Ihrer Website statt. Sie können den Seitenersteller starten, indem Sie auf den Seiten mit der Beitrags- und Seitenliste auf den Link „Beaver Builder“ klicken.

Standardmäßig wird der WordPress-Blockeditor verwendet, wenn Sie sich dafür entscheiden, einen neuen Blogbeitrag oder eine neue Seite zu erstellen, aber Sie sehen eine Option „In Beaver Builder konvertieren“.

Bestehende Inhalte können konvertiert werden, um mit Beaver Builder bearbeitet zu werden, indem das Konvertierungstool in der Einstellungsliste des Blockeditors verwendet wird. Sie sehen dann eine Option zum Starten der Beaver Builder-Oberfläche.

Beaver Builder kann auch über den klassischen Editor gestartet werden.

Wenn Sie beim Surfen auf Ihrer Website angemeldet sind, sehen Sie oben auf jeder Seite eine Option zum Bearbeiten Ihres Layouts mit Beaver Builder.

Die Benutzeroberfläche von Beaver Builder ist sehr einfach zu navigieren und alles wird schnell geladen. Ich habe Dutzende von WordPress-Seitenerstellern getestet, und Beaver Builder ist derjenige, der Layouts, Boxen und Einstellungen immer am schnellsten lädt.

Wenn Sie den Page Builder zum ersten Mal starten, sehen Sie oben auf der Seite eine einfache Symbolleiste.

Auf der linken Seite sehen Sie eine Notiz des Beitrags oder der Seite, die Sie gerade bearbeiten. Auf der rechten Seite sehen Sie ein Pluszeichen (+) und einen Button mit der Aufschrift „Fertig“. Wenn Sie auf die Schaltfläche „Fertig“ klicken, werden Schaltflächen zum Verwerfen von Änderungen, zum Speichern der Änderungen als Entwurf, zum Veröffentlichen der Seite oder zum Abbrechen angezeigt.

Durch Klicken auf das Plus-Symbol wird das Hauptseiten-Erstellungsfenster geladen.

Standardinhaltsmodule werden standardmäßig angezeigt, aber Sie können wechseln, um WordPress-Widgets oder gespeicherte Module anzuzeigen (zur Erinnerung: Module, Elemente und Widgets sind alle dasselbe).

Wie bereits erwähnt, sind die Inhaltsmodule in Kategorien unterteilt: Basic, Media, Actions, Layout, Info und Posts. Sie sind alle leicht zugänglich.

Alle üblichen Optionen sind vorhanden. Sie können Ihre Spalten, Zeilen und Inhaltsmodule duplizieren, bearbeiten, entfernen und verschieben.

Wenn Sie eine Spalte, eine Zeile oder ein Inhaltsmodul bearbeiten, wird ein Feld mit vielen verschiedenen Anpassungseinstellungen und Gestaltungsoptionen angezeigt. Im Allgemeinen würde ich sagen, dass Elementor hier mehr Anpassungsoptionen bietet, aber mit Beaver Builder ist es einfach, Farben hinzuzufügen und das Gesamtlayout und -design zu ändern.

Wenn wir zum Hauptfenster zurückkehren, sehen wir, dass es vier verschiedene Registerkarten gibt: Module, Zeilen, Vorlagen und Gespeichert.

Die Registerkarte Zeilen enthält vorgefertigte Zeilenstrukturen mit verschiedenen Spaltenvariationen. Sie müssen diese einfach in Ihren Inhaltsbereich ziehen und dann Inhalt zu den Spalten hinzufügen. Hier sind auch vorgefertigte Zeilen verfügbar, damit Sie Seiten schneller erstellen können.

Am Ende können Sie gespeicherte Zeilen und Module in der Registerkarte „Gespeichert“ anzeigen. Auf gespeicherte Zeilen kann auch über die Registerkarte Zeilen zugegriffen werden.

Die Registerkarte „Vorlagen“ ist in drei verschiedene Abschnitte unterteilt, auf die über das Dropdown-Menü zugegriffen werden kann. Die Abschnitte sind Zielseiten, Inhaltsseiten und gespeicherte Vorlagen.

Es gibt eine leere Canvas-Vorlage, 30 Zielseitenvorlagen und 30 Inhaltsvorlagen.

Obwohl Beaver Builder weniger Vorlagen als Elementor Pro bietet, haben sie eine bessere Mischung von Designs. Einige der in Elementor Pro angebotenen Vorlagen sind, nun ja, obskur. Die in Beaver Builder sehen so aus, als würden sie für mehr Website-Besitzer geeignet sein.

Es gibt eine Vielzahl von Layouts für Agenturen, Unternehmen, Vermarkter und Online-Shops. Sie finden auch Seitenvorlagen für About-Seiten, Serviceseiten, Portfolios, Kontaktseiten und mehr.

Leider gibt es keine Möglichkeit, eine Vorlage in der Vorschau anzuzeigen oder die Seitenleisten Ihres Website-Designs schnell zu entfernen. Positiv anzumerken ist jedoch, dass Sie beim Klicken auf eine Vorlage die Wahl haben, Ihr vorhandenes Layout durch die Vorlage zu ersetzen oder an Ihr vorhandenes Layout anzuhängen.

Die Vorlage ist auch sehr schnell in Ihre Seite eingefügt.

Über das Werkzeugmenü auf der linken Seite des oberen Navigationsmenüs finden Sie eine Vielzahl von Optionen.

Von hier aus können Sie das aktuelle Layout speichern, duplizieren und in der Vorschau anzeigen. Über den Revisionslink können Sie auch einen Änderungsverlauf einsehen.

CSS, JavaScript und andere globale Einstellungen wie Ränder und Auffüllungen können ebenfalls geändert werden.

Beaver Builder fehlen einige der fortgeschritteneren Anpassungsoptionen, die in Elementor Pro und anderen Lösungen wie Divi Builder zu finden sind, obwohl es sich in anderen Bereichen auszeichnet.

Die Benutzeroberfläche wird schnell geladen und hat ein intuitives Layout, das einfach zu verstehen ist. Dies reduziert die Zeit, die zum Erstellen benutzerdefinierter Layouts benötigt wird.

Das Beaver Builder-Theme

Das Beaver Builder Theme ist in den Pro- und Agency-Lizenzen von Beaver Builder enthalten.

Das Theme basiert auf dem Bootstrap-Framework und HTML5 und ermöglicht es Ihnen, Ihre Website mit dem Customizer in Echtzeit anzupassen. Es bietet native Unterstützung für WooCommerce und bietet Ihnen mehrere Kopf- und Fußzeilenlayouts.

Jeder einzelne Aspekt des Themas wird über den Customizer gesteuert. Sie werden nirgendwo anders Optionen finden. Ich bin ein großer Fan des WordPress Customizer, daher war ich erfreut zu sehen, dass Beaver Theme ihn anstelle seines eigenen Control Panels verwendet.

Zehn Farbschema-Voreinstellungen sind verfügbar. Dadurch ändern sich die Farben der Kopfzeile und in einigen Voreinstellungen auch die Farbe des Hintergrunds. Alternativ können Sie alle diese Farben in anderen Bereichen des Customizers selbst ändern.

In Beaver Theme finden Sie viele Anpassungsoptionen, und wenn Sie Zeit damit verbringen können, Dinge zu optimieren, sollten Sie in der Lage sein, ein cooles Design zu erstellen. Die Realität ist jedoch, dass Beaver Theme ein sehr einfaches WordPress-Theme ist. Anfänger werden Schwierigkeiten haben, die Themenstruktur über das grundlegende Layout hinaus zu ändern, und Entwickler werden ihre Aufmerksamkeit auf vielseitigere Designs richten.

Beaver Theme ist auch nicht in der Standardlizenz enthalten. Die Entwickler verlangen weitere 100 US-Dollar, um Beaver Theme und WordPress Multisite-Unterstützung zu erhalten.

Um das ins rechte Licht zu rücken, können Sie für 89 $/Jahr eine Elegant Themes-Mitgliedschaft erwerben und erhalten Zugriff auf Divi und andere Premium-WordPress-Plugins und -Themen.

Wenn Beaver Theme in der Standardlizenz enthalten wäre, wäre es ein netter Bonus. So wie es aussieht, bietet das Thema nur wenige Gründe für ein Upgrade.

Page Builder-Einstellungen

Beaver Builder hat einen kleinen Einstellungsbereich für den Seitenersteller, der sich im Haupteinstellungsmenü von WordPress befindet.

Von hier aus können Sie Ihre Lizenzinformationen eingeben und auswählen, ob Inhaltsmodule und Beitragstypen deaktiviert werden sollen. Core- und User-Templates können ebenfalls aktiviert und deaktiviert werden.

Im Benutzerzugriffsbereich können Sie festlegen, welche Benutzergruppen Zugriff auf die uneingeschränkte Bearbeitung, die globale Zeilen- und Modulbearbeitung, den Builder-Verwaltungsbereich und den Vorlagendatenexport erhalten können und welche nicht.

Im Symbolbereich können Sie Font Awesome-Symbole, Foundation-Symbole und WordPress-Dashicons deaktivieren.

Schließlich können Sie im Abschnitt Tools den Cache leeren und einen Debug-Modus aktivieren. Es gibt auch eine Deinstallationsoption, die Beaver Builder vollständig aus Ihrer Website-Datenbank entfernt. Dies ist eine Funktion, die ich allen Entwicklern wünsche, die sie zu ihren WordPress-Produkten hinzufügen würden.

Beaver Builder kann auch kostenlos heruntergeladen werden

Eine kostenlose Version von Beaver Builder steht zum Download auf WordPress.org oder direkt in Ihrem WordPress-Adminbereich zur Verfügung.

Beaver Builder Lite ist derzeit auf über 300.000 WordPress-Websites aktiv, aber meiner Meinung nach zu restriktiv und eine schlechte Werbung für das Hauptprodukt. Im Gegensatz dazu ist die kostenlose Version von Elementor eine bessere Lösung, da sie mehr Funktionen und deutlich weniger Einschränkungen hat.

Die Lite-Version von Beaver Builder hat kein Vorlagensystem und nur sechs Inhalts-Widgets: Audio, HTML, Foto, Texteditor, Video und Seitenleiste. Es können jedoch auch Standard- und Drittanbieter-WordPress-Widgets verwendet werden.

Wenn WordPress-Produkte auf Freemium-Basis veröffentlicht werden, empfehle ich normalerweise, zuerst die kostenlose Version zu testen, um zu sehen, ob sie Ihnen gefällt. Beaver Builder Lite ist die Ausnahme. Es ist ein sehr einfaches Plugin und reicht nicht aus, um den Benutzern zu zeigen, wie großartig die Premium-Version ist.

Beaver Builder-Preise

Während die Preise für die Pläne von Elementor Pro davon abhängen, auf wie vielen Websites Sie das Plugin installieren, schränken die Pläne von Beaver Builder die Funktionen ein.

Alle Beaver Builder-Pläne bieten Support für ein Jahr und können auf einer unbegrenzten Anzahl von Websites installiert werden.

Die Standardlizenz kostet 99 US-Dollar. Ein Upgrade auf die Pro-Lizenz für 199 US-Dollar fügt das Beaver Builder-Design und die Multisite-Fähigkeit von WordPress hinzu. Die Agenturlizenz für 399 US-Dollar wurde für Unternehmen geschaffen, die Beaver Builder mithilfe von White Labeling umbenennen möchten.

Beaver Builder bietet eine 30-tägige Geld-zurück-Garantie. An Ihrem Verlängerungsdatum wird Ihre Lizenz automatisch mit einem Rabatt von 40 % verlängert (es sei denn, Sie deaktivieren die automatische Verlängerung in Ihrem Konto).

Der Verlängerungsrabatt senkt den Jahrespreis von Beaver Builder auf 59,40 $ für die Standardlizenz, 119,40 $ für die Pro-Lizenz und 239,40 $ für die Agenturlizenz.

Elementor Pro vs. Beaver Builder: Zusammenfassung

Elementor Pro und Beaver Builder sind zwei der besten WordPress-Drag-and-Drop-Seitenersteller auf dem Markt.

Lassen Sie uns die Stärken und Schwächen der einzelnen Plugins überprüfen.

Elementor Pro-Profis:

• Große Auswahl an Inhalts-Widgets und Vorlagen und ein ausgezeichneter Themenersteller
• Bunte Benutzeroberfläche
• Die kostenlose Version hat viele großartige Funktionen und das Upgrade auf die Vollversion kostet nur 49 US-Dollar

Elementor Pro Nachteile:

• Die Schnittstelle ist nicht so schnell wie alternative Lösungen
• Das Inhalts-Widget-Panel erfordert, dass Sie nach oben und unten scrollen, um den gewünschten Inhalt zu finden
• Die Benutzeroberfläche könnte intuitiver sein

Beaver Builder-Profis:

• Die Benutzeroberfläche wird schnell geladen und ist einfach zu bedienen
• Das Templating-System funktioniert wirklich gut
• Gute Auswahl an Inhalts-Widgets und alle sind ohne Scrollen zugänglich

Nachteile von Beaver Builder:

• Teuer, wenn man die Kosten für Alternativen berücksichtigt
• Benötigt mehr Modulanpassungs- und Gestaltungsoptionen
• Beaver Theme und Multisite-Unterstützung sind nicht in der Standardlizenz enthalten

Um mehr über diese Plugins zu erfahren, sehen Sie sich unsere speziellen Rezensionen zu Elementor Pro und Beaver Builder sowie unseren Vergleich von Beaver Builder und Visual Composer an.

Welchen Drag-and-Drop-Seitenersteller bevorzugen Sie? Lassen Sie es uns im Kommentarbereich unten wissen

Kevin