Page Builder – das bessere CMS-Modul für Magento 2

Dass Magento 1 und auch Magento 2 keine umfangreiche CMS-Funktionalität besitzen, war über lange Zeit ein Wermutstropfen. Schließlich wird sinnvoller, umfangreicher und ansprechend gestalteter Content immer wichtiger. Viele sprechen deswegen schon von „Content Commerce“.

Inzwischen hat Magento mit dem Modul „Page Builder“ aber nachgebessert und bietet im Standardumfang gute CMS-Funktionen:

Page Builder bietet eine Funktionalität, wie man sie aus anderen CMS wie TYPO3 oder WordPress mit dem Gutenberg-Editor kennt. Der Inhalt einer Website kann aus Blöcken wie Überschriften, Texten und Listen, Produkt-Widgets und vielen mehr zusammengebaut werden. Eigene, spezielle Content-Elemente können von Programmierer:innen erstellt werden.

Entstehungsgeschichte

Page Builder basiert ursprünglich auf einer Third-Party-Extension „Bluefoot CMS“, die von einem Dritthersteller programmiert und verkauft wurde. Magento kaufte die Technologie und überarbeitete sie über längere Zeit.

Während die Extension für den Einsatz im Magento-2-Core vorbereitet wurde, wurde sie als „Advanced CMS“ vermarktet. Schließlich erhielt sie den endgültigen Namen „Page Builder“.

Seit Magento 2.3.1 wird die Extension mit Adobe Commerce ausgeliefert.

Page Builder Features

Die Page-Builder-Extension bietet folgende Features:

  • Drag-and-Drop-Funktionalität.
  • Ein flexibles und responsives Grid-System, d.h. die Inhalte sehen auf allen Endgeräten vom Smartphone bis zum Desktop gut aus.
  • Texte und Bilder können in-line bearbeitet bzw. eingefügt werden.
  • Es gibt eine Vielzahl an Content-Elementen, mit der man Inhaltstexte mit dem Commerce-Anteil seines Shops verschmelzen kann. Dazu gehören neben den üblichen Überschriften, Text-Blöcke und Bildern auch Buttons, Newsletter-Elemente, Videos, Slider, Banner, Karten und vieles mehr. Die Funktionalität wird erweiterbar sein.
  • Content-Elemente können auf Kunden-Segmente zugeschnitten werden.
  • Previews für die Änderungen.
  • Anleitungen und Tutorials.
  • Über Templates kann man bestehenden Inhalt als Vorlage für neue Content-Bereiche verwenden.
  • Wenn sich Content-Typen bei Magento-Updates ändern, dann funktionieren die Inhalte weiterhin, weil Magento zwischen unterschiedlichen Versionen der Content-Typen unterscheiden kann.
  • Produktempfehlungen von Adobe Sensei können eingebunden werden.

Was der Page Builder alles kann und wie man ihn verwendet, wird im Detail im User Guide beschrieben. Praktisch sieht man die Verwendung in dem Einführungs-Video „Using Page Builder„.

Geplante Features

Eine ausführliche Roadmap ist momentan nicht öffentlich verfügbar, aber folgende Verbesserungen wurden für die Releases nach 2.3.1 angekündigt:

  • Kompatibilität mit PWA Studio / GraphQL (ist mit Magento 2.3.4 im Jänner 2020 erfolgt)
  • Bessere Kontrolle über Responsive Content
  • Ein Template-Manager (ist mit Magento 2.3.5 im April 2020 erfolgt)
  • Ausbau der Erweiterungsmöglichkeiten für EntwicklerInnen

Bereiche, in denen man Page Builder verwenden kann

Ist der Page Builder aktiviert, dann wird er für diese Bereiche zum Standard-Editor:

  • CMS-Seiten
  • CMS-Blöcke
  • Dynamische Blöcke

Zusätzlich kann er verwendet werden für:

  • Kategorien
  • Produkte

Nicht verfügbar ist der Page Builder für Newsletter-Inhalte.

Erweiterungen für den Page Builder schreiben

EntwicklerInnen können weitere Content-Typen hinzufügen. Wie das funktioniert, ist in der EntwicklerInnen-Dokumentation beschrieben. Ein guter Guide findet sich bei der Agentur integer_net.

Migration von Bluefoot-CMS-Inhalten zu Page Builder

Mit Magento 2.3.2 wird eine Möglichkeit geschaffen, Inhalte aus dem ursprünglichen Bluefoot-Modul in Page Builder zu migrieren.

Verfügbarkeit von Page Builder in Adobe Commerce bzw. Magento Open Source

Page Builder ist seit Magento 2.3.1 in Adobe Commerce (früher: „Magento Commerce Edition“) im Lieferumfang enthalten. Es fallen also keine zusätzlichen Lizenzkosten an.

In Magento Open Source ist Page Builder ab Magento 2.4.3 enthalten. Nachdem sich das bereits seit mindestens März 2019 angekündigt hatte, haben wir nun also den Page Builder auch in der kostenlosen Variante zur Verfügung.

Page Builder und PWA

Page Builder wird seit Magento 2.3.4 von PWA Studio unterstützt.

Laut diesem Tweet von Oktober 2019 wird der Frontend-Teil von Page Builder, nämlich das Rendering der Komponenten im PWA Studio, öffentlich verfügbar sein. Nur das Backend, in dem man die Seiten erstellt, ist Teil von Magento Commerce.

Eric Erway von Adobe/Magento vergleicht das mit einem anderen Tool: der Frontend-Teil von Page Builder in PWA Studio sei der „Adobe Reader“, also kostenlos und öffentlich verfügbar. Nur der Teil in dem man die Seite baut, in der Analogie „Adobe Acrobat“, sei kostenpflichtig und nicht Open Source.

Alternativen zu Page Builder

Umfangreiche CMS-Features sind wichtig für einen Webshop. Dennoch schrecken die Lizenz-Kosten der Commerce Edition viele HändlerInnen ab bzw. sind zu hoch, wenn nur dieses Feature benötigt wird.

Es gibt einige Alternativen, die zwar ebenfalls Kosten verursachen, sich aber langfristig auszahlen können.

Zum Beispiel:

  • Verwendung von CMS-Extensions von Drittanbietern, die ähnliche Features anbieten. Hier kann ich leider keine Tipps geben, da ich selbst keine dieser Extensions eingesetzt habe.
    • Eine dieser Lösungen ist MageSuite. MageSuite benötigt Elasticsearch und ein bestimmtes Frontend-Theme.
  • Die Integration von Magento 2 mit TYPO3 eröffnet viele Möglichkeiten, weil TYPO3 ein umfangreiches und stabiles Content-Management-System ist. TYPO3 ist Open Source und es fallen keine Lizenzkosten an. Wir haben bei LimeSoda bereits öfters erfolgreich Magento und TYPO3 kombiniert und können Sie dahingehend beraten.
  • Man kann Headless-CMS-Systeme wie Prismic, Contentful oder Setka anbinden. Diese erlauben es als Software-as-a-Service, dass man Seiten-Elemente direkt bei diesen Anbietern zusammenbaut, die EntwicklerInnen über eine API in Magento-Seiten einbinden können.
  • Schließlich kann man Erweiterungen programmieren, um die normale CMS-Funktionalität von Magento aufzubohren. Vorteil ist, dass man die Features genau auf Kundenwünsche zuschneiden kann.
    Beispiele für solche Features sind Produkt-, Kategorie- und CMS-Teaser, Gallerien, automatisierte Inhaltsverzeichnisse, Quellen-Verzeichnisse / Literatur-Datenbanken und vieles mehr.

Nützliche Extensions für Magento Page Builder

HTML-Code für einen Block bearbeiten

Die Extension MarkShust_PageBuilderSourceCode von Mark Shust fügt einen „Source Code“ Button in der Editor-Toolbar hinzu, mit dem man den HTML-Code von Text-Blöcken bearbeiten kann.

Screenshot der Extension MarkShust_PageBuilderSourceCode, welche einen "Source Code"-Button in der Page-Builder-Toolbar hinzufügt. (c) Mark Shust

Häufige Fragen

Was ist Page Builder für Magento 2?

Ein Modul, mit dem man wesentlich komfortable CMS-Seiten und Inhalte für Produkt-/Kategorie-Seiten bauen kann als mit dem Standard WYSIWYG-Editor von Magento.

Wer kann Page Builder verwenden?

Die Page-Builder-Erweiterung kann jeder Magento-Commerce-Kunde ab Magento 2.3.1 verwenden.

Was kostet Page Builder?

Page Builder ist in der Magento-Commerce-Lizenz enthalten. Wer Magento Commerce hat, zahlt also nichts extra für Page Builder. Wer Magento Open Source hat, kann Page Builder leider nicht verwenden.

Ist Page Builder für die Open Source Edition verfügbar?

Page Builder ist in Magento Open Source seit Version 2.4.3 verfügbar.

Gibt es Alternativen zu Page Builder für Magento Open Source?

Ja, es gibt einige Alternativen. Man kann kostenlose Third-Party-Module wie MageSuite einsetzen, Magento mit einem CMS wie TYPO3 verbinden, über eine API ein Headless CMS wie Prismic einbinden oder selbst CMS-Funktionalitäten in Magento maßgeschneider einbauen.

In welchen Bereichen kann man Inhalte mit Page Builder anlegen?

Page Builder kann für CMS-Seiten, CMS-Blöcke, Dynamische Blöcke, Kategorieseiten und Produktseiten verwendet werden.

Kann man Daten von Bluefoot in Page Builder migrieren?

Ja. Magento bietet seit Version 2.3.2 die Möglichkeit, Inhalte aus dem Bluefoot-CMS-Modul in Page Builder zu übertragen.

Ist Page Builder mit Magento PWA kompatibel?

Nein, Page Builder und PWA leider noch nicht kompatibel (Stand: Magento 2.3.2). Das ist aber für die Zukunft geplant.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht.