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:

• Adobe Commerce enthält Page Builder seit Magento 2.3.1 (siehe auch „Neue Features in Magento 2.3„).
• Magento Open Source enthält Page Builder seit Magento 2.4.3.

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, seit Magento 2.4.3. auch mit Magento Open Source.

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 inline 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 Entwickler:innen

Mit größeren Entwicklungen direkt durch Adobe ist nicht mehr zu rechnen.

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 Page Builder schreiben

Entwickler:innen können weitere Content-Typen hinzufügen. Wie das funktioniert, ist in der Entwickler:innen-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 Storyblok, Prismic, Contentful oder Setka anbinden. Diese erlauben es als „Software as a Service“ (SaaS), dass man Seiten-Elemente direkt bei diesen Anbietern zusammenbaut, die Entwickler:innen ü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

Häufige Fragen