Beaver Builder vs Divi: Einer ist gut für dich, einer nicht (2024)

Beaver Builder gegen Divi

Sie suchen also nach einem neuen WordPress Page Builder-Plugin. Wie wählen Sie zwischen Beaver Builder oder Divi, wenn dies zwei der beliebtesten Produkte sind?

Möglicherweise haben Sie einige Voruntersuchungen durchgeführt und festgestellt, dass diese beiden die am häufigsten angepriesenen Optionen zum Erstellen von Websites sind und ähnliche Tools wie andere führende Seitenersteller bieten.

Jetzt möchten Sie herausfinden, welches dieser beliebten Plugins das beste ist. Und vorallem, Das ist dein Geld wert?

Wir werden alle wichtigen Funktionen dieser Seitenerstellungs-Plugins untersuchen und sie direkt vergleichen, um das beste für Sie zu finden.

Lesen Sie weiter, um herauszufinden, welches das beste Page Builder-Plugin für WordPress ist. Wenn Sie sich allgemein für WordPress-Plugins interessieren, sollten Sie sich unsere anderen Rezensionen und Zusammenfassungen ansehen, die auf Collectiveray.

Wir haben Websites mit beiden installierten Produkten im Einsatz, daher haben wir diesen Artikel im September 2024 überarbeitet, um alle relevanten Details bei Bedarf zu aktualisieren.

Beaver Builder gegen Divi

Beaver Builder ist sehr einfach zu bedienen, aber Divi bietet mehr Anpassungsoptionen. Beide Produkte bieten Ihnen Zugang zu professionell aussehenden Layouts. Divi hat über 2,000 Layouts im Vergleich zu Beaver Builder50 Vorlagen. Divi ist etwas günstiger als Beaver Builder bei $89, die alle Produkte von enthalten ElegantThemes.

  Divi Builder beaver builder Logo
PREIS $ 89 (beinhaltet alle ET-Plugins und WordPress-Themes) €99 +
Kostenlos Version Nein Ja
Echtzeit-Editor Ja Ja
Frontend / Backend Beide Beide
Zielgruppe Entwickler / Designer / Benutzer Web Developer / Designer
Unterstützte Elemente 200+  31 
Code bereinigen Ja Ja
Vorgefertigte Vorlagen / Layouts 2,000+ 50+
Coole Funktion A/B-Tests Biber Themer
Leistung ⭐⭐⭐⭐⭐
Was uns gefallen hat  Eine sehr leistungsstarke Lösung zum Erstellen von Layouts aller Art  Einfache Benutzeroberfläche
   Überlegene Layout-Management-Optionen  Der Inhalt bleibt auch nach Deaktivierung des Plugins erhalten
   Attraktive Preise mit Zugriff auf viele andere WordPress-Themes und Plugins  Einzigartiger Editor-Modus für Kunden
   Neue Leistungsverbesserungen verändern das Spiel  Ermöglicht die Verwendung von WordPress-Widgets in den Layouts
Was uns nicht gefallen hat  Es dauert einige Zeit, um sich daran zu gewöhnen  Teurer als die anderen Seitenersteller
   Das Laden des Frontend-Editors dauert einige Zeit.  Nicht so viele Ressourcen
Insgesamt:
Gewinnschlag ????  
Webseite Besuchen Sie Elegant Themes (10% OFF) besuchen Beaver Builder 

 

Warum einen Page Builder verwenden?

Beaver builder gegen diviWenn Sie relativ neu in der WordPress-Welt sind, kennen Sie möglicherweise nicht die gesamte Geschichte der Seitenersteller und wie sie entstanden sind.

Im Wesentlichen konnte WordPress bis vor einigen Jahren entweder Seiten oder Beiträge erstellen. Diese beiden Inhaltselemente sind sehr ähnlich.

Sie unterstützten hauptsächlich Text und Bilder und Ihre gewöhnlichen Website-Inhalte wie Blog-Posts.

Wenn Sie etwas ausgefalleneres wollten, mussten Sie nach Bedarf Plugins und / oder Shortcodes verwenden.

Shortcodes waren großartig, da Sie damit bestimmte Features und Funktionen auf einer Seite einfügen konnten, wo immer Sie wollten.

Aber sie hatten immer noch ihre Grenzen - Sie mussten immer noch eine Reihe verschiedener Plugins installieren, um mehrere verschiedene Elemente auf einer Seite zu erreichen und zu verwenden.

Wenn Sie Slider, Call-to-Action-Buttons, Videos, Bildergalerien und andere Dinge wollten, mussten Sie immer mehr Plugins hinzufügen.

Dies brachte ein weiteres Problem mit sich: Je mehr Produkte Sie zu Ihrer Installation hinzufügen, desto schwerer wird Ihre Website und desto anfälliger ist sie für Sicherheitslücken, die durch die verschiedenen zu installierenden Elemente verursacht werden.

Das war ein Problem.

Es gab ein anderes Problem. Sie konnten keine Seite oder keinen Beitrag erstellen visuell. Sie mussten eine Seite mit Shortcodes entwerfen und nach mehreren Iterationen von Änderungen kamen Sie zu einem Ergebnis, das nahe an dem lag, was Sie wollten.

Schließlich begannen Entwickler und Anbieter zu erkennen, dass die meisten Menschen die Möglichkeit haben wollten, ihre eigenen Seiten ohne Einschränkungen zu entwerfen und zu definieren – und nicht Vorlagen zu verwenden, die alle Websites gleich aussehen ließen.

Und so entstand das Konzept der Seitenerstellung.

Dies ist im Wesentlichen der Kern einer solchen Funktion - die Möglichkeit, verschiedene Elemente per Drag & Drop zu verschieben, um eine Seite oder einen Beitrag so zu gestalten und zu definieren, wie SIE es möchten.

Lesen Sie mehr: Assistant Pro - Seitenerstellungsvorlagen im Web speichern

Divi builder vs beaver builder

Wir sind nicht ganz sicher, wer das erste Page-Builder-Produkt entwickelt hat, aber Elegant Themes war definitiv einer der Anbieter, die dieses Konzept sehr, sehr erfolgreich gemacht haben.

Sobald die Leute das Potenzial erkannten, sprangen alle großen Anbieter auf den Zug.

Heutzutage werden die meisten großen Anbieter eine Art visuellen Seitenersteller in ihre eigenen bündeln Themen - Wenn sie selbst keine haben, werden sie mit jemandem zusammenarbeiten und diese Funktion in ihr Thema einbetten / aktivieren.

Was ist mit Divi und Beaver Builder?

Divi

ElegantThemes sind so lange in dieser Nische, dass sie wirklich verstanden haben, was die Leute wollen und es ihnen gegeben haben - ihr Produkt ist eines der beliebtesten überhaupt, mit mehr als 600,000880,000 Verkäufe.

Sie konzentrieren sich auf diejenigen Benutzer, die eine Website erstellen möchten, sich aber nicht darum kümmern, was unter der Haube vor sich geht. Sie möchten nur, dass die Dinge funktionieren und nicht technisch werden oder mit Code herumspielen.

Zielgruppe von Elegant Themes: 

Menschen, die eine Website entwerfen und zum Laufen bringen möchten, ohne einen Entwickler einzubeziehen or viel über Code wissen.

Beispielbenutzer:

  1. Kleinunternehmer
  2. Bloggers
  3. SEOs
  4. Eigentümer von Affiliate-Websites
  5. Autoren von Inhalten, die Websites erstellen
  6. Webdesigner
  7. Agenturen für digitales Marketing

Wenn Sie sich das Bild unten ansehen mussten, richtet sich Divi an den Designer. Vielleicht möchten Sie sich sogar einige ansehen Live-Divi-Themenbeispiele Hier. Und diese Leute sind immer an der Spitze der Technologie, da sie gerade erst gegründet wurden KI in Divi.

Designer gegen Entwickler

Beaver Builder

Beaver Builder hat eine andere Art von Benutzer. Während ElegantThemes richtet sich an diejenigen, die weniger "technisch" sind, Beaver Builder richtet sich an die Benutzer, die im Herzen Designer und Entwickler sind.

Divi hat einige Einschränkungen, die diese Entwicklertypen frustrierend finden, und Beaver Builder identifiziert und behebt diese Probleme gut. 

Dies hat es diesem Produkt ermöglicht, bei denen durchzustarten, die sich eher als Entwickler identifizieren.

Wenn Sie wissen möchten, wie die Produkte von Elegant Themes im Vergleich zu anderen beliebten Optionen auf dem Markt abschneiden, können Sie sich auch die folgenden beiden Artikel ansehen, die wir ebenfalls verfasst haben:

https://www.collectiveray.com/divi-vs-genesis

und dem

https://www.collectiveray.com/divi-vs-avada

Fortsetzung auf dem Bild oben, Beaver Builder wäre eher beim Entwickler zu Hause.

BeaverBulder Zielgruppe:

Webentwickler und Designer, die mögen zu Basteln Sie mit dem Code herum und behalten Sie die volle Kontrolle darüber, was los ist, um die Dinge so zu optimieren, dass sie so funktionieren, wie sie wollen, und nicht so, wie der Anbieter sie entworfen hat.

Beispielbenutzer:

  1. Web-Entwickler
  2. Webdesigner, die mit Code basteln wollen
  3. Digitale Agenturen
  4. Freiberufler

Lassen Sie uns mit dieser Einführung beginnen, uns mit jedem Produkt zu befassen, damit wir die Merkmale, Funktionen, Vor- und Nachteile der Verwendung eines dieser beiden Elemente sehen können.

Beginnen wir damit, die Benutzeroberfläche dieser beiden Produkte zu besprechen.

Beaver Builder vs. Divi – WordPress Page Builder UI und UX

Da wir dazu neigen, viel Zeit mit dem Backend unseres Seitenerstellers zu verbringen, schauen wir uns zunächst an, wie jeder von ihnen aussieht und was sie in Bezug auf die Benutzerfreundlichkeit bieten.

Der Divi Builder Schnittstelle

ElegantThemes arbeiten seit mehreren Jahren an ihrem Produkt und das merkt man. Mit einer starken Community, die sie unterstützt und ihnen viel großartiges Feedback gibt, wissen diese Jungs, wie sie am Puls ihrer Benutzer bleiben.

Sie haben eine Benutzeroberfläche entwickelt, die sich ganz auf eine großartige Benutzererfahrung konzentriert.

Sie haben nicht zufällig viele Fans aufgebaut. Ihr strikter Fokus auf das Design und die Benutzerfreundlichkeit ihres Produkts war einer der Schlüsselaspekte, um diesen Hersteller so erfolgreich zu machen.

Schauen Sie sich dieses kurze Intro-Video an (2 Minuten). Dies ist aus der allerersten Version von Divi (2015), viele Dinge haben sich seitdem geändert, aber es ist großartig, eine kurze Zusammenfassung der Möglichkeiten zu erhalten.

Aber schauen wir uns die Benutzeroberfläche genauer an.

Nach der Installation von Divi können Sie auf den Builder zugreifen, indem Sie einen neuen Beitrag oder eine neue Seite erstellen.

Das erste, was Sie sehen werden, ist Folgendes:

Der Divi Builder Schnittstelle

Mit einem Klick auf die Verwenden Sie die Divi Builder Schaltfläche leitet Sie zum neuen visuellen Editor weiter.

Diese Funktion ist eine Reaktion auf die Einführung des neuen WordPress-Blockeditors, wie Sie dem obigen Bild entnehmen können. Der alte Divi-Back-End-Editor kann jetzt nicht mehr mit dem neuen Post-Editor verwendet werden.

Aus diesem Grund hat sich Elegant Themes auf die Verbesserung seines visuellen Front-End-Editors konzentriert und ihn so gestaltet, dass Back-End und Front-End nun nahtlos miteinander integriert sind.

Sie haben jedoch weiterhin die Möglichkeit, nicht nur auf den klassischen Divi-Backend-Editor, sondern auch auf den klassischen WordPress-Post-Editor zurückzugreifen.

Alles, was Sie tun müssen, ist zu gehen Divi > Plugin-Optionen > Erweitert.

Divi-Optionen1 Seite

Schalten Sie die “Aktivieren Sie den klassischen Editor”Auf Ein, um den ursprünglichen WordPress-Post-Editor zurückzubringen.

Durch Aktivieren dieser Option wird auch der vollständige Back-End-Editor von Divi wiederhergestellt. Dann umschalten „Aktivieren Sie das Neueste Divi Builder Erfahrung" Wenn Sie deaktiviert sind, wird der Backend-Builder vor Gutenberg Divi wiederhergestellt (denken Sie jedoch daran, dass Sie einige der neuesten Funktionen und Verbesserungen des modernen Builders verlieren werden).

Mit dem Front-End-Echtzeiteditor können Sie jetzt und entwerfen visualisieren die Seite, an der Sie gerade arbeiten.

Dies ist ehrlich gesagt eine großartige Funktion, da Sie das Front-End nicht "erraten" oder aktualisieren müssen, um das Ergebnis des Designs zu sehen, an dem Sie arbeiten.

Sie können es sehen, während Sie es entwerfen.

Das ist was ElegantThemes rufen an "Ein neues visuelles Erlebnis".

Benutzerschnittstelle

Der neue Divi Visual Builder ersetzte die älteren Back-End- / Front-End-Editoren.

Unten sehen Sie, wie der neue Builder aussieht. Beachten Sie, wie Sie mit einem einzigen Mausklick nahtlos zwischen der Backend-Ansicht (Drahtgittermodell) und der Frontend-Ansicht wechseln können.

Drahtgitteransicht

Dies ist eine vollständige WYSIWYG-Erfahrung (Was Sie sehen, ist was Sie bekommen). 

Um vom Backend aus auf den Pagebuilder zuzugreifen, gehen Sie zu BLOG-POSTS > Inserat erstellen.

Sie sehen eine neue Seite mit drei Optionen: Von Grund auf neu erstellen, Wählen Sie ein vorgefertigtes Layout oder klonen Sie eine Seite.

Divi neue Seite

Sobald Sie Ihre Wahl getroffen haben, sehen Sie entweder eine Option zum Erstellen einer neuen Seite, zum Auswählen aus der Liste der Vorlagen oder zum Auswählen einer Seite zum Klonen.

Wir werden uns dafür entscheiden, eine Seite von Grund auf neu zu erstellen, damit Sie sehen können, was vor sich geht.

Klicken Sie auf der resultierenden Seite auf „Verwenden Sie die Divi Builder" Taste. Dies öffnet die Schnittstelle, die wie folgt aussieht

Divi neue Seite1

 

Divi (die wir hier bereits besprochen haben) Mit dieser Option können Sie separate Abschnitte für verschiedene Teile der Seite erstellen. Es werden drei Arten von Abschnitten unterstützt - Standard, Vollbreite und Spezial.

Für die Bereiche Standard und Vollbreite können Sie eine spaltenbasierte Struktur wählen. Es gibt viele Kombinationen, darunter zwei, drei, vier Säulen in verschiedenen Größen.

Der Spezialitätenbereich verfügt über neun speziell erstellte Säulenstrukturen. Sie können mehrere Zeilen innerhalb eines Abschnitts hinzufügen, um mehrere Spaltenstrukturen zu erhalten.

divi neue Seite 3

Nachdem Sie ein Layout ausgewählt haben, können Sie den einzelnen Spalten Module hinzufügen. Sie finden separate Optionen zum Bereitstellen des Modulinhalts, zum Konfigurieren der Entwurfsoptionen und zum Bereitstellen von benutzerdefiniertem CSS.

Sie können die Module, Spalten, Zeilen und Abschnitte neu positionieren, indem Sie sie per Drag-and-Drop an die gewünschte Stelle ziehen. Es gibt spezielle Schaltflächen zum Löschen, Duplizieren und Öffnen des Einstellungsbereichs für jedes dieser Elemente.

Es ist auch möglich, die letzten Aktionen rückgängig zu machen, zu wiederholen und zu den vorherigen Aktionen zurückzukehren, indem Sie die Verlaufsfunktion verwenden.

divi neue Seite 3

Sobald der Frontend-Seitenersteller geladen ist, können Sie mit der Anpassung der Seite beginnen.

Wie bei der Backend-Oberfläche können Sie einen neuen Abschnitt hinzufügen, die Spaltenstruktur auswählen und vollständigen Zugriff auf alle Optionen für die Moduleinstellungen erhalten.

Natürlich ist ein Designer ohne Drag & Drop tot im Wasser, aber dieses Produkt handhabt es natürlich sehr gut.

Tatsächlich ist es nicht nur Drag & Drop, sondern es behält auch die Reaktionsfähigkeit beim Entwerfen bei.

Da Sie an den eigentlichen Live-Blöcken mit Inhalten und Elementen arbeiten, ziehen Sie die eigentlichen Inhalte.

Und natürlich ist immer noch alles voll ansprechbar.

Schauen Sie sich die folgende kurze Demo von Live-Blöcken an.

 

 Responsive Bearbeitung

 

Sie können die Module, Zeilen, Spalten ziehen und ablegen sowie diese nach Ihren Anforderungen kopieren, einfügen, löschen oder bearbeiten. 

Erhalten Sie bis September 10 2024 % Rabatt auf Divi

PS. Das obige Angebot ist nur verfügbar über CollectiveRay.

Also was ist mit ElegantThemes Wettbewerber? Tut Beaver Builder haben die gleiche Flexibilität? Funktioniert es im Frontend in Echtzeit?

Lesen Sie den Rest dieses Artikels, um die Antwort auf diese Fragen zu finden. 

Der Beaver Builder Schnittstelle

Im Rennen um die Dominanz des Seitenerstellers nicht zurückgelassen werden wollen, Beaver Builder ist mit allen Waffen herausgekommen.

Oder Zähneknirschen, wenn wir die Beaver-Analogie beibehalten wollen. 😀

Beaver Builder bietet sowohl die Bearbeitung im Frontend als auch im Backend, sodass es in dieser Hinsicht nicht zurückbleibt.

Es kann auf Seiten, Beiträgen und den meisten anderen benutzerdefinierten WordPress-Typen verwendet werden, solange sie aktiviert wurden.

Wenn Sie auf die Registerkarte "Admin" für den entsprechenden benutzerdefinierten Typ klicken, wird der Builder geladen, sodass Sie ihn zum Entwerfen Ihrer Inhalte verwenden können.

Bevor wir fortfahren, möchten Sie sich vielleicht das folgende kurze Video (2 Minuten) über die Verwendung ansehen Beaver Builder.

Im Wesentlichen gehen Sie in der Backend-Methode, nachdem Sie sich zuerst bei Ihrem Dashboard angemeldet haben, zu BLOG-POSTS > Inserat erstellen, und klicken Sie auf „Page Builder".

Dadurch wird die Pagebuilder-Oberfläche aufgerufen - ähnlich wie unten.

Der Beaver Builder Schnittstelle

Der erste Schritt besteht darin, eine Vorlage für die Seite auszuwählen. Sie können eine der vorgefertigten Vorlagen auswählen oder mit der leeren beginnen, um Ihre eigene Vorlage zu erstellen.

Nachdem Sie die Vorlage ausgewählt haben, ist der nächste Schritt die Auswahl des Zeilenlayouts.

Sie können das Zeilenlayout in der linken Seitenleiste auswählen. Öffnen Sie die Seitenleiste, indem Sie auf „Inhalt hinzufügen” Schaltfläche im Menü oben links auf der Seite.

Das Menü bietet auch einige andere Schaltflächen zum Ändern der Vorlage, zum Öffnen der Tools, des Abschnitts, zum Veröffentlichen der Seite und einer speziellen Hilfeschaltfläche.

Beaver Builder bietet mehrere Spaltenstrukturen, einschließlich einer, zwei, drei, vier, fünf oder sechs Spalten und Zeilen mit linken, rechten oder beiden Seitenleisten.

Ziehen Sie einfach das Zeilenlayout an die gewünschte Position auf der Seite.

Der Beaver Builder Schnittstelle1

Der nächste Schritt ist das Hinzufügen von Modulen zu den Spalten. Sie finden die Module in der linken Seitenleiste.

Wählen Sie das Modul aus, das Sie verwenden möchten, und ziehen Sie es in die gewünschte Spalte auf der Seite. An dieser Stelle wird Ihnen das Fenster mit den Moduleinstellungen angezeigt.

Es gibt mehrere Abschnitte, um den Inhalt und Stil des Moduls zu verwalten.

Sie können die Zeilen und Module ziehen und ablegen, um ihre Position zu ändern. Es gibt separate Schaltflächen zum Löschen, Duplizieren oder Öffnen der Einstellungen für jede Zeile oder jedes Modul.

Es ist auch möglich, die Spaltenstruktur einer Zeile zu ändern.

Um vom Frontend aus auf den Seitenersteller zuzugreifen, besuchen Sie die Seite, die Sie bearbeiten möchten, und klicken Sie auf „Page Builder" Taste. Dadurch wird dieselbe Oberfläche geöffnet wie beim Erstellen der Seite aus dem Backend.

Der Beaver Builder Schnittstelle2

Sie können mit dem vorhandenen Design arbeiten oder ein neues Layout auswählen. Alle anderen Optionen wie das Hinzufügen verschiedener Zeilen, Module, Widgets und deren Verwaltung entsprechen genau dem Backend.

Möchten Sie eine kostenlose Live-Demo von Beaver Builder jetzt? Klicken Sie unten auf die Schaltfläche. (Öffnet in einem neuen Fenster)

Versuchen Sie, die BeaverBuilder Demo

Beaver Builder vs Divi - Module

Benutzerfreundlichkeit ist nur ein Aspekt eines Seitenerstellers. Die Anzahl der Module, die es bietet, ohne dass zusätzliche Plugins installiert werden müssen, zählt ebenfalls.

Divi Builder

Dieses Plugin enthält derzeit über 200 Inhaltsmodule (Elements in Divi-speak).

Apropos neue Releases: Das im August 2021 eingeführte neue Performance-Update für Divi hat Divi an die Spitze der Warteschlange für WordPress-Themes gestellt.

Mit der neuen Version von Divi erstellte Seiten werden dank einer Reihe von Codeverbesserungen unter der Haube schneller als je zuvor geladen.

Neuere Versionen von Divi, wie in 4.20, die im Februar 2023 veröffentlicht wurden, haben die Funktionsweise und Ladegeschwindigkeit drastisch verbessert.

Zu diesen Verbesserungen gehören:

  • 94% kleinere CSS
  • Intelligentes CSS, das nur das lädt, was benötigt wird
  • Smart Styles reduzieren die Duplizierung von Stylesheets für ein schnelleres Laden
  • Dynamisches PHP für schnellere Verarbeitung
  • JavaScript-Optimierung
  • Zurückstellung des Gutenberg-Stylesheets
  • jQuery-Aufschub

Unter diesen finden Sie die regulären wie:

  • Text
  • Suche
  • Akkordeon
  • Taste
  • CTA
  • Audio
  • Video
  • Benutzerdefinierter Code
  • Trennwand

Zu den erweiterten Elementen gehören:

  • Counter
  • Aktivieren Sie
  • Portfolio
  • Login
  • Karte
  • Person
  • Preistabelle
  • Testimonial
  • Video-Schieberegler

Natürlich sind dies nicht die einzigen verfügbaren Module, aber wenn wir sie weiter auflisten würden, da mehr als 200 Elemente unterstützt werden, wären wir für immer hier.

Sagen wir einfach, Sie werden höchstwahrscheinlich ein Modul für alle Anforderungen finden, die Sie benötigen.

Dann gibt es zusätzliche Modul-Plugins für die wenigen, die Sie möglicherweise benötigen, aber Divi nicht hat.

Mit Version 3.1 wurde eine API entwickelt und freigegeben, sodass Sie erwarten können, dass überall benutzerdefinierte Elemente und Module auftauchen.

Lustige Zeiten voraus!

Mal sehen, was für ausgefallene Sachen andere Entwickler haben werden. Bleiben Sie dran.

Aber genug davon, schauen wir uns an, wie man ein Modul benutzt:

Divi Add-Modul

Klicken Sie auf das gewünschte Modul, um es dem Beitrag hinzuzufügen. Zu diesem Zeitpunkt müssen Sie die Moduleinstellungen konfigurieren. 

Der Pagebuilder bietet Ihnen zu diesem Zweck drei Abschnitte:

  1. Inhalt
  2. Design
  3. Fortgeschrittener

Der Inhalt Der Abschnitt enthält alle Optionen bezüglich des Inhalts des von Ihnen ausgewählten Moduls.

Design Mit dieser Option können Sie Farbe, Schriftart, Hintergrundstil, Rahmen, Rand und Abstand für das Modul auswählen.

Schließlich Fortgeschrittener Enthält dedizierte Felder zum Hinzufügen einer benutzerdefinierten CSS-ID, Klasse und zum Anwenden von benutzerdefiniertem CSS vor oder nach dem Modul oder auf den Hauptinhalt.

Möchten Sie jetzt mehr Informationen zu diesem Plugin lesen? Klicken Sie auf die Schaltfläche unten, um die ElegantThemes Webseite.

Erhalten Sie bis September 10 2024 % Rabatt auf Divi

PS. Das Angebot ist nur über den obigen Link verfügbar. 

Beaver Builder

Beaver Builder hat insgesamt 29 Module und unterteilt sie in drei Kategorien:

  1. Standardmodule
  2. WordPress-Widgets
  3. Gespeicherte Module

Zu den Standardmodulen gehören:

  • Texteditor
  • Überschrift
  • HTML
  • Taste
  • Bild
  • Video
  • Audio-
  • Separator

Die WordPress-Kategorie enthält einige vertraute Module:

  • Produkte
  • Kalender
  • Kategorien
  • Meta
  • RSS
  • Navigationsmenü
  • Und andere

Der Abschnitt „Gespeicherte Module“ enthält alle Module, die Sie erstellen und für die spätere Verwendung speichern.

Beaver Manage-Modul

Das Plugin bietet drei Abschnitte zum Verwalten eines Moduls:

  1. Allgemeines
  2. Design
  3. Fortgeschrittener

Unter diesen ist die Allgemeines In diesem Abschnitt können Sie die Einstellungen für den Modultyp konfigurieren.

Der Design In diesem Abschnitt können Sie Farbe, Ausrichtung, Schriftart und andere Stile für die Desktop- und Mobilversion auswählen.

Fortgeschrittener Enthält Optionen zum Einrichten der Sichtbarkeit, Animation sowie dedizierte Felder zum Hinzufügen von CSS-Klasse und ID.

Sie können eine klarere Demo des BeaverBuilder Funktionen unten.

Besuch des Beaver Builder Webseite

Der nächste Teil unserer Beaver Builder vs Divi Review befasst sich mit den verfügbaren Seitenvorlagen oder vordefinierten Layouts.

Dies ist etwas, das Ihnen das Leben einfacher machen wird und es Ihnen ermöglicht, brandneue Websites in wenigen Stunden, sogar Minuten, statt in Wochen zu entwerfen.

Sehen Sie unten, was wir meinen!

Beaver Builder vs Divi - Eingebaute Seitenvorlagen

Integrierte Seitenvorlagen dienen im Wesentlichen dazu, Ihre Entwurfs- / Entwicklungszeit zu verkürzen. Wenn Sie diese installiert haben, müssen Sie den Inhalt und das Design nur geringfügig anpassen, und schon kann es losgehen!

Divi Builder Seitenvorlagen (auch bekannt als Layouts)

Als Version 3.0 veröffentlicht wurde, wurden mehrere (mehr als 100) vorgefertigte Vorlagen mitgeliefert, damit Sie so schnell wie möglich loslegen können.

Nachfolgende Versionen haben weitere hinzugefügt, wobei die Zahl jetzt bei über 2,000 liegt!

Sie können eine Vorlage verwenden, indem Sie beim ersten Laden einer neuen Seite oder eines neuen Beitrags auf die Option „Vorgefertigtes Layout auswählen“ klicken.

divi lädt ein Layout

Sie werden in Kürze professionelle Layouts für die Zielseite finden, über mich, Kontakt, Team, Wartungsseite sowie verschiedene Variationen für die Homepage, den Blog, den Shop und die Portfolio-Seiten.

Es ist möglich, diese Layouts unverändert zu verwenden oder an Ihre Anforderungen anzupassen.

Natürlich kann man eine ziemlich große Anzahl von Vorlagen (oder wie Divi sie nennt) Seitenlayouts haben, aber das eigentliche Fleisch ist, ob sie tatsächlich gut und verwendbar sind, um Ihre eigenen Designs zu erstellen.

Im Wesentlichen ist die Grundidee folgende: Sie erstellen eine Seite in WordPress, laden ein vordefiniertes Layout, passen dann den Text, die Bilder und andere Inhalte an Ihr Unternehmen an und – voila – Sie haben eine erstaunlich „designte“ Website ohne dass echte Designkenntnisse erforderlich sind.

Dies ist eine große Macht in den Händen derer, die die Dinge schnell zum Laufen bringen wollen, sich aber mit Code oder Design an sich nicht sehr wohl fühlen.

Nur zu Ihrer Information - es gibt mehr als 2,000 Layouts verfügbar zum Zeitpunkt des Schreibens dieses Artikels.

Lassen Sie uns einen kurzen Blick auf die verfügbaren Layouts werfen.

Komplette Website-Pakete

Dies hier ist ein Killer-Feature, das unserer Meinung nach großartig für die Zielgruppe ist, auf die dieses Produkt abzielt. Da wir als Zielgruppe Leute bezeichnet haben, die schnell etwas auf die Beine stellen wollen, ist die Verfügbarkeit kompletter Website-Pakete wirklich ein Segen.

Im Wesentlichen handelt es sich hierbei um ein Bündel der wichtigsten 7 bis 8 individuell gestalteten Seiten, die erforderlich sind, damit jemand in wenigen Minuten eine vollständige Site starten kann. 

Schauen Sie sich an, wie Nick Roach von ET den Wert beschreibt, den die Layouts für dieses Produkt bringen. ((Ja, du wirst feststellen, dass Nicks Haare länger sind, zwischen den beiden Videos ist einige Zeit vergangen!).

Die Seiten sind auf die jeweilige Nische / Branche zugeschnitten und enthalten die wesentlichen Elemente, die für diese bestimmte Art von Geschäft erforderlich sind.

Als Benutzer müssen Sie lediglich das Design importieren und den Inhalt an Ihre spezifischen Anforderungen anpassen.

Hier sind einige der Nischen, die als Website-Packs verfügbar sind. Ab sofort sind 31 Layout-Packs mit insgesamt 250 Seiten verfügbar.

  • Restaurant-Landingpage - Dies ist ein Paket, das aus 8 Seiten besteht, um alles bereitzustellen, was ein Restaurant oder ein Lebensmittelunternehmen für den Start seiner Online-Präsenz benötigt, einschließlich der Öffnungszeiten in der Fußzeile, damit Kunden leicht darauf zugreifen können.

 Divi-Restaurant-Layout-Paket

  • Designagentur - Das Design Agency Pack ist ein 9-seitiges Paket kreativ und professionell gestalteter Seiten für eine Digital- oder Designagentur. Natürlich wird Arbeit und Stil in den Vordergrund gestellt, um die Fähigkeiten des Unternehmens auf eine Art und Weise zu demonstrieren, die sich umwandelt
  • Mode-Landingpage - Eine Branche, die online sicherlich gut aussehen muss, ist ein Modeblog. Dieses Layoutpaket mit 8 Seiten konzentriert sich darauf, dem Blogger zu ermöglichen, sein Image nach Bedarf zu brandmarken. Es ist alles großartig für Fotografen und andere visuelle Unternehmen.
  • Travel Agency - Das Design hier konzentriert sich stark auf den Benutzer, der die Website besucht, um Maßnahmen zu ergreifen, den aktuellen Betrachter zu drängen und zu drängen, jetzt mit attraktiven Call-to-Action-Schaltflächen anzurufen oder zu buchen.
  • Hochzeit Homepage - eine perfekte Möglichkeit, schnell eine Hochzeitsshow zu starten. Es konzentriert sich natürlich sehr auf die Ästhetik und viele andere kundenspezifische Merkmale, die für Hochzeiten spezifisch sind.
  • SaaS-Unternehmen - eine andere Art von Unternehmen, in der Regel Startups, die in der Regel wenig Zeit verschwenden und schnell einsatzbereit sein müssen. Dieses Layout-Paket bietet ihnen alles, was sie brauchen, um einsatzbereit zu sein und die erforderlichen Informationen zu erhalten.

Divi-Layoutpakete

Es gibt viele andere Layouts, einschließlich, aber nicht beschränkt auf:

  • Learning Management System
  • Café
  • Farmers Market
  • Yoga oder Fitnessstudio
  • Foto Marktplatz
  • Copywriter
  • Blumenhändler
  • Web Agency
  • Innenarchitekturunternehmen
  • Geschäft mit digitalen Zahlungen
  • Keramik- und Bastelstudio
  • SEO Agentur
  • Unternehmensberatung
  • Designkonferenz
  • Lebensmittelrezepte
  • Anwaltskanzlei
  • Autor
  • etc., usw.

Mit der Zeit fügt ET seiner Bibliothek immer mehr Layouts hinzu, um bestimmten Nischen gerecht zu werden. Selbst wenn Ihre spezifische Branche momentan nicht berücksichtigt wurde, können Sie auf jeden Fall eines der vorhandenen Layouts anpassen und an Ihre Bedürfnisse anpassen.

Sehen Sie sich jetzt alle Layouts an

Beaver Builder Page Templates

Beaver Builder kommt auch mit vielen professionell gestalteten Vorlagen. Beim Erstellen eines neuen Beitrags werden Sie aufgefordert, eine Vorlage auszuwählen.

Es ist auch möglich, die aktuelle Vorlage zu ändern, indem Sie auf die Schaltfläche „Vorlagen“ klicken.

Biber-Vorlagen

Es gibt drei Arten von Layouts:

  • Landing Pages
  • Inhaltsseiten
  • Mikroseiten

Landing Pages Dazu gehören Vorlagen für physische Produkte, Apps, Profis, Restaurants, Technologie, Mode, Fotografie, Mobil, Musik, Automobil usw.

Inhaltsseiten enthalten Vorlagen für die erforderlichen Website-Seiten wie „Über uns“, „Services“, „Portfolio“, „Team“, „Kontakt“, „FAQ“, „Blog“ usw. Die meisten dieser Vorlagen sind in verschiedenen Stilen verfügbar.

Mikroseiten sind kleine Seiten, die eigenständig funktionieren oder in eine andere Seite eingebettet werden können.

Da die Vorlagen mit einem Bild versehen sind, können Sie ganz einfach die beste für Ihre Anforderungen auswählen.

Lassen Sie uns einen etwas genaueren Blick darauf werfen, was Ihnen als Kunde von zur Verfügung steht Beaver Builder.

Landing Pages

Beaver Builder hat mehrere Zielseitenvorlagen entworfen, die sofort verwendet werden können. Darunter finden wir:

  • Vorlage für kleine Unternehmen - Basierend auf der Probiz-Vorlage können Sie so schnell eine Präsenz für ein kleines Unternehmen erstellen.
  • Fitness, Fitnessstudio oder sportliche Vorlage - Fitness und Sport sind immer eine heiße Nische und die Vorlage Body Factory wurde speziell für Kunden in dieser Branche entwickelt. Yoga, Fitness oder jede andere Fitnessbranche funktionieren gut damit.
  • Magazin, Blogger, Mode-Blogger-Vorlage - Die Fashion Freaks-Vorlage ist eine weitere heiß begehrte Branche und genau das Richtige für ein High-End-Design, das Klasse, Raffinesse und Luxus schreit.
  • Anwalt, Anwaltskanzlei Vorlage - Eine weitere heiße Nische: Anwälte und Anwaltskanzleien sind lukrative Mandanten, die eine Präsenz fordern, die hochbezahlte Mandanten konvertieren kann. Die professionelle Webpräsenz kann problemlos an andere praxisorientierte Branchen angepasst werden.
    Wir werden den Rest der Vorlagen nur kurz erwähnen
    Biber-Landingpage
  • Fotografie Portfolio Vorlage
  • DJ / Musiker / Band Vorlage
  • Restaurant / Cafe Vorlage
  • Vollbild-Layoutvorlage
  • Kreative Vorlage für eine Webagentur
  • eBook-Vorlage
  • Bildungs- oder Universitätsvorlage
  • Auto / Automobil Vorlage
  • Mobile App Vorlage
  • Allgemeine Geschäftsvorlage
  • Bauvorlage
  • In Kürze Vorlage

Wir empfehlen Ihnen dringend, sich die Demos anzusehen, die mit jeder dieser Vorlagen verfügbar sind, um zu sehen, wie einfach es ist, mit diesen Vorlagen zu beginnen.

Inhaltsseiten

Obwohl Vorlagen für vollständige Websites fantastisch sind, möchten wir manchmal bestimmte Seiten noch optimieren oder erstellen. Aus diesem Grund, Beaver Builder hat auch viele Inhaltsseiten, die entworfen und gebrauchsfertig sind.

Beaver-Inhaltsseiten

Hier sind einige der Seiten, die zur Verwendung verfügbar sind:

  • Über uns (mehrere Versionen)
  • Unsere Leistungen 
  • Fotoportfolio
  • Design-Portfolio
  • Unser Team (mehrere Versionen)
  • Kontakt (mehrere Versionen)
  • Preisgestaltung (mehrere Versionen)
  • Blog (mehrere Versionen)

Natürlich erwarten wir nur, dass diese mit der Zeit wachsen.

Mikroseiten bieten Abschnitte einer Seite oder minimalistische Seiten, falls Sie sie jemals brauchen sollten.

Biber-Mikroseiten

Klicken Sie auf den Link unten, um direkt zur Vorlagenseite zu gelangen. 

Auschecken Beaver Builder Template

Beaver Builder vs Divi - Page Builder-Einstellungen

Jetzt haben Sie eine Vorstellung davon, welche Module und Vorlagen jeder Seitenersteller anbietet. Lassen Sie uns etwas tiefer in die Einstellungen eintauchen.

Divi Builder Einstellungen

Das Einrichten dieses Plugins ist sehr einfach.

Sobald Sie das Plugin installiert und aktiviert haben, gehen Sie zu Plugin-OptionenGeben Sie im Abschnitt "Updates" Ihren Benutzernamen und Ihren API-Schlüssel an, um automatische Updates zu erhalten.

Divi-Taste

Hier sehen Sie zusätzliche Einstellungen wie API-Einstellungen, Post Type Integration und Advanced.

Die API-Einstellungen enthalten Optionen für die Integration von Google Fonts und Google Maps.

Unter Post Type Integration können Sie aktivieren oder deaktivieren Divi builder bei bestimmten Beitragstypen.

Auf der Registerkarte Erweitert finden Sie Optionen für die Minimierung, den statischen CSS-Dateigenerator usw. sowie die Optionen zum Aktivieren des klassischen WordPress-Editors und des klassischen Divi-Back-End-Builders.

Das neueste Element hier ist die Seite "Theme Builder".

Hier finden Sie die von Ihnen erstellten oder importierten Theme Builder-Vorlagen sowie Optionen zum Importieren und Exportieren, zum Anzeigen des Bearbeitungsverlaufs des Theme Builder und vieles mehr. Wir werden diese neue Funktion später in diesem Artikel ausführlicher behandeln.

Eine Liste aller benutzerdefinierten Layouts finden Sie in der Divi-Bibliothek Seite. Es gibt separate Schaltflächen zum Verwalten der Layoutkategorie und zum Importieren oder Exportieren der Layouts. Gehe zu Divi Rolleneditor um zu definieren, wie viel Zugriff verschiedene Benutzerrollen haben werden.

Schließlich können Sie im Support Center den Status Ihres Systemservers überprüfen. Im Wesentlichen werden einige wichtige Informationen zu Ihrem Server angezeigt.

Wenn es Optionen gibt, die nicht auf bestimmte empfohlene Werte eingestellt sind, werden Sie von Divi hier darüber informiert, damit Sie sie beheben können.

Hier können Sie auch den Remotezugriff konfigurieren, sodass das Support-Team von Elegant Theme direkt auf Ihr Admin-Dashboard zugreifen kann, um eventuelle Fehler zu beheben.

Weitere Elemente sind der abgesicherte Modus und die Protokollierung.

Beaver Builder Einstellungen

Die Einstellungsmöglichkeiten für Beaver Builder befinden sich auf der Seite Einstellungen > Page Builder. Geben Sie Ihren Lizenzschlüssel im Abschnitt Lizenz an, um automatische Updates für das Plugin zu aktivieren.

Unter Module können Sie die Module aktivieren oder deaktivieren. Mit Beitragstypen können Sie definieren, welche Beitragstypen verwendet werden können BeaverBuilder. Unter Vorlagen können Sie entscheiden, welche Vorlagen in der Pagebuilder-Oberfläche verfügbar sein sollen.

beaver builder Einstellungsoptionen

Im Abschnitt Symbole können Sie entscheiden, welche Symbole in der Benutzeroberfläche verfügbar sein sollen.

Die verfügbaren Optionen umfassen

  • SchriftartSuper,
  • Stiftung und
  • Dashicons. 

Dies ist ein Beispiel dafür, wie Beaver Builder ermöglicht es Ihnen, alle Optionen, die Sie benötigen, anzupassen und zu basteln. Wenn Sie mit FontAwesome nicht zufrieden sind, wählen Sie etwas, das Ihnen gefällt.

Sie finden auch separate Abschnitte zum Löschen des Caches, in denen dynamisch generiertes CSS und Javascript entfernt werden.

Schließlich finden Sie eine Option zum Deinstallieren Beaver Builder. Diese Funktionen entfernen alle BB-bezogenen Daten aus Ihrer WordPress-Datenbank – machen Sie also Backups, bevor Sie sie verwenden, und stellen Sie sicher, dass Sie wissen, was Sie tun.

Empfohlene Lektüre: https://www.collectiveray.com/beaver-builder-vs-elementor

Beaver Builder vs Divi - Zusätzliche Funktionen

Welche anderen Extras bieten diese Seitenersteller?

Divi Theme

Das Plugin von Elegant Themes bringt noch viele weitere spannende Features mit. So ermöglicht die PageBuilder Library beispielsweise das Speichern individueller Module und Layouts, um diese später wiederverwenden zu können.

Darüber hinaus ist es auch möglich, diese Elemente zu und von anderen Websites zu importieren oder zu exportieren.

Besondere Erwähnung verdienen auch die überlegenen Layout-Abstandsmöglichkeiten. Diese Optionen machen es viel einfacher, den gewünschten genauen Abstand zwischen den Zeilen, Elementen und Abschnitten anzuwenden.

Sie finden spezielle Optionen zum Definieren des Rands, der Auffüllung sowie des vertikalen und horizontalen Abstands. Es ist auch möglich, die Zeilen- und Spaltenbreiten einzustellen.

Divi Bibliothek

In einigen Fällen müssen Sie möglicherweise dasselbe Modul an mehreren Stellen verwenden. Sie können jedes Modul, jede Zeile oder Spalte einfach kopieren und in andere Beiträge oder Seiten einfügen.

Darüber hinaus können Sie diese als globale Elemente markieren.

Auf diese Weise können Sie die Änderungen an einem einzelnen globalen Element vornehmen, und die Änderungen werden automatisch auch auf die anderen Orte angewendet. 

Divi-Theme-Builder

Eines der größten Updates, das Elegant Themes in den letzten Jahren für Divi veröffentlicht hat, ist der Theme Builder.

Mit dieser Funktion können Sie Ihre gesamte Website erstellen, gestalten und anpassen. Es ist nicht mehr nur ein Seitenersteller, es ist ein vollständiger Themenersteller.

Sie können globale benutzerdefinierte Kopf- und Fußzeilen erstellen oder eine für einzelne Bereiche Ihrer Site definieren.

Sie können auch benutzerdefinierte Body-Vorlagen definieren, mit denen Sie benutzerdefinierte Produktvorlagen, Blogpost-Vorlagen, 404-Seiten, Suchergebnisseiten sowie benutzerdefinierte Archivseiten wie benutzerdefinierte Kategorieseiten, benutzerdefinierte Autorenseiten und mehr erstellen können.

Divi-Theme-Builder

Der Theme Builder erweitert die Leistung des Page Builders auf Ihre gesamte Website.

Wenn Sie eine neue Vorlage erstellen, haben Sie Zugriff auf alle Tools und Funktionen des Seitenerstellers, sodass Sie sie nach Ihren Wünschen erstellen und gestalten können.

Dies bedeutet, dass Sie benutzerdefinierte Designs für Kopf- und Fußzeilen erstellen können, wenn Sie möchten. Um dies zu ergänzen, bietet das Menümodul Verbesserungen wie zusätzliche Layoutoptionen und vollständige Designkontrolle, damit Sie mit einem benutzerdefinierten Menü schöne Kopf- und Fußzeilen erstellen können.

Mit den neuen benutzerdefinierten Textvorlagen können Sie alle Beiträge, Produkte oder das Design und die Struktur Ihrer Seite gleichzeitig ändern.

Zuvor mussten Sie zu jedem Beitrag, Produkt oder jeder Seite gehen und sie mit dem Seitenersteller bearbeiten, um Änderungen vorzunehmen. Jetzt müssen Sie nur noch eine Vorlage definieren, sie auf die entsprechenden Bereiche Ihrer Website anwenden und fertig.

Sie können sogar WooCommerce-Module verwenden, um benutzerdefinierte Produktvorlagen für Ihren Online-Shop zu erstellen. Es gibt auch dynamische Inhaltsmodule, die mit einer aktualisierten Post-Loop und Filteroptionen ausgestattet sind, mit denen Sie benutzerdefinierte Archivseiten erstellen können.

Natürlich haben Sie auch die volle Möglichkeit zu steuern, wo und wie Ihre Vorlage angewendet wird. Sie können bestimmte Elemente einfach über Kontrollkästchen in eine Vorlage ein- oder ausschließen, wie unten dargestellt:

bedingte Logik

Ab Version 4.0 ist Divi kein Seitenersteller mehr, sondern ein Themenersteller.

Erhalten Sie bis September 10 2024 % Rabatt auf Divi

PS. Das obige Angebot ist nur über den obigen Link verfügbar von CollectiveRay

Beaver Builder

Auf der anderen Seite, Beaver Builder hat auch einige Tricks im Ärmel.

Zunächst einmal ist die Live-Frontend-Bearbeitung beeindruckend. Es bietet eine intuitive Erfahrung, bei der Sie die Seite bearbeiten und ohne Rätselraten die genaue Ausgabe erhalten können.

Außerdem können Sie die standardmäßigen WordPress-Widgets und benutzerdefinierte Widgets in Ihren Layouts verwenden.

Beaver Builder WordPress-Widgets

Der Editor-Modus ist praktisch, wenn Sie ein Projekt an den Client senden. In diesem Modus können Sie die Fähigkeiten des Kunden einschränken, um sicherzustellen, dass er keine unerwünschten Änderungen am Kernlayout vornimmt.

Ein weiteres wichtiges Merkmal von Beaver Builder ist, dass der Seiteninhalt auch nach Deaktivierung des Plugins erhalten bleibt.

Sie verlieren die Stile, aber auf der Seite wird weiterhin der Inhalt angezeigt. Im Gegensatz dazu hinterlassen die meisten anderen Seitenersteller beim Deaktivieren dieses Plugins eine Reihe von Shortcodes.

besuchen BeaverBuilder Website

Beaver Builder vs. Divi – Vor- und Nachteile

Jedes Produkt, egal wie gut gestaltet oder wie ausgereift, wird Stärken und Schwächen haben. Diese beiden Seitenersteller unterscheiden sich nicht.

Divi Theme

Vorteile

  1. Eine sehr leistungsstarke Lösung zum Erstellen von Layouts aller Art.
  2. Neue Leistungsupdates machen Divi schneller denn je,
  3. Attraktive Preise mit Zugriff auf viele andere WordPress-Themes und Plugins - der Kauf ist ein Kinderspiel und bietet ein hervorragendes Preis-Leistungs-Verhältnis
  4. Viele großartige Designs mit vielen Anpassungsoptionen,
  5. Leistungsstarker Theme Builder,
  6. Umfangreiche Dokumentation und großartige, reaktionsschnelle Unterstützung

Nachteile

  1. Nehmen Sie sich etwas Zeit, um sich daran zu gewöhnen,
  2. Der Frontend-Editor braucht einige Zeit zum Laden und das Hinzufügen von Modulen zu Seiten ist viel langsamer als Beaver Builder
  3. Sie sind auf die von ET verfügbaren und entwickelten Module beschränkt (obwohl Version 3.1 jetzt eine Entwickler-API unterstützt, was bedeutet, dass Entwickler beginnen, ihre Plugins in diese zu integrieren).
  4. Die zur Datenbank hinzugefügten Daten können nicht entfernt werden, was das Entfernen vom Divi-Thema zu einem Problem macht

Beaver Builder

Vorteile

  1. Eine einfache Benutzeroberfläche,
  2. Der Inhalt bleibt auch nach Deaktivierung des Plugins erhalten.
  3. Einzigartiger Editor-Modus für Kunden,
  4. Sie können damit WordPress-Widgets in den Layouts verwenden.
  5. Schnelle, schnelle und reaktionsschnelle Benutzeroberfläche mit leicht verständlicher Benutzeroberfläche
  6. Große Auswahl an professionellen Vorlagen, die Ihnen den Einstieg in Ihr Design erleichtern
  7. Unterstützt native WordPress-Widgets, sodass Sie alles verwenden können

Nachteile

  1. Teurer als die anderen WordPress-Seitenersteller

Divi vs. Beaver Builder - Preisgestaltung

Beide Beaver Builder und Divi sind GPL-freundlich, was bedeutet, dass Sie sie auf so vielen Websites verwenden können, wie Sie möchten. Produkte, damit Sie sie auf beliebig vielen Websites verwenden können.

Es gibt drei verschiedene Pläne, für die Sie sich entscheiden können Beaver Builder von 99 $ bis hin zu 546 $. Jeder Plan gibt Ihnen vollen Zugriff auf die Beaver Builder Plugin und alle Module und Vorlagen, wobei die höheren Stufen Ihnen einige erweiterte Funktionen wie Multisite, White Labeling und Themer bieten.

Mit Divi haben Sie nur zwei Optionen pro Jahr zu einem Standardpreis von 89 USD, für den ein jährlicher Kauf erforderlich ist, oder die lebenslange Option für 249 USD. Beide haben genau den gleichen Zugriff, aber natürlich verlieren Sie im Laufe des Jahres den Zugriff auf Support und Upgrades.

Lassen Sie uns einen detaillierteren Blick darauf werfen. 

Divi Builder

Divi Builder gebühr

Sie müssen Mitglied von Elegant Themes sein, um deren Plugins verwenden zu können – der Zugriff erfolgt zu den unten aufgeführten Preisen. 

Es sind zwei Pläne verfügbar – jährlicher Zugriff und lebenslanger Zugriff.

Der Jahreszugangsplan kostet 89 $ pro Jahr. Mit lebenslangem Zugriff können Sie all diese Vorteile für eine einmalige Zahlung von 249 $ genießen.

Glücklicherweise es gibt ein EXKLUSIV zu CollectiveRay 10% RABATT Angebot läuft gerade Holen Sie sich noch heute ein Schnäppchen. Wenn Sie schon dabei sind, können Sie sich angesichts dieses zeitlich begrenzten Rabatts auch den Lifetime Access sichern!

Beide Pläne bieten unbegrenzten Zugriff auf alle von . entwickelten Themes und Plugins ElegantThemes.

Sie erhalten zeitnahe Updates, Premium-Support und eine 30-tägige Geld-zurück-Garantie.

Erhalten Sie bis September 10 2024 % Rabatt auf Divi

 

Beaver Builder

Beaver Builder gebühr

Beaver Builder bietet vier Preispläne. Der Standardplan kostet 99 US-Dollar und ermöglicht Ihnen die Verwendung des Plugins auf einer Website, ein Jahr Support und Zugriff auf Premium-Module und -Vorlagen.

Pro kostet 199 US-Dollar und beinhaltet alle Vorteile des Standardplans sowie das Thema und die Multisite-Kompatibilität.

Agency kostet 399 US-Dollar und bietet alle Funktionen von Pro sowie die vollständige White-Labeling-Berechtigung.

Ultimate kostet 546 US-Dollar pro Jahr und fügt Assistant Pro hinzu, eine Cloud-basierte Speicheroption für Designs und Assets.

Kaufen BeaverBuilder

Beaver Builder vs Divi - Häufig gestellte Fragen

Is Beaver Builder schneller als Divi?

Beaver Builder ist nicht mehr schneller als Divi. Früher hat es den Editor schneller geladen und ist schneller zu bedienen und zu lernen. Ein neues Leistungsupdate von Divi hat jedoch die Funktionsweise verändert. Es ist jetzt eines der schnellsten WordPress-Themes, die Sie kaufen können.

Was ist besser - Divi oder Elementor?

Divi ist besser als Elementor für einige Dinge, während Elementor in anderen stärker ist. Divi ist besser für den Zugriff auf Plugins und Funktionen, seinen Agenturplan und die Leistungsfähigkeit des Seitenerstellers. Elementor ist besser dafür geeignet, kostenlos zu sein, Premium-Optionen zu haben und sehr einfach in den Griff zu bekommen.

Ist Elementor der beste Seitenersteller?

Elementor der beste Seitenersteller, wenn Sie einen kostenlosen zugänglichen Seitenersteller wünschen. Wenn Sie nach einem leistungsstarken, eigenständigen Builder suchen, mit dem Sie eine oder zwei Websites erstellen können, können Sie einfach nicht besser werden als Elementor. Es ist schnell, kostenlos und einfach zu bedienen. Was könntest du mehr brauchen?

Is Beaver Builder gut für SEO?

Ja, Beaver Builder verfügt über alle Funktionen, die zur Steuerung der Suchmaschinenoptimierung Ihrer Website erforderlich sind, einschließlich Schnelligkeit, Kontrolle über Kopfzeilen und Titel-Tags und andere erforderliche Funktionen. 

Welchen Page Builder sollten Sie wählen?

Nun kommen wir zu dem (schwierigen) Teil, wo wir zwischen diesen Pagebuildern wählen müssen.

Wie Sie bemerkt haben, bieten beide Plugins ein hervorragendes Preis-Leistungs-Verhältnis. Sie bieten eine hervorragende Benutzeroberfläche und erleichtern Ihnen das Erstellen benutzerdefinierter Layouts erheblich.

Da beide Plugins ihre Anwendungsfälle haben, müssen Sie herausfinden, welches Ihren Anforderungen am besten entspricht. Lass mich dir damit helfen -

  • Wählen Divi wenn Sie die vollständige Kontrolle über das Layout wünschen. Sobald Sie sich an die verfügbaren Optionen gewöhnt haben, ist es ein sehr leistungsfähiges Tool, mit dem Sie jede Art von Layout erstellen können, die Sie möchten.
    Endergebnis: 5 von 5.
  • Geh mit Beaver Builder wenn Sie schnell loslegen möchten. Da dieser Pagebuilder keine Shortcodes verwendet, können Sie das aktuelle Design einfach verschrotten und mit wenigen Mausklicks ein neues ausprobieren.
     Endergebnis: 4.5 von 5

Wenn Sie nach anderen Optionen suchen, sollten Sie diese auch ausprobieren Visual Composer or Elementor Pro, die wir beide auf dieser Seite separat behandelt haben. Sowohl Elementor als auch Visual Composer spielen eine wichtige Rolle in der Nische des Seitenerstellers.

Letzte Worte: Beaver Builder gegen Divi

Divi und Beaver Builder sind derzeit zwei der beliebtesten Pagebuilder-Plugins. Sofern Sie nicht beide Plugins ausgiebig genutzt haben, ist es wirklich schwierig, sich für eines von beiden zu entscheiden. Dieser Vergleichsbeitrag soll Ihnen bei der Entscheidung helfen.

Wir glauben, dass Elegant Themes Ihnen insgesamt mehr Wert bietet, da Sie Zugriff auf eine Menge WordPress-Themes und -Plugins erhalten, aber BB ist auch eine gute Wahl. Außerdem hat das neue Leistungsupgrade, das sie eingeführt haben, das Spiel wirklich verändert. Es ist wirklich schwer, sich zu entscheiden Beaver Builder jetzt über Divi.

Erhalten Sie bis September 10 2024 % Rabatt auf Divi

Kaufen BeaverBuilder

Also, welches hast du gewählt? Lass es uns in den Kommentaren unten wissen. 

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

Eine Sache noch... Wussten Sie, dass Leute, die nützliche Dinge wie diesen Beitrag teilen, auch FANTASTISCH aussehen? ;-);
Bitte kontaktieren Sie uns, wenn Sie Probleme im Zusammenhang mit dieser Website haben oder lass a nützlich Kommentieren Sie mit Ihren Gedanken und teilen Sie dies dann Ihren Facebook-Gruppen mit, die dies nützlich finden würden, und lassen Sie uns gemeinsam die Vorteile nutzen. Vielen Dank für das Teilen und nett zu sein!

Disclosure: Diese Seite enthält möglicherweise Links zu externen Websites für Produkte, die wir lieben und von ganzem Herzen empfehlen. Wenn Sie Produkte kaufen, die wir vorschlagen, können wir eine Empfehlungsgebühr verdienen. Solche Gebühren haben keinen Einfluss auf unsere Empfehlungen und wir akzeptieren keine Zahlungen für positive Bewertungen.

Autor (en) Empfohlen am:  Inc Magazin Logo   Sitepoint-Logo   CSS Tricks Logo    Webdesignerdepot-Logo   WPMU DEV Logo   und viele mehr ...