Loading...

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

Die inwebco Page Builder Erweiterung in eZ Platform schafft völlig neue Möglichkeiten beim Landingpage-Management

eZ Platform Lösungen / Blog / 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.

1. CMS-Login / Erstellen einer Landingpage

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.

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

Frontend Ergebnis

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

2. Ansicht der Landingpage im Page Builder & Hinzufügen eines Teaser - Ergebnis

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.

Jetzt Demo vereinbaren

Alle Artikel zum Thema inwebco Studio Erweiterung finden Sie in dieser Reihe aus unserem Blog.

Einführung in Landingpage-Management mit dem Page Builder (Teil 1)
Die inwebco Page Builder Erweiterung in eZ Platform schafft völlig neue Möglichkeiten beim Landingpage-Management.
Mehr  
Teaser mit CMS-Objekten in Landingpages anreichern (Teil 2)
Diese Erweiterung bringt eZ Platform und den Page Builder näher zusammen, indem CMS-Objekte als Teaser im Landingpage-Management verfügbar gemacht werden.
Mehr  
Navigation innerhalb von Landingpage-Teasern (Teil 3)
Einfachere Navigation durch Infinite Scrolling und Pagination mit der inwebco Erweiterung zu eZ Platform / Page Builder.
Mehr  
Sortierung von Teasern im erweiterten Page Builder (Teil 4)
Die automatische oder manuelle Sortierung der Teaser bietet maximale Flexibilität.
Mehr  
Inhalte über Facetten einschränken (Teil 5)
Oftmals ist es erforderlich, dass nur Inhalte in einem Teaser gezeigt werden, die bestimmte Kriterien erfüllen. Hier kommt ein weiteres, nützliches Feature zum Einsatz, das wir unsere eZ Platform / Page Builder Lösung implementiert haben.
Mehr  
Suchfilter im Frontend anzeigen (Teil 6)
Für Suchfilter im Frontend kann genau konfiguriert werden welche Filter der Besucher angezeigt bekommt und wie diese dargestellt werden (Checkbox, Selektion, Tags, und weitere).
Mehr  




Page Builder
Page Builder (ehm. Studio)
Der Page Builder (ehm. Studio) baut auf eZ Platform auf und und erweitert dieses um Features mit Fokus auf der Pflege von Inhalten.
Weiterlesen




eZ Platform
eZ Platform
Inhaltsreiche Websites und Anwendungen mit eZ Platform besser, schneller und einfacher erstellen als jemals zuvor.
Weiterlesen

Entwicklung

inwebco entwickelt und optimiert PHP-basierende Web Software Solutions auf Basis von eZ Publish, eZ Platform, Page Builder und Symfony.