Beaver Builder vs Divi: der 110% Side-by-Side-Vergleich

Biberbauer vs. DiviBeide sind seit mehreren Jahren wichtige Akteure in der Karriere des WordPress-Seitenerstellungs-Plugins. Seitdem haben sich mehr Seitenersteller den Reihen angeschlossen, aber diese beiden Lösungen gedeihen und innovieren weiter, da sich WordPress und die gesamte Webentwicklungsbranche verändern.

Wir werden uns in diesem Beitrag jede dieser Lösungen ansehen. Wir werden uns zunächst den Editor jedes Builders ansehen, bevor wir dessen überprüfen Themen, Vorlagen und Preisoptionen.

Und wenn Sie Elementor als Ihren bevorzugten Seitenersteller betrachten, lesen Sie unbedingt unseren Beaver Builder vs. Elementor!

Unser Team bei WP Buffs unterstützt Websitebesitzer, Agenturpartner und unabhängige Partner bei der Auswahl und Konfiguration der richtigen WordPress-Seitenersteller 24 Stunden am Tag, 7 Tage die Woche. Egal, ob Sie uns zur Verwaltung einer Website oder zur Unterstützung von 1000 Kundenstandorten benötigen, wir stehen hinter Ihnen.

Beaver Builder vs Divi Übersicht ℹ️

Beginnen wir mit einer Übersicht über jedes Plugin. Beaver Builder und Divi sind direkte Konkurrenten Beide bieten ihre eigenen Themen an, die speziell für das Framework jedes Seitenerstellers entwickelt wurden.

Mal sehen, wie sich die einzelnen Plugins und die Unternehmen, die sie entwickeln, voneinander unterscheiden. Dies gibt uns eine gute Grundlage, um Beaver Builder mit Divi zu vergleichen und festzustellen, welches für Sie im Allgemeinen am besten geeignet ist.

Biberbauer 🏗️

Beaver Builder war einer der ersten WordPress-Ersteller von Startseiten, als es 2014 veröffentlicht wurde. Es hat mehr Leistung 1 Million Websites und seine kostenlose Version behält a 4,8 Sterne Durchschnitt auf WordPress.org, um seine Zuverlässigkeit und Zufriedenheit unter seiner Benutzerbasis zu demonstrieren.

Alle drei Premium-Pläne bieten mehr von allem, aber es gibt keinen Unterschied zwischen Premium-Plänen beim Zugriff auf die gesamte Suite von Premium-Inhaltsmodulen und Designvorlagen für die Gestaltung schöner Websites. Die höchsten Prämienpläne Fügen Sie das Beaver Builder-Thema sowie Agenturfunktionen hinzu wie Multi-Site-Funktionalität und White-Labeling. Alle Pläne ermöglichen die Installation auf einer unbegrenzten Anzahl von Standorten.

Robby McCullough von Beaver Builder erschien tatsächlich im WPMRR-Podcast und gab Einblicke, wie er sich auf ein Jahr des digitalen Nomadismus vorbereitete. Sie werden das auf jeden Fall ausprobieren wollen!

Divi 🔧

Divi ist zum Flaggschiff von Elegant Themes geworden. Es wurde im Jahr 2013 veröffentlicht. Während Beaver Builder als Plug-In entstand, Divi entstand als vollständiges WordPress-Theme mit integriertem Seitenersteller.

Dieser Seitenersteller wurde 2015 aus dem Divi-Thema entfernt, als Elegant Themes Divi Builder, ein eigenständiges Plugin für den Seitenersteller, startete. Beaver Builder und Divi können jetzt mit praktisch jedem Thema verwendet werden..

Divi ist ein Premiumprodukt, daher können Sie es nicht ohne Lizenz verwenden. Das Thema oder Plug-In mit der von Ihnen ausgewählten Version bietet alle verfügbaren Funktionen, unabhängig von der Art der Lizenz, die Sie auswählen. Dazu gehören wie bei Beaver Builder Einfach zu bedienende Module und gut gestaltete Vorlagen.

Lassen Sie uns etwas tiefer gehen, um genau zu sehen, wie sich diese Lösungen voneinander unterscheiden.

Inhaltsaktualisierung

Kostenlose Website Speed ​​EBook

Die 12-Stufen-Checkliste für
Ladezeiten von weniger als 1 Sekunde erreichen

(4 Seiten)

Herunterladen

Was haben diese Verlage zu bieten? 🤷🏽

Wir werden diese Editoren miteinander vergleichen, indem wir uns die von ihnen verwendeten Strukturen, die von ihnen angebotenen Module und die Konfiguration der Module ansehen erweiterte Anpassungsoptionen.

In den nächsten beiden Abschnitten werden Vorlagen, Themen und Preise überprüft. Mithilfe dieser Top-Funktionen können Sie weiterhin entscheiden, welcher Seitenersteller für Sie in Ihrer Auswahl "Beaver Builder vs Divi" am besten geeignet ist.

Struktur

Beaver Builder verwendet einen Frontend-Editor, sodass Sie jede Änderung sehen können, während Sie sie vornehmen. Sie können die verwenden Editor für benutzerdefinierte Seiten, Beiträge und Beitragstypen. Sie können bei Null anfangen oder eine Vorlage importieren und deren Design und Inhalt ändern.

Wenn Sie Ihrer Seite neuen Inhalt hinzufügen möchten, fügen Sie in beiden Fällen das hinzu, was Beaver Builder nennt. "Zeilen"Zu Ihrem Design. Sie können mehrere Spalten in diesen Zeilen vertikal und horizontal platzieren. Sie dienen als Container für die Inhaltsmodule, die Sie Ihrer Seite hinzufügen.

Der Verlag hat neun Spaltenrahmen zur Auswahl, in diesem Screenshot gezeigt, aber Sie können Spalten hinzufügen oder entfernen, wie Sie möchten, und sogar die Größe der Seite ändern, wie Sie möchten.

Divi Builder kann in der Benutzeroberfläche mit dem visuellen Generator oder im Backend von verwendet werden Überschreiben des Standard-WordPress-Editors. In beiden Fällen können Sie den Editor für benutzerdefinierte Seiten, Beiträge und Beitragstypen verwenden.

Der Editor ähnelt Beaver Builder darin, dass er Ihre Seiten in Abschnitte unterteilt, die Zeilen darstellen, diesen Zeilen Spalten hinzufügt und den Spalten Module hinzufügt. Es gibt 20 Spaltenvorlagen zur Auswahl, in diesem Screenshot gezeigt.

Sie können die Größe der Spalten beliebig ändern.

WordPress Page Builder-Inhaltsmodule

Beaver Builder bietet über 30 Grundmodule, die in organisiert sechs verschiedene Kategorien sowie eine Reihe von WordPress-Widget-Modulen, Damit können Sie WordPress-Widgets an einer beliebigen Stelle in Ihrem Content-Design hinzufügen. Kernmodule sind Standardinhaltselemente wie Überschriften, Text, Video, Schaltflächen und a HTML-Modul, das Code und Markup direkt in die gerenderte HTML-Seite einfügt.

Es gibt auch eine dedizierte Modul Handlungsaufforderung in der Kategorie Aktionen. Dieses Modul verfügt über eine integrierte Kopfzeile, einen Texteditor und eine Schaltfläche, mit denen Sie Ihrer Seite effizient Handlungsaufrufe hinzufügen können. Das Anrufformular enthält all das sowie ein optionales Bild.

die Kontaktformular y Anmeldeformular Dies sind Zusatzmodule, mit denen Sie potenzielle Leads dazu ermutigen können, auf Ihren Seiten Maßnahmen zu ergreifen.

die Medienkategorie Es hat Module, die Sie verwenden können Fügen Sie Ihrer Seite Testimonials, Galerien, Karten, Schieberegler und Font Awesome-Symbole hinzu. Der Screenshot oben zeigt die Module in den Kategorien Medien und Aktionen.

Sie können Daten, Bilder und andere Informationen mit Modulen in der Kategorie Design anzeigen, die eine Preistabelle und ein Seitenleistenmodul enthalten, mit denen Sie eine der in Ihrem Thema definierten WordPress-Seitenleisten hinzufügen können.

Die letzten beiden Kategorien haben spätere Module Sie können es verwenden, um Ihren Seiten auf verschiedene Weise Blogrolls hinzuzufügen, zusätzlich zu Countdown- und Zählerelementen.

Divi-Module sind nicht kategorisiert, sondern werden in einer alphabetischen Liste angezeigt (siehe folgenden Screenshot).

Divi hat kein separates Überschriftenmodul. Stattdessen Fügen Sie dem Texteditor-Modul Überschriften hinzu. Es ist zwar keine große Sache, kann aber den Build-Prozess etwas langwierig machen. Sie können Divi Builder auch nicht wie mit Beaver Builder WordPress-Widgets hinzufügen. Und du Sie können Ihre Themen-Seitenleisten nicht im Inhaltslayout von Divi Builder hinzufügen.

Davon abgesehen unterscheiden sich diese beiden Editoren nicht wesentlich. Sie bieten viele der gleichen Module an, behandeln sie jedoch unterschiedlich. Zum Beispiel bietet Beaver Builder eine Einzigartiges Nummernzählermodul Sie können konfigurieren, dass nur Zahlen, ein kreisförmiger Zähler oder ein Balkenzähler verwendet werden, während Divi für jedes Modul ein anderes Modul anbietet.

Beide Editoren haben Module für Plugins von Drittanbietern wie WooCommerce, die verfügbar sein wird, wenn Sie WooCommerce installiert haben. Mit diesen Modulen können Sie Produkte auf verschiedene Arten auf Ihren regulären Seiten anzeigen.

Stil

In Beaver Builder verfügt jedes Modul über Einstellungen, die Sie konfigurieren können. Diese sind in Registerkarten unterteilt, die sich auf den Inhalt und die spezifischen Funktionen des Moduls oder seinen Stil beziehen, z. B. Farben, Schriftart und Ausrichtung. Du kannst Passen Sie die Farben mit einem integrierten Farbwähler an oder durch Angabe eines Hexadezimal- oder RGBA-Werts. Benutzerdefinierte Schriftarten werden über Google integriert, oder Sie können andere Web-Schriftarten mit ein wenig Code hinzufügen. Dieser Screenshot zeigt einen Teil der Stil Registerkarte für a Knopf Modul.

Für die Zeilen können Sie Passen Sie den Hintergrund durch Hinzufügen an eine Farbe, Farbverlauf, Bild, Video oder DiashowDarüber hinaus können Sie einen Rand und Randeffekte hinzufügen, die das Erscheinungsbild der horizontalen Zeilengrenze ändern. Die Spalten haben eingeschränktere, aber ähnliche Konfigurationen.

Bei Divi-Modulen wird der Abschnitt "Inhalt" korrekt benannt, da Sie hier den Inhalt hinzufügen und konfigurieren, den Sie Ihrem Modul hinzufügen möchten. Sie werden die Stile Ihres Moduls im Abschnitt Design anpassen.

Jedes Modul verfügt über mindestens eine eindeutige Konfiguration. Zum Beispiel die Werbemodul Es verfügt über Einstellungen, mit denen Sie das von dem Element verwendete Bild oder Symbol anpassen können.

Zu den Einstellungen für die meisten Divi-Module gehören Texteinstellungen, mit denen Sie arbeiten können Passen Sie Schriftarten, Text- und Ausrichtungsfarben, Breiten- und Höhenanpassungen sowie Rand- und Füllungsanpassungen an.

Das kannst du auch Passen Sie in diesem Abschnitt Rahmen, Boxschatten und Animationen an. Es können auch Filter angewendet werden, einschließlich Sättigungs-, Helligkeits-, Kontrast- und Sepia-Tonfilter.

Erweiterte Anpassungsoptionen

Fast alle Beaver Builder Zeile, Spalte und Das Modul hat die gleiche Registerkarte ErweitertHier finden Sie Einstellungen, mit denen Sie konfigurieren können, wie das Element angezeigt wird und sich über den grundlegenden Stil hinaus verhält.

Dazu gehören Randanpassung und Polsterung mit der Möglichkeit, je nach Größe des Geräts unterschiedliche Werte einzustellen. Mit den HTML-Einstellungen können Sie den Typ des HTML-Elements auswählen, mit dem das Modul im Seitencode identifiziert wird, und jede ID oder Klasse zuweisen, die Sie verwenden sollten.

Sie können verschiedene Sichtbarkeitseinstellungen konfigurieren, z. B. die Möglichkeit, aus einer langen Liste von Animationen auszuwählen und die Verzögerung und Dauer jeder Animation festzulegen. Sie können das Modul auch für bestimmte Gerätegrößen ausblenden und einschränken, dass das Modul nur Benutzern angezeigt wird, die angemeldet sind oder nicht.

In Divis Advanced Abschnitt können Sie CSS-ID und Klassen hinzufügen sowie benutzerdefiniertes CSS für jedes Modul.

Sie können das Modul auch auf bestimmten Geräten ausblenden und den von Ihnen verwendeten Übergang anpassen.

In die Diskussion Beaver Builder vs Divi integrierte Entwurfsvorlagen 🚧

Wenn Sie eine Seite erstellen, können Sie von vorne beginnen oder eine verwenden vorgefertigte Entwurfsvorlage und nachbessern. Sowohl Beaver Builder als auch Divi bieten eine Reihe von Vorlagen zur Auswahl.

Beaver Builder bietet eine moderate Anzahl von Designvorlagen zur Auswahl. Die Auswahl ist vielfältig und alle sind gut gestaltet.

Es gibt Zielseiten für verschiedene Nischen und Zwecke, beispielsweise für den Verkauf von Produkten. Es gibt auch Inhaltsseiten für Ihr Blog, Ihre Teamseite, Ihre Info-Seite und vieles mehr..

Divi hat Hunderte von Vorlagen zur Auswahl. Dieser Screenshot zeigt die Designdetails einer der Vorlagen.

Sie decken eine Vielzahl von Nischen, Zwecke und Inhaltsseiten. In der Debatte zwischen Beaver Builder und Divi haben Sie beide hier ein starkes Argument.

Deaktivierung 🔚

Einige Seitenersteller Vertrauen Sie Shortcodes, um Ihren Seiten Module hinzuzufügen. Sie umgeben Ihren Inhalt in diesen Shortcodes, sind jedoch nicht sichtbar, während der Seitengenerator auf Ihrer Site aktiv ist. Einige Seitenersteller lassen diese Codes jedoch zurück, wenn Sie sie deaktivieren. Dies kann viel Arbeit für Sie bedeuten. sowohl zum Entfernen von Shortcodes als auch zum Abrufen des Inhalts, den sie einmal angezeigt haben.

Beaver Builder ist als einer der Seitenersteller bekannt, der seinen Inhalt beibehält, wenn Sie das Plugin deaktivieren. Hintergrunddesigns und -effekte gehen verloren, aber Vordergrundtext und -bilder bleiben erhalten. Dieser Screenshot zeigt eine Reihe von Beaver Builder links und dieselbe Reihe rechts nach der Deaktivierung.

Wenn es nicht zu 100% für einen einzelnen Seitenersteller integriert ist, ist Beaver Builder vs Divi eine einfache Option. Beaver Builder bietet Ihnen die Flexibilität, auf Wunsch zu einem anderen Seitenersteller zu wechseln, während Divi ihn nur in Ihrem Seitenersteller sperrt.

Gründer und CEO von Elegant Themes Nick Roach Er versprach, eine Lösung auf den Markt zu bringen, mit der Divi-Benutzer ihre Inhalte 2015 problemlos verschieben können. Leider gibt es eine solche Lösung vier Jahre später nicht mehr. Stattdessen müssen Sie Dritten vertrauen, um die Arbeit zu erledigen.

Beaver Builder vs. Offizielle Themen der Divi 📜

Beaver Builder bietet das Beaver Builder-Thema mit zwei seiner Premium-Pakete an. Dieses Thema ist nicht nur vollständig in das Beaver Builder-Plugin integriert, sondern auch vollständig Übernehmen Sie den in WordPress integrierten Live-Theme-Customizer vollständig. Dieser Screenshot zeigt die Customizer-Registerkarten für das Beaver Builder-Thema.

Sie können einige der Standardeinstellungen konfigurieren, die Ihre Site verwendet, z Kopf- und Fußzeilenstile, Schriftarten, Textgrößen, Schaltflächenstile, soziale Links und mehr.

Das Thema verwendet das vertraute und Gut unterstütztes Bootstrap CSS Framework und ansonsten ist es gut codiert, wodurch sichergestellt wird, dass Ihre Website gut funktioniert, ohne dass Ihr Thema hängen bleibt.

Divi bietet das offizielle Divi-Thema an, in das Divi Builder integriert ist. Es hat eine Eine Vielzahl von Themenoptionen, die Sie anpassen können. Sie enthalten alles von Standardoptionen für Blog-Header, Text und Layout für Anzeigenlayouts. Das Customizer-Bedienfeld wird im folgenden Screenshot gezeigt.

Es ist gut gestaltet und Sie können bestimmte Designoptionen mit dem Live Theme Customizer anpassen.

Beaver Builder vs. Divi Preise und Support 💰

Dies ist ein Kernstück der Debatte zwischen Beaver Builder und Divi. Preise und Support haben einen großen Einfluss darauf, wie teuer es ist, Ihre Website oder Kundenseiten maßstabsgetreu zu erstellen. Tauchen wir also in die Preise ein!

Beaver Builder hat eine Freemium-Version des Plugins, wie oben angegeben. Dies bedeutet, dass Sie kostenlos und starten können Schalte weitere Funktionen frei wenn Sie auf einen Premium-Plan upgraden.

Es stehen drei Pläne zur Verfügung:

• Standard bei 99 $ – Schalten Sie unbegrenzte Site-Lizenzen sowie alle Premium-Module und -Vorlagen frei.

• Pro bei 199 $ – Entsperren Sie außerdem das Beaver Builder-Thema und die Funktion für mehrere Standorte.

• Agentur bei 399 $ – Entsperren Sie auch Netzwerkkonfigurationen mit mehreren Standorten und weiße Tags.

Alle Pläne kommen mit ein Jahr Support und Updates, die jährlich in a erneuert werden kann 40% Rabatt. Alle Pläne werden auch von a unterstützt 30 Tage Rückerstattungsrichtlinie.

Support ist über ein Ticketsystem verfügbar. Sie können auch andere Beaver Builder-Benutzer über die Plugin-Community unter kontaktieren Facebook, Slack und ihre eigenen Foren. Sie bieten auch eine umfassende Wissensbasis und Tutorials auf ihrem Blog.

Divi Theme und Divi Builder Plugin sind keine kostenlosen Produkte. Sie sind Teil des Mitgliedschaftsprogramms Elegant Themes. Heute bietet Elegant Themes eine kleine Sammlung von fünf Themen und Accessoires, die nicht einzeln erworben werden können.

Es gibt zwei Pläne:

• Jährlicher Zugang zu 89 USD / Jahr – Zugriff auf unbegrenzte Site-Lizenzen, alle ET-Produkte sowie Support und Updates für ein Jahr.

• Lebenslanger Zugriff auf 249 USD (einmalige Gebühr) – Zugang zu allem, was der Jahresplan bietet, jedoch mit einer Nutzungsdauer von Support und Updates.

Der Support ist 24 Stunden am Tag, 7 Tage die Woche über ein Live-Chat-System verfügbar. Es gibt auch gut entwickelte Dokumente und Community-Foren. Alle Pläne sind durch eine 30-tägige Geld-zurück-Garantie abgesichert.

Inhaltsaktualisierung

Kostenlose Website Speed ​​EBook

Die 12-Stufen-Checkliste für
Ladezeiten von weniger als 1 Sekunde erreichen

(4 Seiten)

Herunterladen

Ende 🌯

Da sich diese beiden Plugins nahtlos in die von den Entwicklern selbst erstellten Themen integrieren lassen, Beide können als All-in-One-Lösungen verwendet werden. Sie sind auch mit fast jedem Thema kompatibel.

Dies macht es schwierig, zwischen ihnen zu wählen.

Trotz seiner Vorteile ist die Verwendung von Divi Builder im Vergleich zu anderen Seitenerstellern etwas langsam. Das Starten des Seitenerstellers funktioniert größtenteils einwandfrei, aber Vorgänge wie das Einfügen neuer Module und das Öffnen vorhandener Module können manchmal länger dauern, als sie sollten. Fast alles scheint ein paar zusätzliche Klicks zu erfordern als mit Beaver Builder.

Es ist auch schwierig, von Divi wegzukommen, wie oben erwähnt. Unterstützer der intensiven Verwendung von Shortcodes durch Divi behaupten, dass es keine Rolle spielen sollte, wie viele Shortcodes noch übrig sind, wenn Sie den Seitenersteller deaktivieren, da Sie die Seiten noch neu erstellen müssen. Sie müssen sich jedoch noch die Mühe machen, jeden Shortcode aus Ihrem Inhalt zu entfernen, bevor Sie ihn kopieren und in einen neuen Editor einfügen. Dies ist besonders umständlich, wenn Sie Divi in ​​Blog-Posts verwendet haben.

Beaver Builder hingegen ist extrem schnell zu bearbeiten und bietet eine intuitive Benutzeroberfläche, gut gestaltete Inhaltsmodule und genügend Themenoptionen, damit Sie Ihre Website nach Ihren Wünschen anpassen können. Der Code ist sauber und Sie werden keine Shortcodes haben, wenn Sie vorhaben, das Plugin zu verlassen.

Sie können die Premium-Version von Beaver Builder ausprobieren oder die kostenlose Version herunterladen, um sie auszuprobieren. Elegant Themes bietet auch eine Divi-Demo.

Versuchen Sie Beaver Builder | Divi Test

Wenn Sie Hilfe beim Einrichten von Plugins für den WordPress-Seitenersteller benötigen oder allgemeinere Wartungs- und Pflegepläne für Websites benötigen, werden diese auch hier bei WP Buffs behandelt. Ob es um die Geschwindigkeit oder Sicherheit der Website geht, wir können sie für Sie verwalten.