Beaver Builder Review: Ist es das beste WordPress Page Builder Plugin? (2022)

Suchen Sie nach dem besten Page Builder-Plugin für Ihre WordPress-Site?

Beaver Builder verdient definitiv einen Platz auf dieser Liste. Seit seiner Einführung im Jahr 2014 hat es sich zu einem der führenden Seitenersteller entwickelt und sich einen wohlverdienten Ruf für felsenfeste Zuverlässigkeit und eine großartige Community aufgebaut.

In unserem praktischen Beaver Builder-Test werde ich Ihnen einen detaillierten Einblick in das Plugin geben, einschließlich dessen, was es gut und was schlecht macht.

Im Allgemeinen denke ich, dass Beaver Builder ein sehr guter Seitenersteller ist, aber es ist nicht unbedingt das beste Tool für alle, daher sollten Sie die richtigen Informationen haben, um zu entscheiden, ob Sie Beaver Builder oder eine seiner beliebten Alternativen wie verwenden sollten Elementor oder DiviBuilder.

Lesen Sie weiter unsere Rezension und ich helfe Ihnen bei dieser Entscheidung!

Beaver Builder Review: Eine kurze Zusammenfassung

Wenn Sie mit Beaver Builder nicht vertraut sind, beginne ich mit einer sehr kurzen Zusammenfassung seiner Funktionen, um Sie auf den neuesten Stand zu bringen.

Beaver Builder ist ein benutzerfreundliches Plugin zum Erstellen von Seiten per Drag-and-Drop. Das bedeutet, dass es Ihnen hilft, komplexe Designs und Zielseiten zu erstellen, ohne dass technische Kenntnisse erforderlich sind.

Sie können Ihr Design mit Inhaltsmodulen einrichten und Layouts mit Zeilen und Spalten erstellen. Für jedes Modul, jede Zeile und jede Spalte erhalten Sie detaillierte Optionen zur Steuerung von Design, Layout, Abstand und mehr.

Wenn Sie noch weiter gehen möchten, können Sie das Themer-Add-On von Beaver Builder verwenden, um Ihr gesamtes Design mit visueller Drag-and-Drop-Bearbeitung zu entwerfen, einschließlich benutzerdefinierter Kopfzeilen, Beitragsvorlagen, Fußzeilen usw.

Grundsätzlich hilft Ihnen Beaver Builder beim Erstellen einer 100% benutzerdefinierten WordPress-Website.

Wie die Benutzeroberfläche von Beaver Builder funktioniert

Beginnen wir damit, uns mit der Benutzeroberfläche von Beaver Builder und ihrer Funktionsweise zu befassen.

Grundlegende Schnittstellentour

Wenn Sie die Benutzeroberfläche starten, erhalten Sie eine schöne Vorschau Ihres Live-Designs in voller Breite. Standardmäßig gibt es keine feste Seitenleiste, obwohl Sie eine erstellen können, wenn Sie möchten:

Module hinzufügen

Um neue Module oder Vorlagen hinzuzufügen, können Sie auf das „Plus“-Symbol in der oberen rechten Ecke klicken, um die Inserter-Oberfläche zu öffnen. Die Module sind in verschiedene Kategorien unterteilt, und Sie können auch nach Namen suchen.

Um ein Modul hinzuzufügen, ziehen Sie es einfach auf die Seite:

Sobald Sie das Modul hinzugefügt haben, verschwindet das Menü und Sie kehren zu einer vollständigen Vorschau zurück.

Wenn Sie es vorziehen, dass das Menü fest bleibt, können Sie es entweder nach rechts oder links ziehen, um es in eine feste Seitenleiste auf dieser Seite zu verwandeln. Hier habe ich es auf der linken Seite behoben:

In Bezug auf die Module selbst leistet Beaver Builder gute Arbeit, indem es Ihnen den Zugriff auf alle wichtigen Module ermöglicht. Die Liste ist möglicherweise nicht ganz so groß wie bei einigen anderen Seitenerstellern, aber ich glaube nicht, dass die meisten Leute Probleme haben werden. Wenn Sie weitere Module hinzufügen müssen, können Sie dies jederzeit mit Plugins von Drittanbietern tun (dazu später mehr).

Konfigurieren von Modulen, Spalten und Zeilen

Um die Einstellungen für ein beliebiges Element zu öffnen, können Sie den Mauszeiger darüber bewegen und auf das Schraubenschlüssel-Symbol klicken.

Wenn Sie das verschwindende Menü haben, erscheinen die Einstellungen in einem Popup, das Sie an eine beliebige Stelle ziehen und seine Größe ändern können:

Wenn Sie den Ansatz mit fester Seitenleiste bevorzugen, werden die Einstellungen stattdessen automatisch in der Seitenleiste geöffnet:

Während Sie in den obigen Screenshots einen Texteditor sehen können, unterstützt Beaver Builder auch die Inline-Bearbeitung, was bedeutet, dass Sie Text direkt auf der Seite hinzufügen können, indem Sie darauf klicken und tippen.

In Bezug auf die Anzahl der Designoptionen würde ich sagen, dass Sie alle wichtigen Kernoptionen erhalten, aber Sie erhalten nicht die erweiterten Designoptionen, die einige Seitenersteller wie Elementor und Divi Builder bieten.

Zum Beispiel gibt es keine benutzerdefinierte absolute/relative Positionierung, noch gibt es so etwas wie die Bewegungseffekte von Elementor oder die Scroll-Effekte von Divi ( obwohl Beaver Builder grundlegende Animationen enthält ).

Ich glaube nicht, dass Sie als normaler Benutzer das Gefühl haben werden, etwas zu verpassen. Aber wenn Sie ein Designer sind, der gerne all diese coolen Designeffekte einrichten kann, dann sind Elementor und Divi in ​​dieser Hinsicht definitiv etwas flexibler.

Beaver Builder unterstützt auch responsives Design. Sie können bestimmte Elemente auf Mobilgeräten ausblenden und haben auch die Möglichkeit, die Konfiguration basierend auf dem Gerät eines Benutzers zu ändern (z. B. können Sie für mobile Besucher unterschiedliche Abstände oder Schriftgrößen verwenden):

Es gibt auch einen reaktionsschnellen Bearbeitungsmodus, der das Design für Mobilgeräte und Tablets vereinfacht.

Erstellen von mehrspaltigen Designs

Dies ist eine meiner Lieblingsfunktionen von Beaver Builder, und ich weiß nicht, warum nicht jeder Seitenersteller es so macht.

Angenommen, Sie möchten ein mehrspaltiges Design erstellen. Bei den meisten anderen Seitenerstellern müssen Sie zuerst Ihre Spaltenstruktur einrichten. Anschließend können Sie die Widgets in diese Spalten ziehen.

Mit Beaver Builder können Sie diesen Schritt überspringen und einfach ein Modul neben ein anderes Modul ziehen, um automatisch eine neue Spalte zu erstellen. Es ist eine kleine Sache, aber es ist wirklich praktisch und wird Ihnen etwas Zeit sparen:

Natürlich erlaubt Ihnen Beaver Builder immer noch, zuerst Ihre Spaltenstruktur einzurichten – Sie müssen manuell eine Zeile hinzufügen, wenn Sie dies vorziehen.

Vorlagen einfügen

Um Zeit zu sparen, enthält Beaver Builder einige ganzseitige Vorlagen, die Sie einfügen können. Diese Vorlagen gibt es in zwei Formen:

• Vollständige Landingpages
• Inhaltsseiten (z. B. eine „Über“-Seite)

Ich würde jedoch sagen, dass Vorlagen nicht die Stärke von Beaver Builder sind. Die Vorlagen selbst sehen gut aus, aber Sie erhalten nicht annähernd die Menge an Vorlagen, die einige andere Tools bieten. Zum Beispiel gibt Ihnen Divi mehr als 1.700 Vorlagen und Elementor geht auch weit in die Hunderte.

Zusätzlich zu den Seitenvorlagen erhalten Sie auch vorgefertigte Zeilenvorlagen, die Vorlagen für einen Teil einer Seite sind – beispielsweise einen Heldenabschnitt.

Sie können auch Ihre eigenen Designs als Vorlagen speichern, um sie später wiederzuverwenden.

Verwenden der globalen Einstellungen

Mit globalen Einstellungen können Sie allgemeine Einstellungen für alle Ihre Beaver Builder-Designs steuern, z. B. die Standardbreite für Zeilen, Standardränder/-auffüllung für Zeilen und Spalten, responsive Layouts und mehr.

Sie können Ihre Haltepunkte für kleine und mittlere Geräte auch im Kern-Plugin anpassen, was nicht alle Seitenersteller zulassen (z. B. ist Elementor noch dabei, anpassbare Haltepunkte zuzulassen).

Arbeiten mit Code

Wenn Sie mit Code arbeiten möchten, macht es Beaver Builder einfach, CSS oder JavaScript direkt zur Seite hinzuzufügen – drücken Sie Strg + Y , um den Code-Editor zu öffnen.

Sie können jedoch benutzerdefiniertes CSS nicht direkt zu einem einzelnen Modul/Abschnitt hinzufügen, wie es Elementor Pro zulässt. Auch wenn Sie einem Modul eine benutzerdefinierte CSS-Klasse oder -ID hinzufügen können, können Sie das CSS selbst nicht hinzufügen.

Allgemeine Gedanken zur Benutzeroberfläche und Bearbeitungserfahrung

Insgesamt denke ich, dass die Bearbeitungserfahrung in Beaver Builder ziemlich gut ist.

Es hat nicht ganz „so viel“ wie Elementor oder Divi, wenn es um Designoptionen geht, aber es hat alle Kernoptionen, die die meisten Benutzer benötigen.

Außerdem gefällt mir die Benutzeroberfläche an sich sehr gut. Obwohl es schwierig ist, dies in Screenshots zu zeigen, ist die Benutzeroberfläche immer schnell und störungsfrei. Ich habe nie Verzögerungen oder Probleme beim Öffnen von Einstellungen oder beim Herumziehen von Dingen – es funktioniert einfach.

Schön ist auch, dass man die Oberfläche nach seinen Vorlieben anpassen kann. Wenn Ihnen die visuelle Vollbildvorschau gefällt, können Sie weiterhin den standardmäßigen Popup-Stil verwenden und alle Einstellungen ausblenden, wenn Sie Ihr Design betrachten.

Oder, wenn Ihnen der Sidebar-Ansatz gefällt, können Sie die Sidebar auf beiden Seiten anbringen und alles von einer festen Oberfläche aus erledigen.

Es gibt nichts besonders Auffälliges, es ist nur eine wirklich solide, angenehm zu bedienende Benutzeroberfläche.

Biber Themer

Beaver Themer ist eine offizielle Erweiterung des Beaver Builder-Teams, die Beaver Builder vollständige Unterstützung für die Themenerstellung hinzufügt.

Beaver Builder war einer der ersten Seitenersteller, der eine vollständige Themenerstellung anbot und andere große Namen wie Elementor und Divi schlug.

Wenn Beaver Themer aktiv ist, können Sie zu Beaver Builder → Themer Layouts gehen, um Vorlagen für Ihre Themen zu erstellen:

• Header
• Fusszeile
• Singular (z. B. einzelne Blogbeiträge, Seiten usw.)
• Archiv (z. B. die Seite, die alle Ihre Blogbeiträge auflistet)
• 404 Seite

Sie können auch Thementeile erstellen, was eine wirklich nette Funktion ist, mit der Sie ein Design in verschiedene Teile Ihrer Website einfügen können, ähnlich wie ein Themenhaken.

Themenvorlagen

Wenn Sie eine neue Themenvorlage erstellen, müssen Sie zunächst auswählen, wann diese Vorlage verwendet werden soll. Sie können auf bestimmte Arten von Inhalten abzielen, z. B. alle Blog-Posts oder nur Posts mit einer bestimmten Kategorie/einem bestimmten Tag.

Wenn Sie mehr Kontrolle wünschen, können Sie auch Regeln einrichten, mit denen Sie eine bestimmte Vorlage nur verwenden können, wenn die angegebenen Bedingungen erfüllt sind, z. B. Anmeldestatus, Benutzerrolle, Autor, benutzerdefiniertes Feld, Beitragsvorlage und mehr.

Da die meisten anderen Themenersteller keine ähnliche Funktion haben, ist dies ein klarer Vorteil von Beaver Themer.

Von dort aus können Sie dieselbe Beaver Builder-Oberfläche verwenden, um Ihre Vorlage zu entwerfen. Der einzige Unterschied besteht darin, dass Sie „dynamische“ Inhalte wie Titel und Inhalt eines Beitrags einfügen können.

Beaver Themer arbeitet auch mit benutzerdefinierten Feldern, sodass Sie Daten aus Plugins wie Advanced Custom Fields oder Pods einfügen können. Unten sehen Sie, wie es ist, den Inhalt eines Felds mit dynamischen Informationen zu verbinden.

Thementeile

Thementeile funktionieren im Grunde genauso wie Themenvorlagen, aber Sie erhalten eine zusätzliche Option, mit der Sie den Teil an einer bestimmten Stelle Ihres Themas einfügen können, z. B. unter dem Beitragstitel oder unter dem Inhalt.

Sie können Thementeile für Anzeigen, Opt-in-Formulare, Handlungsaufforderungen und mehr verwenden.

Beaver Builder-Thema

Das Beaver Builder Theme ist ein leichtgewichtiges Basis-WordPress-Theme, das für die Kombination mit Beaver Builder entwickelt wurde.

Im Wesentlichen besteht die Idee darin, dass Sie das Beaver Builder-Design verwenden, um Nicht-Inhaltsbereiche wie Kopf-, Fußzeile und Blog-Vorlagen zu handhaben, und dann Beaver Builder verwenden, um den eigentlichen Inhalt zu entwerfen (der Teil, der zwischen der Kopfzeile und dem Fusszeile).

Aber ehrlich gesagt finde ich das Beaver Builder Theme nicht so wertvoll für eine Ergänzung im Jahr 2022 und darüber hinaus. Es ist nicht so, dass das Thema „schlecht“ wäre – es ist ein feines Thema. Ich denke nur, dass sich der WordPress-Bereich geändert hat und nicht mehr so ​​​​besonders ist.

Vor Jahren war das Thema schön zu haben, weil es immer noch schwierig war, leichte, vielseitige Basisthemen zu finden.

Aber jetzt haben wir die Qual der Wahl, wenn es um flexible, leichte Themen geht, die für die Kombination mit Seitenerstellern entwickelt wurden. Alle diese Themes folgen dem gleichen Grundprinzip wie das Beaver Builder Theme, aber sie machen es besser ( zumindest meiner Meinung nach ). Im Jahr 2022 und darüber hinaus würde ich Beaver Builder lieber mit GeneratePress kombinieren.

Leistung

Die Leistung ist immer ein wichtiger Aspekt bei der Verwendung eines Seitenerstellungs-Plugins. Ein Seitenersteller wird der Seite immer mehr Gewicht verleihen, als nur den standardmäßigen WordPress-Editor zu verwenden, aber einige Seitenersteller sind besser als andere darin, dieses Gewicht auf ein Minimum zu beschränken.

Ich habe persönlich einige Tests durchgeführt, bei denen ich identische Seiten mit verschiedenen Seitenerstellern erstellt habe, und Beaver Builder ist normalerweise eine der besten Optionen, wenn es um Leistung geht. Damit meine ich, dass die Seitengrößen und HTTP-Anforderungen niedriger sind als bei anderen Buildern.

Um Ihnen eine gute Vorstellung davon zu geben, wie viel zusätzliches Gewicht Beaver Builder im Vergleich zum nativen WordPress-Blockeditor (Gutenberg) hinzufügt, habe ich beschlossen, einen kleinen Test durchzuführen.

Ich habe ein einfaches Design in zwei Versionen erstellt: einmal mit dem Gutenberg-Editor und einmal mit der Premium-Version von Beaver Builder.

Dann habe ich die Seitengrößen und HTTP-Anfragen verglichen (diese Zahlen beinhalten das Thema meiner Website, das GeneratePress ist):

Sie können sehen, dass Beaver Builder standardmäßig nicht wirklich viel lädt. Das Design ist sehr einfach und enthält hauptsächlich nur Text, Schaltflächen und Spalten. Dieses Ergebnis ist kleiner als bei vielen anderen Seitenerstellern.

Als ich zum Beispiel dasselbe mit Divi Builder gemacht habe, wurden 316,7 KB (im Vergleich zu +44,1 KB von Beaver Builder) und sieben neue HTTP-Anforderungen (im Vergleich zu den vier neuen HTTP-Anforderungen von Beaver Builder) hinzugefügt.

Eine weitere nette Sache ist, dass Beaver Builder seine Skripte nicht seitenweit lädt. Wenn Sie also eine Seite haben, die Sie mit dem nativen WordPress-Editor erstellt haben, lädt Beaver Builder kein einziges Skript auf dieser Seite.

Dies ist bemerkenswert, da einige andere Seitenersteller ihre Skripts auf der gesamten Website laden, was der Seite mehr Gewicht verleiht, unabhängig davon, ob Sie den Seitenersteller auf dieser Seite verwenden oder nicht.

Fazit zur Beaver Builder-Leistung

Wird eine Seite, die Sie mit Beaver Builder entwerfen, genauso schnell geladen wie dieselbe Seite, die Sie mit dem Gutenberg-Blockeditor entwerfen? Nein, alles gleich, wird es nicht.

Der Gutenberg-Blockeditor bietet Ihnen jedoch nicht annähernd so viel Designflexibilität wie Beaver Builder. Und im Vergleich zu anderen Seitenerstellungs-Plugins mit ähnlicher Flexibilität schneidet Beaver Builder ziemlich gut ab.

Also – solange Sie mit dem grundlegenden Leistungskompromiss einverstanden sind, der bei jedem Seitenerstellungs-Plugin gilt, leistet Beaver Builder gute Arbeit, um das zusätzliche Gewicht auf ein Minimum zu beschränken.

Solange Sie die Best Practices für die Leistung von WordPress befolgen, einige Plugins zur Geschwindigkeitsoptimierung verwenden und Ihre Website auf schnellem Hosting hosten, können Sie mit Beaver Builder eine schnell ladende Website erstellen.

Beaver Builder-Add-Ons von Drittanbietern

Zusätzlich zu Beaver Themer verfügt Beaver Builder auch über einen lebendigen Marktplatz mit Beaver Builder-Add-ons von Drittanbietern, mit denen Sie den Core Builder weiter ausbauen können.

In der Regel verwenden Sie diese Erweiterungen, um neue Inhaltsmodule und Vorlagen hinzuzufügen, obwohl einige auch neue Funktionen hinzufügen, z. B. die Integration des Pods-Frameworks mit Beaver Builder/Themer.

Um Ihnen einen Vorgeschmack zu geben, hier sind zwei der beliebtesten Optionen:

• Ultimative Addons für Beaver Builder (vom selben Team hinter dem Astra-Design)
• PowerPack Addon für Beaver Builder

Um noch mehr Optionen zu sehen, sehen Sie sich unsere Zusammenfassung der besten Beaver Builder-Add-Ons an.

Preisgestaltung

Nun, da wir alles andere abgedeckt haben, lassen Sie uns über die Preisgestaltung sprechen.

Zunächst einmal hat Beaver Builder eine kostenlose Lite-Version auf WordPress.org, aber sie ist sehr begrenzt.

Ehrlich gesagt, jetzt, da der Gutenberg-Blockeditor existiert, sehe ich keinen Wert in der kostenlosen Version von Beaver Builder, außer dass Sie die Benutzeroberfläche ausprobieren können, um zu sehen, ob sie Ihnen gefällt.

Sie könnten anderer Meinung sein – also sollten Sie die kostenlose Version unbedingt selbst testen. Wenn Sie jedoch speziell nach einem kostenlosen Page Builder-Plugin suchen, sind meiner Meinung nach die kostenlosen Versionen von Elementor und Brizy in ihren Funktionen viel großzügiger.

Wenn es um die Premium-Version geht, ist Beaver Builder jedoch ziemlich erschwinglich.

Zunächst ist es wichtig zu beachten, dass alle Preispläne von Beaver Builder die Verwendung auf unbegrenzten Websites ermöglichen.

Von dort aus beginnen die Pläne bei nur 99 US-Dollar für ein Jahr Support und Updates. Bei allen Plänen erhalten Sie einen Verlängerungsrabatt von 40 %, wenn Sie nach dem ersten Jahr weiterhin Support und Updates erhalten möchten.

Wie ich oben erwähnt habe, finde ich das Beaver Builder Theme nicht mehr so ​​wertvoll, also denke ich, dass so ziemlich jeder mit der 99-Dollar- Standardlizenz zufrieden sein wird. Die einzigen Gründe, warum Sie möglicherweise mehr bezahlen möchten, sind:

1. Sie benötigen WordPress Multisite-Unterstützung, in diesem Fall benötigen Sie die Pro -Lizenz für 199 US-Dollar.
2. Sie benötigen White Labeling, in diesem Fall benötigen Sie die Agenturlizenz für 399 US-Dollar.

Wenn Sie Unterstützung für die Themenerstellung hinzufügen möchten, müssen Sie auch Beaver Themer kaufen, das 147 US-Dollar für die Verwendung auf unbegrenzten Websites kostet.

Wenn Sie also den Seitenersteller und den Themenersteller möchten, zahlen Sie 246 US-Dollar für die Verwendung auf unbegrenzten Websites und ein Jahr Support und Updates. Sie zahlen dann insgesamt 147,60 $ für die Verlängerung, wenn Sie nach dem ersten Jahr weiterhin Support und Updates erhalten möchten.

Abschließende Gedanken zu Beaver Builder

Insgesamt denke ich, dass Beaver Builder ein sehr gutes Plugin von einem etablierten, zuverlässigen Entwicklerteam ist. Es gibt es jetzt seit über sieben Jahren und es hat sich in dieser Zeit eine großartige Community aufgebaut.

Ob Sie Beaver Builder verwenden sollten oder nicht, hängt jedoch davon ab, was Sie an einem WordPress Page Builder-Plugin schätzen.

Wenn Sie einen Seitenersteller suchen, der ständig neue Funktionen hinzufügt und Ihnen neue Designfähigkeiten bietet, ist Beaver Builder möglicherweise nicht die beste Wahl, da dies nicht der Fokus des Beaver Builder-Teams zu sein scheint. Es ist nicht so, dass Beaver Builder nie neue Funktionen hinzufügt, aber sie kommen langsamer als Plugins wie Elementor, Divi und Brizy.

Wenn Sie jedoch Wert auf Stabilität legen, anstatt häufig neue Funktionen zu erhalten, ist Beaver Builder meiner Meinung nach wirklich gut. Ein langsamerer Entwicklungszyklus bedeutet mehr Zeit zum Testen und Ausarbeiten von Problemen. Ich habe noch nie Beaver Builder-Benutzer gesehen, die sich darüber beschwert haben, dass eine neue Version einen weit verbreiteten Fehler verursacht oder etwas auf ihren Websites kaputt gemacht hat.

Es ist sicherlich wertvoll, neue Funktionen zu bekommen, aber es gibt auch einen Wert in der Stabilität. Wenn ein Plugin bereits alles tut, was Sie brauchen, möchten Sie vielleicht, dass es weiterhin so gut funktioniert, ohne neue Funktionen hinzuzufügen, die möglicherweise Probleme auf Ihrer Website verursachen oder nicht.

Also im Grunde sehe ich das so. Ich glaube nicht, dass es eine einzige „richtige“ Antwort gibt – es hängt wirklich davon ab, welchen Ansatz Sie bevorzugen.

Wenn Ihnen der Ansatz von Beaver Builder gefällt, können Sie auf die Schaltfläche unten klicken, um zur Website zu gelangen:

Beaver Builder herunterladen

Wenn Sie lieber andere Optionen sehen möchten, können Sie sich unsere Sammlung der besten Seitenerstellungs-Plugins ansehen. Wenn Sie maximale Designflexibilität wünschen, denke ich, dass einige gute Optionen Elementor (lesen Sie unseren Test) und Divi Builder (lesen Sie unseren Test) sind.

Um zu sehen, wie sich Beaver Builder im Vergleich zu diesen Plugins schlägt, können Sie sich diese Beiträge ansehen:

• Elementor Pro gegen Beaver Builder
• Divi gegen Beaver Builder

Haben Sie noch Fragen zu Beaver Builder oder unserem Beaver Builder Test? Hinterlasse einen Kommentar und lass es uns wissen!