Einführung in Landingpage-Management mit dem Page Builder (Teil 1)

Mit dem Page Builder bietet eZ Systems ein Werkzeug zur Erstellung von Landingpages in eZ Platform. Der Page Builder erlaubt einem Redakteur für eine Landingpage ein Layout auszuwählen, welches die Aufteilung der Landingpage vorgibt. Innerhalb des gewählten Layouts ist es anschließend möglich Blöcke/Teaser zu platzieren und anzuordnen. Die auf dem Teaser dargestellten Inhalte können im Page Builder über eine entsprechende Eingabemaske hinzugefügt werden. Die Eingabefelder sind je Teaser individuell, abhängig von den Anforderungen an den Teaser.

Nach der Realisierung erster Projekte mit dieser neuen Technologie wurde uns das enorme Potential des Page Builder durch einige sinnvolle Erweiterungen bewusst. Wir haben es uns zur Aufgabe gemacht diese Visionen zu konzipieren und umzusetzen. Die bisherigen Erweiterungen möchten wir in dieser Reihe von Einträgen in unseren Blog vorstellen.

Dieser Eintrag thematisiert die Grundlagen der Verwendung des Page Builder. Die folgenden Beiträge widmen sich anschließend den verschiedenen Page Builder-Erweiterungen von inwebco.

1. CMS-Login / Erstellen einer Landingpage

Das folgende Video zeigt den Login in das CMS sowie die Navigation auf die Startseite unseres Demo-Systems. Unterhalb der Startseite wird im Anschluss eine neue Landingpage angelegt.

2. Ansicht der Landingpage im Page Builder / Hinzufügen eines Blocks/Teaser

Über den Button "Page" in der obersten Navigation in eZ Platform kann die Landingpage im Page Builder aufgerufen werden. Durch einen Klick auf "Edit" gelangt der Redakteur in das Page Builder-Interface, welches das Hinzufügen neuer Teaser ermöglicht. Die Auswahl eines Landingpage-Layouts wird an dieser Stelle übersprungen, da unser System in der Demo nur über ein Layout verfügt.

Die in der rechten Leiste sichtbaren Elemente sind von inwebco erstellte Teaser, die bereits viele Anwendungsfälle abdecken. Zur Demonstration wird im folgenden Video der Suchbox-Teaser platziert und mit einem Beispieltext angereichert. Die Eingabemaske für den Teaser wird durch einen Klick auf das entsprechende Symbol des ausgewählten Teaser erreicht. Unter dem Reiter "Einstellungen" können die Eingaben für den Teaser vorgenommen werden. Die Eingaben werden über den Button "Submit" bestätigt. Durch Klick des Publish-Button wird die Landingpage veröffentlicht. Im Anschluss wird der Teaser in der Desktop-, Tablet- sowie Mobile-Ansicht über die Page Builder-Vorschau demonstriert.

Frontend Ergebnis

Das folgende Bild zeigt den angelegten Suchbox-Teaser auf der erstellen Landingpage.

Diese simplen Schritte genügen um eine Landingpage anzulegen und mit Teasern zu versehen.

Der zweite Artikel dieser Reihe wird die erste Erweiterung des Page Builder vorstellen. Fokus des Blogs wird das Hinzufügen von bestehenden CMS-Objekten innerhalb eines Page Builder-Teasers sein.