In unserem ersten Artikel zu den Shopware 6 Erlebniswelten haben Sie bereits wichtiges zum Feature und dessen Vorteilen erfahren. Lernen Sie jetzt, wie Sie Shopware Erlebniswelten erstellen. Wir erklären, wie Sie das CMS effizient nutzen und Kunden alle Informationen in Ihrem Online-Shop noch leichter finden.
Bereiten Sie Medien und Inhalte für die Erlebniswelten vor
Für eine effiziente Arbeit mit den Erlebniswelten lohnt es, vorab einige Dinge vorzubereiten. Dadurch beschleunigt sich das Erstellen und Befüllen der jeweiligen Inhaltsseiten. Erstellen Sie einen ganz neuen Online-Shop ist es wichtig, sich zunächst Gedanken über die Seitenstruktur und Navigation durch den Online-Shop zu machen. Mehr Informationen zu diesem Thema erhalten Sie in unserem Artikel zum „Einstieg in den E-Commerce“. Überlegen Sie am besten, wie die Seiten untereinander und mit der Hauptseite verbunden sind und welche Arten von Inhaltsseiten Sie konkret brauchen. Erstellen Sie hierfür ein Baumdiagramm, dass sich anschließend leicht auf die Shop-Struktur übertragen lässt. Ist die Seitenstruktur definiert, können die jeweiligen Layouts nach der Fertigstellung direkt den entsprechenden Seiten zugewiesen werden.
Neben der Seitenstruktur ist es ebenfalls sinnvoll, bereits alle benötigten Textinhalte und Bildmedien vorzubereiten. Für das eigentliche Layout reicht bereits ein grobes Konzept, da Sie dieses in den Erlebniswelten finalisieren.
Layout-Typen der Erlebniswelten
Die Erlebniswelten von Shopware greifen das Prinzip der Inhaltszusammenführung im Online-Shop wieder auf. In den Erlebniswelten können alle wichtigen Inhaltsseiten des Online-Shops erstellt und zentral bearbeitet werden. Im Backend des Shopware-Shops befinden sich die Erlebniswelten unter dem Menüpunkt Inhalt. Hier erhalten Sie sofort eine Übersicht über alle verfügbaren Layout-Typen der Erlebniswelten und die bisher angelegten Layouts. Zu den Seitentypen zählen Kategorieseiten, Landingpages, Shopseiten und Produktseiten. Wie der Name impliziert werden bei den Kategorieseiten die Layouts für die jeweiligen Kategorien hinterlegt, denen die Produkte des Online-Shops zugeordnet sind. Mit dem Layout für Landingpages gestalten Sie Seiten für bestimmte Themenwelten wie saisonale Highlights oder Hinweise auf Rabattaktionen. Die Shopseiten decken schließlich den Bereich Service ab und umfassen Vorlagen für alle notwendigen rechtlichen Seiten wie:
- Impressum
- Datenschutz
- AGB
- Widerrufsbelehrungen
Ganz neu ist die Gestaltung des Layouts für Produktseiten. Diese zeigen alle Produktdetails und sind standardmäßig bereits mit Inhaltsblöcken wie Beschreibungen und Produktbildgalerie befüllt. In den Erlebniswelten können Sie diese ebenfalls selbst konfigurieren.
Daneben können Sie hier weitere Layouts für das Kontaktformular sowie Versand- und Zahlungsangaben anlegen. Auf diese Weise haben Sie alle Gestaltungen und Inhalte für die wichtigsten Online-Shopseiten an einem Ort zusammengestellt.
Shopware Erlebniswelten: Layout-Auswahl
Shopware Erlebniswelten erstellen
Um Ihren neuen Online-Shop mit den ersten Seiten zu befüllen, nutzen Sie in der Ansicht „Einkaufswelten“ den Button „Neues Layout erstellen“. Über diesen öffnet sich ein sogenannter Wizard, der Sie durch die ersten Einrichtungsschritte führt. Nacheinander werden Sie gefragt:
- Welchen Seitentyp Sie erstellen wollen?
- Ob die Seite über die gesamte Breite des Bildschirms verlaufen soll oder eine Sidebar für weitere Inhalte enthält?
- Wie Sie das Layout benennen möchten?
Sollten Sie später Änderungen an diesen Einstellungen vornehmen wollen, ist das jederzeit im erstellten Layout unter Einstellungen möglich.
Shopware Erlebniswelten Editor
Seitensektionen separat konfigurieren
WYSIWYG-Editor
Jetzt befinden Sie sich in der Editor-Ansicht, die nach dem Prinzip „What you see is what you get“ (WYSIWYG) arbeitet und alles bereits so im Backend anzeigt, wie es später die Kunden im Online-Shop sehen. Hier haben Sie direkt im oberen Bereich die Möglichkeit zwischen verschiedenen Endgeräte-Ansichten zu wechseln. Rechts befindet sich die Aktionsleiste, über die Sie die Grundeinstellungen anpassen, den Navigator zur Seitenstruktur aufrufen können und Inhaltsblöcke auswählen können. Praktischerweise liefert das Standardsetting der Erlebniswelten bereits ein vorgefertigtes Raster und Grid mit, sodass Sie Einstellungen zu Abständen etc. nicht mehr vorab einrichten müssen.
Die Erlebniswelten lassen sich in einzelne Sektionen untergliedern, für die Sie jeweils das Muster „volle Breite“ oder „mit Sidebar“ auswählen können. Für jede einzelne Sektion können Sie weitere Einstellungen vornehmen. Legen Sie hier den Namen der Sektion fest, weisen Sie CSS-Klassen zu und stellen Sie den Größenmodus sowie die Hintergrundfarbe ein.
Den Shopware 6 Erlebniswelten-Editor befüllen
Um eine Sektion mit Inhalten zu befüllen, einfach in die Sektion auf das Plus-Symbol klicken und aus der Seitenleiste das passende Block-Element auswählen. Sie haben die Wahl zwischen den Block-Kategorien: Text, Bilder, Video, Text & Bild, Commerce, Formular und Sidebar und können innerhalb der Kategorien aus verschiedenen Kombinationen und Vorlagen wählen. Ziehen Sie anschließend das gewählte Element per „Drag&Drop“ in die Sektion. Mit den Commerce-Blöcken haben Sie hier bereits die Möglichkeit, Slider für Cross-Selling oder Produktlisting auf Seiten einzubauen.
Erstellen von Inhaltsblöcken im Editor
Vergessen Sie dabei nicht, dass die vorgegebenen Bilder lediglich Platzhalter sind, die nur im Backend sichtbar sind, und durch Ihr eigenes Bildmaterial ersetzt werden müssen. Andernfalls wird sonst kein Bild im Frontend angezeigt. Klicken Sie zum Bearbeiten der Elemente in den jeweiligen Block oder nutzen Sie das Zahnrad am Element, um in den Bearbeitungsmodus zu gelangen und Ihre vorbereiteten Inhalte einzufügen.
Soll die Anordnung der Elemente geändert oder Sektionen verschoben werden, können Sie über die Doppelpfeile am entsprechenden Element den Inhalt austauschen sowie über den Navigator ganze Sektionen verschieben und Layout-Anpassungen durchführen. Ganz wichtig ist es zu wissen, dass Änderungen am Layout sich auf alle Seiten auswirken, denen das Layout zugewiesen ist. Dies bedeutet einerseits, dass sie dasselbe Layout Produkten der gleichen Kategorie oder beispielsweise Kollektion problemlos zuweisen können. Andererseits können Sie Banner für Sonderaktionen direkt einmalig für alle anderen verknüpften Seiten im Layout anpassen oder löschen.
Shopware Erlebniswelten: Navigation im Editor
Erlebniswelt speichern und live nehmen
Nachdem Sie alle Inhalte in Ihr Layout eingefügt haben, speichern Sie die Seite. Haben Sie die zu Beginn erwähnte Seitennavigation bereits in der Kategoriestruktur des Online-Shops hinterlegt, können Sie das erstellte Layout direkt einer konkreten oder mehreren Seiten zuweisen, die diese Erlebniswelt verwenden sollen. Sie können aber auch die fertige Seite speichern und über das Menü Katalog > Kategorien eine neue Kategorie anlegen und das erstellte Layout bei einer Landingpage für diese Kategorie hinterlegen.
Seitenlayout der Kategorie zuweisen
Wie viel lässt sich individuell anpassen?
Wollen Sie Shopware Erlebniswelten erstellen, haben Sie sicherlich bemerkt, wie viel bereits vordefiniert ist und Ihnen die Einrichtung des Online-Shops erleichtern soll. Es lassen sich daneben durchaus einfache Einstellungen wie Abstände zum Rand, Hintergrundfarben oder auch die Kombination von Elementen individuell einrichten.
In den Block-Einstellungen können Sie außerdem die Sichtbarkeit des Blockes per Regeln festlegen. Regeln können ebenfalls genutzt werden, um bestimmte Elemente mittels Datenmapping automatisiert zu befüllen und so etwa Überschriften durch die entsprechenden Kategorietitel zu ersetzen.
Eine weitreichendere Individualisierung bis hin zu eigens definierten Inhaltselementen ist jedoch nicht ohne weiteres möglich. Die Erweiterung der Inhaltselemente sollte am besten mit professioneller Hilfe eines IT-Spezialisten oder einer Shopware-Agentur umgesetzt werden. Da die Software open source ist, also frei zugänglich, können die Experten neue Elemente so programmieren, dass diese ebenfalls problemlos vom Ihnen auf die hier beschriebene Art eingesetzt werden können.
Definition von Regeln für Inhaltsblöcke
