Die besten kostenlosen WordPress Page Builder Plugins im Vergleich 2021

Gutenberg hat einen Inline-Editor, der sich natürlich anfühlt. Außerdem können Sie langen Text mit einfacher Formatierung in den Visual Builder einfügen. Gutenberg ist in der Lage, die Absätze, Überschriften und Listen automatisch zu erstellen. Sie müssen vorher kein Element erstellen. Sehr praktisch.

Verfügbare Elemente

Gutenberg nennt seine Elemente Blöcke. Das Hinzufügen eines neuen Blocks ist super einfach und es gibt noch mehr Möglichkeiten, dies zu tun. Erstens gibt es einen im oberen linken Teil der festen Symbolleiste. Zusätzlich findest du direkt unter jedem Block, den du hinzugefügt hast, ein Plus-Symbol.

Styling-Optionen

Gutenberg bietet minimale Gestaltungsmöglichkeiten für die Elemente. Sie können die Schriftgröße, Farbe und Hintergrundfarbe anpassen. Aber abgesehen davon gibt es nicht viele Optionen, die Sie optimieren können. Nichtsdestotrotz sind sie nützlich und schön zu haben, aber es wäre großartig, wenn mehr verfügbar wären. Ich hätte zum Beispiel gerne die Schriftfamilie der von mir hinzugefügten Inhalte anpassen können. Leider bietet Gutenberg dazu keine Möglichkeit, es kann es nur vom Thema erben.

Vorlagen

Gutenberg bietet eine Auswahl an Blockvorlagen auf der Registerkarte Muster an. Dies sind einfache, aber großartig aussehende Layouts , die Ihnen einen Vorsprung verschaffen können. Die Designs sind einfach und es gibt nicht viel, aus dem Sie wählen können. Nichtsdestotrotz helfen sie Ihnen, Zeit zu sparen, wenn Sie Ihre Seite erstellen.

Abschließende Gedanken zu Gutenberg

Gutenberg ist ein einfaches, aber benutzerfreundliches Tool, das WordPress bietet, um gut aussehende Seiten zu erstellen. Es funktioniert am besten mit einem Thema, das die Hauptarbeit leistet, wenn es darum geht, die Seite zu gestalten. Gepaart mit einem solchen Thema kann Gutenberg jede Konkurrenz schlagen. Wenn Sie es jedoch mit einem minimalen Thema kombinieren, wird es Ihnen wahrscheinlich schwer fallen, die gewünschten Designs zu erstellen.

Elementor – das beliebteste kostenlose Seitenerstellungs-Plugin

Herunterladen

Elementor ist der beliebteste Seitenersteller im Repository von WordPress.org. Tatsächlich ist es eines der beliebtesten WordPress-Plugins . Im Moment hat das Repository nur 7 Plugins, die mehr als 5 Millionen Installationen haben. Und Elementor ist eines dieser super beliebten Plugins. Mit so vielen Benutzern gelang es Elementor, eine beeindruckende 5-Sterne-Bewertung von 5.465 Bewertungen zu halten.

Benutzeroberfläche von Elementor

Elementor bietet einen visuellen Frontend-Editor zum Erstellen von Seiten. Viele Benutzer bevorzugen Frontend-Bearbeitung, weil sie sehen können, wie die Seite aussehen wird, während sie sie bearbeiten. Die Frontend-Bearbeitung spart also Zeit, da zwei Bearbeitungsschritte entfallen. Sie müssen nicht jedes Mal speichern und aktualisieren, wenn Sie einen Blick auf die Seite werfen möchten, an der Sie gerade arbeiten. Darüber hinaus können Sie Textebenen inline bearbeiten, was eine großartige Ergänzung ist.

Der Editor ist in zwei Hauptbereiche unterteilt. Zunächst gibt es auf der linken Seite das Elementor-Bedienfeld, in dem Sie die Konfigurationsoptionen finden. Hier können Sie beispielsweise Ihre Seite benennen. Dann gibt es noch den breiteren Bereich, der eigentliche Bearbeitungsbildschirm. Dies ist der Ort, an den Sie Widgets aus dem linken Bereich ziehen und sehen können, was Sie erstellt haben.

Das Elementor-Bedienfeld verfügt über ein praktisches Suchfeld, um Widgets schnell zu finden . Dies beschleunigt den Arbeitsablauf, da Sie das gewünschte Widget nicht suchen müssen. Möglicherweise müssen Sie jedoch mit den Elementen ein wenig vertraut sein, um sie effektiv zu verwenden.

Verfügbare Elemente

Seitenersteller müssen mindestens die grundlegendsten Elemente bereitstellen, um in eine moderne Website zu passen. Da Elementor eines der besten kostenlosen WordPress Page Builder Plugins ist, bietet es sie an. Sie können Überschriften erstellen, Text, Bilder und Schaltflächen hinzufügen. Darüber hinaus stehen Ihnen weitere praktische Widgets zur Verfügung. Zum Beispiel das Bilderkarussell, der Zähler, der Fortschrittsbalken oder die Registerkarten, die Ihnen zur Verfügung stehen. Elementor bietet also nicht nur die grundlegendsten Widgets, sondern noch viel mehr.

Es gibt eine riesige Liste von Widgets, aus denen Sie auswählen können, um Ihre erstaunlich aussehende Elementor-Seite zu erstellen. Diese Elemente werden Ihnen dabei helfen, langfristig schöne Seiten für Ihre Website zu erstellen. Wenn Sie weitere Widgets benötigen, gibt es außerdem viele Plugins, die diese anbieten. Darüber hinaus gibt es viele dieser Plugins, die kostenlos erhältlich sind.

Styling-Optionen

Haben Sie Elementor zum ersten Mal auf Ihrer Website installiert? Ich empfehle , zuerst die Typografien einzurichten . Sie finden sie im Einstellungsbereich des Elementor-Editors > Hamburger-Menü > Website-Einstellungen. Danach können Sie diese bei jedem hinzugefügten Widget auswählen, um Ihren Arbeitsablauf zu beschleunigen.

Es gibt viele Optionen, mit denen Sie jedes Element nach Herzenslust gestalten können. Obwohl es viele Einstellungen gibt, sind sie leicht zu verstehen . Selbst wenn Sie sich nicht sicher sind, was eine Option bewirkt, können Sie sie getrost ausprobieren und die Änderung rückgängig machen, wenn Sie sie nicht möchten. Obwohl es viele Styling-Optionen gibt, gab es ein paar Dinge, die ich vermisst habe. Beispielsweise kann die Zeilenhöhe nur ein Pixel- oder em-Wert sein. Ich hätte es gerne einfach auf 1,5 gesetzt, aber ich konnte nicht. Die benutzerdefinierte CSS-Option wäre eine Problemumgehung dafür gewesen. Diese Option ist jedoch nur in Elementor Pro verfügbar.

Vorlagen

Elementor bietet eine riesige Vorlagenbibliothek , aber zuerst müssen Sie ein kostenloses Konto bei ihnen erstellen . Danach haben Sie Zugriff auf eine Reihe toll aussehender Designs. Sie können ganze Seiten importieren, die Sie dann nach Herzenslust anpassen können. Oder Sie importieren separate Blöcke und bauen die Seite Stück für Stück zusammen.

Es gibt eine unglaubliche Menge an schönen Designs, aus denen Sie wählen können . Es kann zeitaufwändig sein, sich alle verfügbaren Vorlagen anzusehen. Glücklicherweise gibt es eine Suchoption, mit der Sie versuchen können, Blöcke oder Seiten anhand verwandter Schlüsselwörter zu finden. Zusätzlich gibt es auf der rechten Seite der Blockvorlagen eine Kategorieauswahl. Wenn Sie nach Kontakt- oder Preisbereichen suchen, können Sie diese dort auswählen und sehen, was verfügbar ist.

Aber es gibt eine Sache, die ich an dem Vorlagen-Popup nicht mag. Es ist die Tatsache, dass Pro-Vorlagen nahtlos mit den kostenlosen gemischt werden . Sie können nicht nur nach Pro oder Free filtern. Infolgedessen können Sie zu viel Zeit damit verbringen, eine Vorlage zu finden, die Ihnen gefällt und die Sie importieren können.

Sie können auch Ihre eigenen Designs als Vorlagen speichern, die Sie später einfach importieren können. Es ist praktisch, wenn Sie auf Ihrer Website gleich aussehende Elemente haben, wie z. B. ein Abonnement oder eine Kontaktsperre.

Abschließende Gedanken zu Elementor

Elementor ist ein außergewöhnlicher Seitenersteller. Die Verwendung ist leicht zu erlernen , obwohl es einige Zeit dauern kann, sie zu beherrschen. In jedem Fall können Sie mit Elementor moderne und gut aussehende Websites erstellen. Dabei spielt es keine Rolle, ob Sie Einsteiger oder Profi sind

Beaver Builder – eines der besten kostenlosen WordPress Page Builder-Plugins

Herunterladen

Beaver Builder ist ein weiteres beliebtes kostenloses WordPress Page Builder-Plugin . Es betreibt über 300.000 Websites und hat eine beeindruckende 5-Sterne-Bewertung auf WordPress.org aus 342 Bewertungen. Viele Leute verwenden und mögen dieses Plugin. Mal sehen, worum es bei dem Hype geht!

Die Benutzeroberfläche von Beaver Builder

Sie können Beaver Builder verwenden, um Seiten für Ihre Website auf zwei Arten zu erstellen. Die erste Möglichkeit besteht darin, das schwebende Inhaltsfenster zu verwenden, das Sie an eine beliebige Stelle ziehen können. Die zweite Möglichkeit besteht darin, das Inhaltsfenster auf die linke oder rechte Seite des Browsers zu kleben. Als Ergebnis können Sie die Elemente auf der linken Seite hinzufügen und konfigurieren und das Ergebnis auf der rechten Seite sehen.

Beaver Builder bietet eine Inline-Bearbeitung , die sehr bequem zu bedienen ist. Es ist leicht herauszufinden, wie man neue Elemente hinzufügt, und ihre Konfiguration ist genauso mühelos. Wenn Sie jedoch ein neues Element hinzufügen, wird ein Ladesymbol in dem Bereich angezeigt, in dem Sie es ablegen. Obwohl es nur ein paar Sekunden dauert, fand ich es irritierend. Außerdem hatte ich das Gefühl, dass es den Bearbeitungsprozess unterbricht. Auch das Drag'n'Drop der Module erzeugte teilweise interessante Bewegungen.

Verfügbare Elemente

Beaver Builder bietet das Nötigste an Elementen oder Modulen, wie sie sie nennen. Es sind nur 5 verfügbar: Audio, HTML, Foto, Texteditor und Video. Darüber hinaus können Sie Zeilen erstellen, in denen Inhalte platziert werden. Die WordPress-Widgets stehen auch bei Beaver Builder zur Auswahl. Dies gibt etwas mehr Werkzeuge zum Arbeiten. Dennoch hat dieses kostenlose WordPress Page Builder-Plugin nur sehr wenige Elemente zu bieten.

Sie können den Texteditor verwenden, um Überschriften zu erstellen, damit Sie Ihre Inhalte richtig strukturieren können. Frustrierender ist, dass es zumindest in der Lite-Version kein Tastenmodul gibt . Das ist schade, denn CTA spielt eine wichtige Rolle bei der Konversion einer Website. Wenn Sie über Programmierkenntnisse verfügen, können Sie natürlich Schaltflächen mit den HTML- oder Text-Editor-Modulen erstellen. Aber seien wir ehrlich: Wenn Sie Code für eine Schaltfläche schreiben wollten, hätten Sie keinen Seitenersteller verwendet.

Styling-Optionen

Beaver Builder scheint zu erwarten, dass das Styling am Ende des Themas erfolgt. Standardmäßig erbt es das Layout, das das Thema schön festlegt . Wenn Sie ein benutzerdefiniertes Layout erstellen möchten, können Sie dazu die Optionen von Beaver Builder verwenden. Es gibt jedoch kein globales oder Seitenebenen-Design. An den Zeilen oder Spalten können Sie nur Textfarben einstellen, aber keine schriftspezifischen Optionen, wie Größe oder Familie.

Vorlagen

Viele WordPress-Plugins bieten schnellen Zugriff auf einige Vorlagen, die Benutzer verwenden können, um sich einen Vorsprung zu verschaffen. Es ist nützlich für diejenigen, die neu im Plugin sind oder nicht viel Designwissen haben oder wenig Zeit haben. In Beaver Builder sind Vorlagen nur nach dem Kauf eines kostenpflichtigen Plans verfügbar . Daher können Benutzer des kostenlosen Plugins keine Vorlagen importieren.

Abschließende Gedanken zu Beaver Builder

Beaver Builder ist ein nettes und einfach zu bedienendes kostenloses WordPress Page Builder Plugin. Es scheint jedoch eher für Entwickler als für durchschnittliche WordPress-Benutzer gedacht zu sein. In der kostenlosen Version ist es nicht möglich, einen Hero-Header zu erstellen, da es keine Option zum Erstellen eines Buttons gibt. Es sei denn, Sie codieren die Schaltfläche selbst, und ich denke nicht, dass das von einem Visual Builder im Jahr 2020 akzeptabel ist.

Brizy – innovatives kostenloses Seitenerstellungs-Plugin

Herunterladen

Brizy ist ein relativ neues Plugin , das im April 2018 veröffentlicht wurde. Der Markt für Page Builder-Plugins ist voll von großen Fischen wie Elementor oder Beaver Builder. Auf der kostenpflichtigen Front gibt es Plugins wie Divi oder Visual Composer. Neue Plugins müssen also etwas mehr bieten, etwas Neues, um Benutzer anziehen zu können. Und das ist keine leichte Aufgabe.

Dennoch ist es Brizy gelungen, in nur zwei Jahren das Vertrauen von mehr als 60.000 Menschen zu gewinnen. Darüber hinaus verspricht es, eine neue und intuitive Art der visuellen Seitenerstellung anzubieten. Das macht mich neugierig, ob dieser kostenlose WordPress-Seitenersteller sein Versprechen halten kann.

Schnittstelle von Brizy

Wie die anderen Seitenersteller verfügt auch Brizy über einen visuellen Frontend-Editor . Es hat ein schmales Feld auf der linken Seite des Browserfensters. Hier können Sie neue Elemente hinzufügen, die Reihenfolge der hinzugefügten Blöcke anpassen oder das Styling festlegen. Die große rechte Seite dient zum Platzieren des Inhalts. Daher bietet die Benutzeroberfläche viel Platz, um die von Ihnen erstellten Inhalte zu sehen.

Brizy verfügt standardmäßig über eine Inline-Textbearbeitung , die sehr bequem zu verwenden ist. Tatsächlich fühlt sich Brizys Lösung so natürlich an wie die von Gutenberg. Und das ist eine große Leistung. Ich habe Elementor getestet, das auch über eine Inline-Bearbeitung verfügt, aber es fühlt sich nicht so nahtlos an.

Verfügbare Elemente

Brizy bietet eine Handvoll Elemente zum Erstellen von Inhalten. Mit dem Textbaustein können Sie Überschriften oder Absätze erstellen oder Ihrer Seite einen Button hinzufügen . Sie können auch Bilder, Symbole oder Videos hinzufügen. Es gibt coole Extras, wie den Zähler oder Google-Map-Elemente. Zusammenfassend hat Brizy alle Elemente, die Sie zum Erstellen einer inhaltsreichen Website benötigen.

Styling-Optionen

Bevor Sie mit der Erstellung Ihrer Seiten mit Brizy beginnen, stellen Sie sicher, dass Sie zuerst Farben und Textstile eingerichtet haben . Dadurch wird das Bearbeitungserlebnis schneller. In den Texteinstellungen finden Sie die wichtigsten Optionen. Sie können Schriftgröße, Familie, Gewicht, Zeilenhöhe und Buchstabenabstand einstellen. Weitere Optionen, wie die Textausrichtung, stehen beim Textelement zur Verfügung.

Vorlagen

Die Seitenerstellung in Brizy beginnt mit dem Hinzufügen eines neuen Blocks. Zuerst müssen Sie wählen, ob Sie mit einer Vorlage beginnen oder einen leeren Block erstellen möchten. Falls Sie sich entschieden haben, mit einem leeren Block hinzuzufügen, können Sie Ihren Inhalt von Grund auf neu erstellen. Aber selbst wenn Sie mit einer Vorlage beginnen, können Sie alles optimieren, was Sie wollen.

Es gibt insgesamt 502 Blöcke, aus denen Sie auswählen können, und Sie können sie verwenden, um Ihre Seite Stück für Stück aufzubauen. Außerdem stehen 41 ganzseitige Layouts zum Import bereit. Der einzige Nachteil ist, dass Pro- und kostenlose Vorlagen völlig gemischt sind . Daher kann es einige Zeit dauern, bis Sie herausgefunden haben, was Sie in den kostenlosen Seitenersteller importieren können.

Abschließende Gedanken zu Brizy

Brizy ist einfach zu bedienen, unabhängig davon, ob Sie über Entwicklerkenntnisse verfügen oder nicht. Darüber hinaus fühlt sich die Inline-Bearbeitung wie ein Kinderspiel an und ist sehr einfach zu gewöhnen. Natürlich gibt es viel Raum für Verbesserungen. Zum Beispiel hätte ich gerne mehr Styling-Optionen. Trotzdem habe ich das Gefühl, dass Brizy etwas Einzigartiges geschaffen hat.

Geschwindigkeit der besten kostenlosen WordPress-Seitenersteller im Vergleich

Es gibt drei Schlüsselfaktoren für die Erstellung einer erfolgreichen Website . Diese sind: eine gute Kopie, ein auffälliges Design und eine schnelle Ladezeit. Die meisten Plugins, die Sie Ihrer Website hinzufügen, wirken sich auf die Geschwindigkeit Ihrer Website aus. Sie müssen also sorgfältig auswählen, was Sie installieren.

Wenn Sie einen Seitenersteller für Ihre Website auswählen , müssen Sie berücksichtigen, wie stark er sich auf die Ladezeit Ihrer Seite auswirkt . Ein ressourcenintensives Plugin wirkt sich negativ auf die Geschwindigkeit Ihrer Website aus. Und Sie haben Ihre Inhalte noch nicht einmal hinzugefügt.

Um Ihnen zu helfen, das beste kostenlose WordPress-Plug-in zum Erstellen von Seiten zu finden, vergleiche ich ihre Ladegeschwindigkeit . Mit anderen Worten, ich überprüfe, wie schnell die Seite, die Sie mit diesen Plugins erstellen, geladen wird. Außerdem werde ich testen, wie viel Gewicht sie der Seitengeschwindigkeit hinzufügen und wie viele Anfragen sie stellen.

Testumgebung

Ich wollte den Geschwindigkeitstest auf einer Seite mit dem gleichen Inhalt durchführen. Also habe ich das Layout der Healthcare-Vorlage in jedem Seitenersteller erstellt. Ich führe den Test mit dem Hello Elementor-Design durch. Als ich die Tests durchführte, war außer dem, den ich testete, kein anderer gleichzeitig aktiv. Alle Bilder und Schriftarten waren in jedem Builder gleich. Außerdem habe ich vor jedem Speedtest den Cache geleert.

Zuerst habe ich den Geschwindigkeitstest auf der WordPress-Beispielseite durchgeführt, um Ihnen eine Vorstellung von der Geschwindigkeit des Hello Elementor-Designs zu geben. Die für die Tests verwendete Internetgeschwindigkeit betrug 10 Mb/s.

Ergebnisse des Geschwindigkeitstests

Gutenberg ist hier ein offensichtlicher Gewinner. Es lädt schneller als alle seine Konkurrenten, wiegt weniger und stellt weniger Anfragen. Natürlich ist es in Bezug auf das Styling viel eingeschränkter als alle anderen Plugins in diesem Artikel. Allein aufgrund seiner Geschwindigkeit ist Gutenberg also das beste kostenlose WordPress-Seitenerstellungs- Plugin.

Aber wir sollten tiefer schauen als die Seitengeschwindigkeit. Berücksichtigen Sie auch die Gestaltungsmöglichkeiten und verfügbaren Elemente. In diesem Fall wird Gutenberg seinen ersten Platz nicht behalten. In Anbetracht dessen ist das beste kostenlose WordPress Page Builder-Plugin entweder Elementor oder Brizy . Elementor lädt langsamer, wiegt aber weniger. Brizy hingegen ist schneller, aber schwerer. Wenn Sie also einen guten Seitenersteller für Ihre Website benötigen, empfehle ich, Elementor oder Brizy auszuprobieren.

Welches ist das beste kostenlose WordPress Page Builder Plugin?

Wenn Sie sich immer noch nicht entschieden haben, welches Plugin Sie auswählen sollen, sehen Sie hier, wie sich die Punktzahlen stapeln (in der Reihenfolge):

Basierend auf diesen Ergebnissen ist Elementor der beste kostenlose WordPress-Seitenersteller . Aber es wird dicht gefolgt von Brizy . Wenn Sie ein neues Projekt starten, empfehle ich Ihnen, diese zuerst zu überprüfen. Aber es ist auch eine Überlegung wert, ob Gutenberg ausreichen würde.

Preisgestaltung

Wie bereits erwähnt, wollte ich mir die kostenpflichtige Version der besten kostenlosen WordPress Page Builder Plugins ansehen. Vielleicht möchten Sie später zum Profi wechseln, auch wenn Sie jetzt mit dem Plugin zufrieden sind. Oder Sie aktualisieren, weil Sie die Entwickler des Plugins unterstützen möchten.

Da Gutenberg Teil des WordPress-Kerns ist, gibt es keinen Premium-Plan , auf den Sie upgraden könnten. Aber wenn Sie mehr Blöcke oder Vorlagen benötigen, finden Sie eine Reihe kostenloser oder Premium-Plugins, die Ihnen dabei helfen.

Es gibt jedoch eine Premium-Version von Elementor, Brizy und Beaver Builder. Sie können aus den folgenden Preisoptionen wählen:

Was bekommst du mehr, wenn du das Premium-Plugin kaufst?

• Elementor: Sie erhalten 50 weitere Widgets zum Erstellen. Außerdem über 300 weitere Vorlagen und über 10 vollständige Website-Kits. Das Theme, WooCommerce und der Popup Builder sind auch in einem der kostenpflichtigen Pläne verfügbar.
• Beaver Builder: Jedes Beaver Builder-Paket ist anders. Im günstigsten Plan erhalten Sie Premium-Module und -Vorlagen sowie professionellen Support. Zusätzlich erhalten Sie im mittleren Paket den Beaver Themer und Multisite-Kompatibilität. Darüber hinaus bietet das höchste Paket White Labeling.
• Brizy : Die Pro-Version von Brizy gibt Ihnen Zugriff auf über 250 Premium-Designs. Sie können auch auf Brizy Cloud zugreifen, wo Sie erstaunliche neue Vorlagen erhalten können.

Abschließende Gedanken

Die Auswahl eines kostenlosen WordPress Page Builder-Plugins ist nie einfach. Es gibt einfach zu viele Optionen, nicht alle Plugins sind gleich gut. Außerdem passen sie möglicherweise nicht gut zu Ihrer Website.

Also, was ist der beste kostenlose WordPress-Seitenersteller? Jedes dieser vier Plugins kann das Beste für Ihr Projekt sein . Wenn Sie ein Thema mit schönem Design haben, würde Gutenberg wahrscheinlich für Ihre Website ausreichen. Infolgedessen würde Ihre Website schneller geladen als mit allen anderen Plugins, die ich für diesen Artikel getestet habe.

Aber wenn Sie kein so gutes Thema haben oder lieber alles selbst erstellen möchten, haben Sie immer noch gute Möglichkeiten. Sie können Elementor oder Brizy als kostenlosen Seitenersteller für Ihre Website auswählen. Beide Plugins bieten eine große Anzahl von Funktionen, um eine erstaunliche Website zu erstellen.