Beschleunigung der Erstellung digitaler Einkaufserlebnisse mit Headless Commerce

Headless Commerce ist ein Begriff, den man heutzutage sehr oft hört. Er bezieht sich auf eine Architektur, die das E-Commerce-Frontend vom Backend trennt. In diesem Blogbeitrag möchte ich Ihnen zeigen, wie Sie eine Headless-Commerce-Architektur mit Salesforce Commerce Cloud, einem Commerce-Cloud-CMS wie Magnolia DXP und Composable Storefont (ehemals PWA Kit) innerhalb von Stunden, wenn nicht Minuten, aufbauen können.

Beim Headless Commerce ist das Frontend eine Schaufensterfront oder eine Handelswebsite, die Ihren Kunden die Benutzeroberfläche und -erfahrung bietet. Das Backend besteht aus mehreren Systemen und Diensten, wie z. B. einer Headless-Commerce-Plattform, die Produkte verwaltet und den Checkout-Prozess bereitstellt.

Das Frontend und das Backend sind unabhängig voneinander, so dass die Entwickler am Frontend arbeiten und dann das Backend anschließen können, das die Handelsfunktionen abwickelt. Die Verbindung zwischen diesen beiden Teilen wird über REST-APIs hergestellt. Dieser Aufbau gewährleistet eine schnelle und flexible Entwicklung.

Erfahren Sie mehr über "Was ist Headless E-Commerce".

Im Zusammenhang mit der Verwaltung von Inhalten bedeutet "headless" die Trennung von Frontend-Vorlagen und -Designs vom Content-Management-System (CMS) im Backend, so dass Frontend-Entwickler Vorlagen erstellen und Content-Autoren und Vermarkter unabhängig voneinander Inhalte erstellen können. Ähnlich wie im Beispiel des Handels erfolgt die Kommunikation zwischen dem Frontend und dem Headless CMS über APIs.

Mit Magnolia können Sie jedes beliebige Frontend-Framework auswählen und geben Ihrem Marketing-Team die vollständige Kontrolle über die Inhalte, die es auf Ihrer Website und in Ihren Anwendungen wiederverwenden kann.

Eine Headless-Architektur ermöglicht es Marken, jede Art von Frontend zu erstellen, sei es eine Single-Page-Anwendung (SPA) oder eine Progressive Web App (PWA), unabhängig vom gewählten Commerce-System oder CMS.

Eine PWA ist wie eine normale responsive Website, die App-ähnliche Funktionen und Leistung bietet. Technisch gesehen handelt es sich um eine einseitige Anwendung, die Unternehmen hilft, schnelle und ansprechende Erlebnisse auf jedem Gerät zu bieten.

Da Sie nun wissen, was der Begriff "Headless Commerce" bedeutet, fragen Sie sich vielleicht, ob ein Headless-Commerce-System und ein Headless-CMS zusammenarbeiten können. Und die Antwort lautet: absolut! Sie können die Vorteile von beidem nutzen und ein Headless-Commerce-System und ein Headless-CMS gleichzeitig implementieren.

Eine Lösung, die Ihnen eines der besten - wenn nicht sogar das beste - Kunden- und Mitarbeitererlebnis bietet, ist eine Digital Experience Platform, die auf Magnolia DXP, Salesforce Commerce Cloud (SFCC) und Salesforce Composable Storefront (früher PWA Kit) aufbaut. Jedes System ist für verschiedene Teile der Lösung verantwortlich.

Schauen wir uns diese drei Komponenten genauer an:

Die Kombination aus Magnolia DXP, SFCC und Composable Storefront bedient flexibel alle E-Commerce-Anforderungen.

Um diese Lösung zu implementieren, müssen Sie nicht das gesamte Setup von Grund auf neu erstellen. Mit dem Magnolia Headless Accelerator können Sie ganz einfach ein neues Projekt starten. Sobald die automatische Integration abgeschlossen ist, können Sie das Projekt an Ihre Anforderungen anpassen.

Der Magnolia Headless Accelerator ist ein Entwickler-Tool zur Beschleunigung der Entwicklung von Headless-Projekten. Es entlastet Ihre Frontend-Entwickler und gibt ihnen mehr Zeit für die Erstellung neuer Templates und Funktionen.

Der Start eines Commerce-Projekts mit dem Headless Accelerator erleichtert Ihnen die Integration von Systemen. Wenn Sie ein neues Projekt erstellen, können Sie aus mehreren Vorlagen wählen, um ein Projekt zu starten. Eine Projektvorlage ist für SFCC und die Composable Storefront. Mit ihr können Sie alle Verbindungen an einem Ort verwalten und eine sichere Verbindung zu SFCC und Composable Storefront herstellen. Es ist nicht notwendig, Ihre PWA separat zu konfigurieren.

Mit Magnolia zur Projektverwaltung können Ihre Content-Autoren und Frontend-Entwickler problemlos gemeinsam digitale Erlebnisse schaffen.

Die Landing Page des Vorlagenprojekts ist bereits für die Verwendung von Komponenten konfiguriert, die mit Produktkategorieseiten verknüpft sind. Inhaltsautoren können auch eine Produktkomponente hinzufügen, die mit dem Produktkatalog in Salesforce verbunden ist. Im WYSIWYG-Editor von Magnolia können sie Produkte durchsuchen und auswählen und eine Vorschau der Komponenten sehen.

Um Kunden zu inspirieren und für Produkte zu werben, können Marketingexperten Hotspots verwenden, die Produkte in einem Bild hervorheben und Produktinformationen bereitstellen. Wenn Kunden darauf klicken, werden sie auf die Produktseite weitergeleitet, wo sie das Produkt kaufen können.

Marketer können auch Komponenten, einschließlich Produktkomponenten, im WYSIWYG-Editor personalisieren und so Produkte auf der Grundlage von Zielgruppenmerkmalen bewerben. Um zu sehen, was verschiedene Kundensegmente sehen würden, können Sie einfach zwischen den Versionen für jedes Kundensegment wechseln.

Das Salesforce-Vorlagenprojekt verwendet beispielsweise die Eigenschaft "utm_campaign" und zeigt auf der Grundlage dieses URL-Parameters ein Banner mit einem Sonderangebot an.

Die Seitennavigation kann auf jede beliebige Kategorie oder Unterkategorie im SFCC-Katalog und auf in Magnolia erstellte Inhaltsseiten verweisen. Vermarkter können die Navigation mit redaktionellen Inhalten und Call-to-Action-Buttons erweitern und den Anzeigenamen von Kategorieseiten einfach ändern.

Alle von mir beschriebenen Funktionen sind im Integrationsvorlagenprojekt verfügbar, das Sie mit dem Magnolia Headless Accelerator starten können. Um mehr zu erfahren, besuchen Sie uns am Mittwoch, den 22. Juni 2022, um 9 Uhr EDT / 15 Uhr MESZ, für einen tiefen Einblick in Magnolia DXP und die Salesforce Commerce Cloud-Integration - die leistungsstärkste Lösung, um erstaunliche E-Commerce-Erlebnisse zu schaffen, die wirklich für Unternehmen geeignet sind.