Visual Composer vs. Beaver Builder

Veröffentlicht: 2015-08-30

Unser Vergleich aller großen WordPress-Drag-and-Drop-Seitenersteller erwies sich als sehr beliebt. Der Artikel hob die besten Funktionen von kostenlosen und Premium-Drag-and-Drop-Lösungen zum Erstellen von Seiten hervor.

Ich habe keinen Zweifel, dass Sie den Vergleichsartikel nützlich finden werden, aber wir dachten, wir würden zwei der beliebtesten Seitenersteller der WordPress-Community gegeneinander antreten und ihre Stärken und Schwächen genauer untersuchen.

Visual Composer war das WordPress-Plugin, das wirklich definiert hat, was Drag-and-Drop-Seitenersteller sind, und ist weiterhin der meistverkaufte Drag-and-Drop-Seitenersteller für WordPress. Beaver Builder ist eine neuere Lösung, die seit ihrer Einführung im Jahr 2014 an Stärke gewonnen hat und sich in diesem Jahr wirklich einen Namen macht.

Wie schneiden diese großartigen Lösungen im Vergleich ab? Werfen wir einen genaueren Blick und sehen.

Visueller Komponist

Visual Composer ist nicht nur das meistverkaufte WordPress-Plugin auf CodeCanyon, es ist auch in einer großen Anzahl von WordPress-Designs auf ThemeForest enthalten. Dies erklärt, warum das Plugin auf über 500.000 Websites verwendet wird.

Visual Composer hilft Ihnen, mithilfe einer benutzerfreundlichen Oberfläche in wenigen Minuten ansprechende Layouts zu erstellen. Damit können Sie Layouts im Backend oder Frontend Ihrer Website erstellen. Es funktioniert mit jedem WordPress-Theme und unterstützt WordPress Multisite und WooCommerce.

Über zehn Sprachpakete sind im Plugin enthalten und es unterstützt das WordPress Multilingual Plugin. Eine große Auswahl an Inhaltselementen und vordefinierten Layouts sind ebenfalls im Plugin enthalten.

Visual Composer ist mit jedem verfügbaren benutzerdefinierten Beitragstyp kompatibel. Das bedeutet, dass Sie es verwenden können, um alle Blog-Posts, Seiten und benutzerdefinierten Post-Typen zu ändern, die über WordPress-Designs und Plugins hinzugefügt wurden.

Eines der coolsten Features von Visual Composer ist seine Flexibilität. Innerhalb des Plugins sind viele Entwickleroptionen verfügbar, und auf CodeCanyon sind über hundert Add-Ons dafür verfügbar.

Ich war einer der ersten, der Visual Composer getestet und rezensiert hat, und seit seiner Einführung wurden jedes Jahr weitere Features und Funktionen hinzugefügt.

Verwenden von Visual Composer

Sobald Visual Composer installiert wurde, sehen Sie eine neue Visual Composer-Leiste in Ihren Bearbeitungsbildschirmen. Einer lädt den Backend-Editor, der andere lädt den Frontend-Editor (diese Leiste wird auch dann angezeigt, wenn Sie den visuellen WordPress-Editor deaktiviert haben).

Schaltflächen des Visual Composer-Editors

Wenn Sie den Backend-Editor laden, wird Ihr Inhaltsbereich in eine Leinwand zum Erstellen Ihrer Seite umgewandelt. Eine Schaltfläche mit dem Titel „Klassischer Modus“ ersetzt die Schaltfläche des Backend-Editors, auf die Sie zuvor geklickt haben, und hilft Ihnen, zum standardmäßigen WordPress-Bearbeitungsmodus zurückzukehren.

Oben auf der Benutzeroberfläche befinden sich fünf Schaltflächen: Drei links und zwei rechts.

Auf der linken Seite führt Sie das Visual Composer-Symbol zur offiziellen Plugin-Website, das Plus-Symbol ermöglicht das Hinzufügen von Elementen zu Ihrer Seite und das T-Symbol öffnet die Vorlagenbox. Auf der rechten Seite befindet sich ein Konfigurationssymbol, das ein Feld zum Hinzufügen von benutzerdefiniertem CSS-Code und eine Schaltfläche zum Wechseln zum Frontend-Editor öffnet.

Wenn Sie noch keine Inhalte hinzugefügt haben, sehen Sie eine Erklärung zum schnellen Hinzufügen von Inhalten. Sie können ein Element hinzufügen, einen Textblock hinzufügen oder eines der vordefinierten Layouts auswählen. So könnten Sie beispielsweise auf Knopfdruck eine Landingpage oder Produktseite hinzufügen.

Backend-Editor

In meinem Artikel zum Vergleich von WordPress-Drag-and-Drop-Seitenerstellern habe ich festgestellt, dass Inhaltsmodule viele Namen haben. Manche Entwickler nennen sie Module, manche nennen sie Blöcke, andere nennen sie Widgets. Visual Composer nennt sie Elemente. Sie beziehen sich alle auf die kleinen Inhaltsblöcke, die Ihnen beim Erstellen Ihres Layouts helfen.

Die Anzahl der verfügbaren Elemente ist beeindruckend. Insgesamt bietet die aktuelle Version von Visual Composer achtundvierzig Inhaltselemente (diese Zahl beinhaltet standardmäßige WordPress-Widgets). Sieben ältere veraltete Inhaltselemente sind ebenfalls verfügbar und zusätzliche Inhaltselemente können durch die Verwendung von Plugin-Erweiterungen hinzugefügt werden.

Mit diesen Elementen können Sie komplexe Seiten erstellen. Sie können Diagramme, Bildergalerien, Videos, Karten, Postraster, Symbole, Schaltflächen zum Teilen in sozialen Medien und mehr hinzufügen.

Visual Composer-Elementliste

Das Hinzufügen von Inhaltselementen und das anschließende Platzieren in Zeilen und Spalten ist einfach. Zeilen und Elemente können an die gewünschte Stelle gezogen werden. Die Anzahl der in einer Reihe angezeigten Spalten kann durch Auswahl einer der elf Spaltenstrukturen bestimmt werden, zB 2/3 + 1/3. Alternativ können Sie Ihre eigene benutzerdefinierte Struktur erstellen.

Es gibt Optionen zum Löschen von Elementen, Spalten und Zeilen. Durch Auswahl des Plus-Symbols können Spalten und Zeilen neue Elemente hinzugefügt werden. Sie können auch ganze Inhaltszeilen klonen.

Ein Beispiel für ein erstelltes Layout

Sowohl für Spalten als auch für Zeilen stehen zahlreiche Einstellungen zur Verfügung.

Auf der Registerkarte „Allgemein“ gibt es Optionen, einen Videohintergrund zu verwenden, die Zeile/Spalte zu strecken und benutzerdefiniertes CSS hinzuzufügen. Auf der Registerkarte Design können Sie die Spalte oder Zeile nach Ihren Wünschen gestalten. Sie können den Rand, den Rand, die Füllung und die Farben definieren.

Visual Composer-Zeileneinstellungen

Welche Einstellungen für einzelne Elemente verfügbar sind, hängt von dem zu ändernden Element ab. Bei einem einfachen Element wie einer Facebook-Like-Schaltfläche können Sie nur den Schaltflächentyp auswählen, während komplexere Elemente Dutzende verschiedener Optionen haben können.

Posts Slider-Einstellungen

Jedes von Ihnen erstellte Layout kann als Vorlage gespeichert und auf andere Seiten Ihrer Website angewendet werden. Vierundvierzig vorgefertigte Standardlayouts werden bereitgestellt, um Ihnen den Einstieg zu erleichtern. Dazu gehören eine FAQ-Vorlage, eine Hilfevorlage, eine Servicevorlage und mehrere Vorlagen für Ihre About-Seite.

Visual Composer-Vorlagenbox

Sie können den Frontend-Editor aktivieren, indem Sie in Ihrem Beitrags-/Seiteneditor auf die Frontend-Schaltfläche klicken. Wenn Sie bei Ihrer Website angemeldet sind, sehen Sie oben auf jeder Seite auch einen Link „Mit Visual Composer bearbeiten“ in Ihrer WordPress-Admin-Leiste. Wenn Sie auf diesen Link klicken, wird der Frontend-Editor geladen, damit Sie diese Seite bearbeiten können.

Mit Visual Composer bearbeiten

Backend- und Frontend-Editor funktionieren ähnlich. Sie sehen dieselben Schaltflächen oben auf der Seite, um Elemente hinzuzufügen und das Vorlagenfeld zu öffnen. Auf der rechten Seite sehen Sie eine Schaltfläche, die Sie zum Backend-Editor zurückführt, und eine Schaltfläche zum Aktualisieren, um alle vorgenommenen Änderungen zu speichern.

Mit der Hilfslinien-Schaltfläche können Sie Ihre Seite ändern. Im Backend-Editor können Sie alles tun, was Sie können, z. B. Elemente bearbeiten und Spalten und Zeilen verschieben.

Durch Klicken auf das Bildschirmsymbol können Sie Ihre Ansicht vom Desktop-Modus in den Quer- und Hochformatmodus von Tablets und Smartphones ändern. Dies ist nützlich, um zu sehen, wie Ihre Seite auf Mobilgeräten aussehen wird.

Visual Composer-Frontend-Editor

Ich fand den Backend-Editor von Visual Composer immer viel einfacher zu bedienen als den Frontend-Editor. Mit dem Backend-Editor kann ich professionelle Designs in wenigen Minuten erstellen, aber mit dem Frontend-Editor finde ich, dass das Verschieben von Dingen umständlicher und weniger flüssig ist. Es funktioniert immer noch wie es sollte, aber es fühlt sich für mich einfach nicht so benutzerfreundlich an.

Ich weiß jedoch aus den Kommentaren anderer Visual Composer-Benutzer, dass viele den Frontend-Editor dem Backend-Editor vorziehen, daher ist es vielleicht eine Frage der gewohnten Oberfläche (der Frontend-Editor wurde erst viel später in Visual Composer eingeführt daher habe ich mehr Erfahrung mit dem Backend-Editor).

Visual Composer-Einstellungen

Im Bereich „Visual Composer-Einstellungen“ können Sie viele verschiedene Funktionen und Optionen ändern.

Auf der Seite mit den allgemeinen Einstellungen können Sie festlegen, für welche Arten von Beitragstypen Visual Composer aktiv sein soll. Alle zusätzlichen benutzerdefinierten Beitragstypen, die über Ihr Design oder über Plugins hinzugefügt werden, werden hier aufgelistet. Sie können auch responsive Inhaltselemente deaktivieren und Untergruppen von Google-Schriftarten aktivieren.

Im zentralen Teil dieser Seite können Sie den Zugriff auf Visual Composer für jede WordPress-Benutzergruppe steuern. Sie können festlegen, ob eine Benutzergruppe Visual Composer sieht, ob sie Visual Composer und den Standardeditor sieht und ob sie nur Visual Composer sieht (dh den Standardeditor deaktiviert).

Allgemeine Einstellungen von Visual Composer

Auf der Seite Gestaltungsoptionen können Sie die Standardfarben von Inhaltselementen ändern. Sie können auch den Rand am unteren Rand der Elemente, den Abstand zwischen den Spalten und die Breite des mobilen Bildschirms ändern.

Designoptionen für Visual Composer

Benutzerdefinierter CSS-Code kann hinzugefügt werden, ohne dass Kern-Plugin-Dateien geändert werden müssen.

Benutzerdefiniertes CSS für Visual Composer

Beim Kauf von Visual Composer wird eine Produktlizenz bereitgestellt. Es gilt für eine Website und gewährleistet fortlaufenden Support und automatische Updates über Ihren Admin-Bereich.

Visual Composer-Produktlizenz

Shortcodes, die von Plugins von Drittanbietern bereitgestellt werden, können Visual Composer-Inhaltselementen zugeordnet werden.

Visual Composer Meine Shortcodes

Auf der About-Seite gibt es eine Willkommensseite, die Sie über die neuesten Ergänzungen des Plugins informiert. Es gibt auch eine Seite mit häufig gestellten Fragen mit Links zu vielen großartigen Tutorials und eine Ressourcenseite mit Links zu einer Wissensdatenbank, einer Videoakademie und den Social-Media-Konten der Entwickler.

Willkommen bei Visual Composer

Erweiterter Grid-Builder

Mit Visual Composer können Sie neue Rasterelemente für die folgenden Inhaltselemente hinzufügen: Pfostenraster, Pfostenmauerwerkraster, Medienraster und Mauerwerks-Medienraster. Dies sind die Inhaltselemente, die verwendet werden können, um Blogbeiträge, Galerien und andere Inhalte auf Ihrer Website anzuzeigen.

Erweiterter Grid-Builder

Das folgende Video zeigt Ihnen genau, wie der Grid Builder funktioniert. Ich empfehle, es anzusehen, um besser zu verstehen, wie alles zusammenhängt, da beim ersten Besuch der Grid Builder-Seite nicht klar ist, wie es Ihnen helfen kann.

Visual Composer-Preise

Visual Composer kostet nur 34 $. Es fallen keine jährlichen Verlängerungsgebühren an. Sobald Sie das Plugin gekauft haben, können Sie Support und Updates auf unbestimmte Zeit erhalten.

Bitte beachten Sie, dass Sie Ihren Lizenzschlüssel im Einstellungsbereich eingeben müssen, um sich für Support und automatische Updates zu qualifizieren.

Technisch gesehen ist Visual Composer nicht GPL-freundlich. Obwohl WordPress keine Nutzungsbeschränkung zulässt, bitten die Entwickler alle Kunden, für jede Website, auf der sie Visual Composer verwenden, eine reguläre Lizenz zu erwerben.

Glücklicherweise funktioniert das Plugin immer noch korrekt, ohne Ihren Lizenzschlüssel einzugeben. Somit steht der Nutzung des Plugins auf jeder eigenen Website nichts mehr im Wege.

Beaver Builder Drag-and-Drop-Seitenersteller

Wie Visual Composer hilft Ihnen Beaver Builder, professionelle Seiten einfach über eine Drag-and-Drop-Oberfläche zu erstellen. Einer der größten Unterschiede zwischen den beiden Lösungen besteht darin, dass die gesamte Bearbeitung mit Beaver Builder im Frontend Ihrer Website stattfindet.

Alle Layouts sind responsiv und der visuelle Editor ist mit Blog-Posts, Seiten und allen anderen benutzerdefinierten Post-Typen kompatibel. Aufgrund der Unterstützung von Shortcodes und Widgets funktioniert Beaver Builder gut mit den meisten anderen WordPress-Plugins. Sie könnten beispielsweise Elemente aus anderen Plugins wie Formulare, Tabellen und Galerien problemlos in Ihre Layouts integrieren.

Beaver hat eine gute Unterstützung für WooCommerce und das WordPress Multilingual Plugin und sollte mit fast jedem WordPress-Theme funktionieren. Es unterstützt auch WordPress Multisite, aber leider ist diese Funktion nicht in der Standardlizenz von Beaver Builder enthalten (mehr zu den Preisoptionen später).

Die Funktion von Beaver Builder, die für mich wirklich auffällt, ist das Seitenvorlagensystem. Damit können Sie in Sekundenschnelle große Detailseiten erstellen. Sie müssen lediglich die gewünschte Seitenvorlage auswählen. Beispielsweise können Sie auf Knopfdruck eine geschäftliche Kontaktseite erstellen.

Die höherpreisigen Lizenzen von Beaver Builder werden auch mit dem Beaver Builder WordPress-Thema geliefert.

BeaverBuilder verwenden

Beaver Builder lässt sich ähnlich wie Visual Composer in WordPress integrieren. Sobald das Plugin aktiviert wurde, können Sie den Editor laden, indem Sie in Ihrem Post-Editor auf die Registerkarte „Page Builder“ klicken.

Beaver Builder-Editor-Schaltflächen

Wenn Sie eingeloggt sind, können Sie alternativ auf den Link „Page Builder“ in Ihrer WordPress-Admin-Leiste oben auf jeder Seite klicken.

Mit Page Builder bearbeiten

Wenn der Seitenersteller zum ersten Mal aktiviert wird, wird ein Overlay mit Layoutvorlagen angezeigt. Wie der Name schon sagt, sind Startseitenvorlagen für die Verwendung auf der Startseite Ihrer Website konzipiert.

Vierzehn einzigartige Homepage-Layoutvorlagen sind verfügbar. Alternativ können Sie auch eine leere Seite verwenden.

Beaver Builder Home-Vorlagen

Content-Layout-Vorlagen helfen Ihnen, gemeinsame Seiten schnell zu erstellen. Beispielsweise gibt es Layouts für Ihre About-Seite, Ihre Kontaktseite und Ihre Blog-Seite.

Insgesamt stehen dreizehn Inhaltsvorlagen zur Auswahl. Natürlich können Sie jede manuell erstellte Seite als Vorlage speichern und an anderer Stelle auf Ihrer Website verwenden.

Beaver Builder-Inhaltsvorlagen

Beaver Builder hat eine benutzerfreundliche Oberfläche, die man schnell versteht.

In der Admin-Leiste gibt es oben rechts Links: Vorlagen, Tools, Fertig und ein Hilfe-Icon. Auf der rechten Seite befinden sich Dropdown-Menüs für Zeilenlayouts, Basismodule, erweiterte Module und WordPress-Widgets.

Beaver Builder-Schnittstelle

Die Vorlagen-Schaltfläche lädt das Layout-Vorlagen-Feld, das ich zuvor hervorgehoben habe.

Durch Klicken auf das Werkzeugfeld werden einige Optionen angezeigt. Durch das Duplizieren der Seite wird eine Kopie des Beitrags/der Seite/des Beitragstyps mit demselben Layout erstellt. Es besteht auch die Möglichkeit, Ihr Layout als Vorlage zu speichern.

Beaver Builder Tools-Schaltfläche

Wenn Sie „Globale Einstellungen bearbeiten“ auswählen, wird das Feld „Page Builder-Einstellungen“ geladen. Von hier aus können Sie die Einstellungen für die Standardseitenüberschrift, Zeilen, Module und das responsive Layout ändern.

Page Builder-Einstellungen

Durch Klicken auf die Schaltfläche „Fertig“ können Sie die vorgenommenen Änderungen veröffentlichen oder als Entwurf speichern. Wenn Sie die Änderungen verwerfen, gehen alle von Ihnen vorgenommenen Änderungen verloren und die Seite wird auf die zuletzt gespeicherte Version zurückgesetzt.

Beaver Builder Done-Button

Das Hilfesymbol zeigt Optionen an, um eine interaktive Tour zu machen, ein siebenminütiges Tutorial-Video anzusehen und zur Beaver Builder-Wissensdatenbank oder zu den Foren zu springen.

Beaver Builder-Hilfesymbol

Ich empfehle, die Tour zu machen, wenn Sie Beaver Builder zum ersten Mal laden. Es gibt Ihnen einen guten Überblick darüber, wie alles funktioniert.

Beaver Builder Tour Beispiel

Die erste Option im Menü auf der rechten Seite sind Zeilenlayouts. Sie können zwischen einer und sechs Inhaltsspalten wählen. Linke und rechte Seitenleisten können ebenfalls hinzugefügt werden.

Alles, was Sie tun müssen, ist, die gewünschten Spalten oder Seitenleisten auszuwählen und sie dann in den Inhaltsbereich zu ziehen. Es funktioniert wirklich gut.

Beaver Builder-Reihenlayouts

Sie können Zeilen löschen, duplizieren oder verschieben. Sie können auch Zeileneinstellungen ändern.

Durch das Löschen einer Spalte wird automatisch die Anzahl der Zeilen in dieser bestimmten Zeile reduziert. Reduzieren Sie es beispielsweise von drei Spalten auf zwei usw.

Für Zeilen und Spalten sind dieselben Einstellungen verfügbar. Sie können Breite und Text anpassen, von einer Hintergrundfarbe zu einem Hintergrundfoto wechseln, Ihre Hintergrundeinstellungen ändern und Ihren Rand definieren. Auf der Registerkarte „Erweitert“ können Sie Ränder und Auffüllung, Ihr responsives Layout und CSS-Selektoren ändern.

Sie speichern Ihre Änderungen, sobald Sie auf die Schaltfläche Speichern klicken. Ich fand, dass alles perfekt funktionierte. Beispielsweise beträgt die Breite einer zweispaltigen Zeile standardmäßig jeweils 50 %, aber wenn Sie eine auf 70 % Breite anpassen, ändert sich die Breite der anderen Spalte automatisch auf 30 %.

Beaver Builder-Spalteneinstellungen

Es gibt fünf grundlegende Inhaltsmodule: Überschrift, Foto, Trennzeichen, Texteditor und Video.

Beaver Builder Basismodule

Wie zu erwarten, ziehen Sie die Inhaltsmodule einfach per Drag & Drop in Ihre Seite in die gewünschte Spalte und Zeile. Sobald Sie dies getan haben, können Sie die Einstellungen dieses Inhaltsmoduls ändern. Genau wie bei Visual Composer hängen die angezeigten Einstellungen von dem Inhaltsmodul ab, das Sie ändern.

Beaver Builder-Fotoeinstellungen

Möglicherweise sind Sie nach dem Hinzufügen Ihres ersten Inhaltsmoduls etwas verwirrt, da das Menü auf der rechten Seite der Seite verschwindet. Um zum Menü zurückzukehren, müssen Sie oben auf der Seite auf die Schaltfläche „Inhalt hinzufügen“ klicken.

Inhalte zu Beaver Builder hinzufügen

Zweiundzwanzig fortgeschrittene Module sind verfügbar. Dazu gehören Postakkordeons, Schieberegler, Preistabellen und Abonnementformulare.

Erweiterte Module von Beaver Builder

Zwölf Standard-WordPress-Widgets sind ebenfalls verfügbar. Damit erhöht sich die Gesamtzahl der Inhaltsmodule auf neununddreißig.

Beaver Builder WordPress-Widgets

Nachdem Sie Ihre Seite erstellt haben, sollten Sie den Entwurf speichern oder die Seite veröffentlichen. Ich empfehle auch, Ihr Layout als Vorlage zu speichern.

Speichern Sie Ihre Beaver Builder-Vorlage

Beaver Builder-Thema

Das Beaver Builder-Design ist in den Pro- und Agenturversionen von Beaver Builder enthalten (mehr zu Preisplänen später). Das Thema ist im Wesentlichen eine leere Leinwand, mit der Sie die gewünschte Website erstellen können.

In den letzten Jahren hat WordPress Theme-Entwickler ermutigt, den WordPress-Theme-Customizer in ihr Design zu integrieren. Die Akzeptanzrate war langsam, da die meisten Theme-Entwickler immer noch ihre eigene Theme-Einstellungsseite verwenden.

Die Entwickler des Beaver Builder-Designs haben jedoch den Design-Anpasser angenommen. Jede einzelne Themenoption und -einstellung ist dort zu finden. Dies passt gut zum Beaver Builder WordPress-Plugin, da es bedeutet, dass alle Änderungen, die Sie an Ihrer Website vornehmen, in Echtzeit in der Vorschau angezeigt werden können.

Es stehen eine Vielzahl von Konfigurationsmöglichkeiten zur Verfügung. Sie können Ihre Kopfzeile, Fußzeile, Widgets, Farben und mehr ändern. Ein Import- und Export-Tool ist ebenfalls enthalten.

Das Beaver Builder-Theme

Ich war mit der Anzahl der angebotenen Optionen zufrieden und fand es sehr einfach, Farben, Hintergründe und Schriftarten zu ändern.

Kopfzeilenstil

Es ist klar, dass das Beaver Builder-Design für Benutzer des Plugins erstellt wurde, da das Design selbst sehr einfach ist. Sie können damit eine Vielzahl von Einstellungen Ihres Designs anpassen, aber es gibt nur wenige Optionen, um die Struktur Ihrer Website zu ändern. Insofern kommt mir das Thema veraltet vor.

Es stehen jedoch zehn verschiedene Themenvoreinstellungen zur Verfügung. Diese Voreinstellungen ändern das Farbschema Ihrer Website.

Themenvorgaben

Während das Beaver Builder-Theme eine nette Ergänzung ist, fehlen ihm die Funktionen und Extras, die die meisten modernen WordPress-Themes bieten. Für das zusätzliche Geld, das Beaver Builder für dieses Thema benötigt, sollten Sie besser ein All-in-One-WordPress-Thema wie Divi kaufen, da es so viel mehr bietet.

Page Builder-Einstellungen

Der Einstellungsbereich für das Beaver Builder Plugin wird auf einer Seite angezeigt. Im Menü werden zehn Abschnitte angezeigt.

Der erste Abschnitt ist eine Option zur Eingabe Ihres Lizenzschlüssels, um Remote-Updates und Support zu erhalten. Das Plugin funktioniert auch dann korrekt, wenn Sie Ihren Schlüssel nicht eingeben.

Beaver Builder-Lizenzeinstellungen

Alle grundlegenden und erweiterten Module können im Modulbereich deaktiviert werden.

Beaver Builder-Moduleinstellungen

Sie können WordPress-Widgets auch für die Auswahl deaktivieren, es gibt jedoch keine Möglichkeit, Widgets individuell zu deaktivieren.

Beaver Builder-Moduleinstellungen

Im Vorlagenbereich können Sie alle Vorlagen aktivieren, nur Kernvorlagen aktivieren, Benutzervorlagen (dh die von Ihnen gespeicherten Vorlagen) aktivieren und alle Vorlagen deaktivieren.

Es gibt auch Optionen zum Bearbeiten von Page Builder-Vorlagen im Admin-Bereich und zum Überschreiben von Kernvorlagen.

Beaver Builder-Vorlageneinstellungen

Alle auf Ihrer WordPress-Website verfügbaren Beitragstypen werden im Bereich Beitragstypen angezeigt. Sie können alle Beitragstypen deaktivieren, für die Beaver Builder nicht aktiv sein soll.

Einstellungen für Beaver Builder-Beitragstypen

Drei verschiedene Icon-Sets sind im Plugin enthalten. Diese können im Symbolbereich deaktiviert werden. Es besteht auch die Möglichkeit, Ihr eigenes Icon-Set hochzuladen.

Beaver Builder-Symboleinstellungen

Im Bearbeitungsbereich können Sie die erforderliche WordPress-Fähigkeitsstufe definieren, um Beaver Builder zu bearbeiten.

Beaver Builder-Bearbeitungseinstellungen

White Labeling ist für diejenigen verfügbar, die die Agenturlizenz von Beaver Builder erwerben. Sie können Ihr eigenes Branding eingeben und Ihr eigenes Firmensymbol definieren.

Beaver Builder Branding-Einstellungen

Ich habe vorhin darüber gesprochen, was passiert, wenn Sie im Seitenersteller auf das Hilfesymbol klicken. Sie können dieses Symbol bei Bedarf deaktivieren. Alternativ können Sie einzelne Elemente deaktivieren. Die URL für das Hilfevideo, die Wissensdatenbank und die Foren kann ebenfalls definiert werden.

Einstellungen der Beaver Builder-Hilfeschaltfläche

Wenn Sie Ihre Website auf einen neuen Hosting-Plan übertragen haben, müssen Sie möglicherweise den Cache des Plugins leeren.

Beaver Builder Cache-Einstellungen

Ich war erfreut, eine Deinstallationsoption zu sehen, die in Beaver Builder enthalten ist. Durch Klicken auf die Schaltfläche „Deinstallieren“ werden das Plugin und alle damit verbundenen Daten entfernt.

Beaver Builder deinstallieren

Wie Sie sehen können, hat Beaver Builder viele nützliche Optionen, die Sie auf der Einstellungsseite konfigurieren können. Das einzige, was es meiner Meinung nach wirklich braucht, ist die Möglichkeit, Berechtigungen auf Benutzerrollenbasis zu ändern (das ist etwas, das Visual Composer hat).

Beaver Builder-Preise

Die Entwickler von Beaver Builder haben die beliebte Preisstrategie von drei verschiedenen Lizenzoptionen übernommen. Die Optionen sind Standard, Pro und Agentur.

Alle Lizenzen erlauben es Ihnen, Beaver Builder auf einer unbegrenzten Anzahl von Websites so lange zu verwenden, wie Sie möchten. Support und Updates werden für ein Jahr bereitgestellt und die Folgejahre sind zu einem ermäßigten Preis von 40 % des ursprünglichen Preises erhältlich (Sie können das Plugin jedoch weiterhin verwenden, wenn Sie es nicht verlängern).

Das Support-Team hilft Ihnen auch bei der Erstellung benutzerdefinierter Module für Ihre Website.

Beaver Builder-Preise

Eine Standardlizenz für Beaver Builder kostet 99 US-Dollar. Diese Lizenz bietet eine vollständige Kopie des Beaver Builder-Plug-ins, beinhaltet jedoch nicht das Beaver Builder-WordPress-Design oder die Unterstützung für WordPress Multisite. Um diese beiden Ergänzungen zu erhalten, müssen Sie auf die Pro-Lizenz upgraden, die 199 US-Dollar kostet.

Die teuerste Lizenz ist Agentur. Das kostet 399 $. Es bietet alles, was die Pro-Lizenz tut, bietet aber auch White-Label-Funktionen. Sie dürfen alle Verweise auf Beaver Builder durch Ihren eigenen Firmennamen ersetzen und die Kernseitenvorlagen von Beaver Builder ändern.

Wenn Sie keine Unterstützung für WordPress Multisite benötigen, bietet Ihnen die Standardlizenz für 99 US-Dollar meines Erachtens alles, was Sie brauchen, da das Beaver Builder-Thema keine 100 US-Dollar mehr wert ist.

Visual Composer vs. Beaver Builder: Zusammenfassung

Wie Sie gesehen haben, haben sowohl Visual Composer als auch Beaver Builder ihre Stärken und Schwächen. Ich persönlich habe nicht das Gefühl, dass zwischen den beiden Lösungen viel liegt, was das Erstellen von Layouts angeht, da beide verwendet werden können, um großartig aussehende Websites zu erstellen.

Wenn Sie es vorziehen, Layouts auf dem Frontend Ihrer Website zu erstellen, glaube ich, dass Beaver Builder es leicht einschränkt, da die Benutzeroberfläche flüssiger ist (obwohl es nicht viel zwischen ihnen gibt).

Wenn Sie es vorziehen, Layouts im Backend Ihrer Website zu erstellen, ist Visual Composer das Richtige für Sie, da Beaver Builder diese Funktionalität nicht bietet.

Nachdem ich Layouts mit beiden Lösungen erstellt habe, bin ich zu dem Schluss gekommen, dass ich Layouts im Backend lieber mit Visual Composer erstelle. Das könnte zum Teil darauf zurückzuführen sein, dass ich mehr Erfahrung mit dem Plugin habe, aber ich hatte das Gefühl, dass ich mit Visual Composer die gewünschten Seiten schneller erstellen konnte. Ich glaube jedoch, dass es wirklich auf Ihre eigenen Vorlieben ankommt, welche Benutzeroberfläche Sie bevorzugen, denn obwohl Beaver Builder vielleicht nicht so professionell aussieht, fand ich die einfache Benutzeroberfläche angenehm zu bedienen.

Um Ihnen bei der Entscheidung zu helfen, lassen Sie uns kurz die Vor- und Nachteile beider Plugins zusammenfassen.

Visual Composer-Profis

  • Deutlich günstiger als Beaver Builder
  • Ermöglicht das Erstellen von Layouts im Backend und Frontend Ihrer Website
  • Hat eine größere Auswahl an Inhaltsmodulen im Angebot
  • Bietet viele Entwickleroptionen und es gibt eine große Auswahl an WordPress-Plugins, die zusätzliche Funktionen hinzufügen

Visual Composer Nachteile

  • Das Plugin ist nicht GPL-freundlich und die Entwickler erwarten, dass Sie eine Lizenz für Visual Composer für jede Website erwerben, die Sie besitzen (obwohl Sie das Plugin technisch gesehen sowieso auf mehreren Websites verwenden können).
  • Der Frontend-Editor könnte etwas ausgefeilter sein

Biber Builder Profis

  • Hat eine benutzerfreundliche Oberfläche, die sehr einfach zu verstehen ist
  • Kann auf einer unbegrenzten Anzahl von Websites verwendet werden
  • Hat eine gute Auswahl an Inhaltsmodulen und Widgets

Biber Builder Nachteile

  • Teurer als Visual Composer
  • Sie können Layouts nur im Frontend Ihrer Website bearbeiten
  • Die höherpreisigen Pro- und Agenturlizenzen rechtfertigen ihre zusätzlichen Kosten nicht (insbesondere da Multisite-Unterstützung standardmäßig mit Visual Composer geliefert wird).

Ich hoffe, Sie fanden diesen Vergleichsartikel hilfreich. Um mehr über diese WordPress-Plugins zu erfahren, besuchen Sie bitte die Informationsseiten für Visual Composer und Beaver Builder.

Danke fürs Lesen.

Kevin