Ist Headless Commerce die Zukunft oder die Vergangenheit?

Sie haben wahrscheinlich gesehen, dass der Begriff „kopflos“ in den letzten Jahren herumgeworfen wurde. Es war ein besonders virulentes Gespräch im Direct-to-Consumer-Bereich, und in den letzten 12 Monaten hat die Zahl der Unternehmen, die sich an Eastside Co wenden, um die Entwicklung einer kopflosen Lösung auf Shopify zu besprechen, sicherlich zugenommen. Um Headless zu verstehen, gibt es ein paar Fragen, die wir beantworten müssen.

Was ist kopflos?

Wenn Sie sich nicht 100 % sicher sind, was eine Headless-Shopify-Website ist, machen Sie sich keine Sorgen. Jeder wirft das Wort herum, aber ich verspreche Ihnen, die meisten Leute kennen die Einzelheiten nicht, und ich werde definitiv nicht behaupten, ein Experte zu sein.

(An dieser Stelle fragen Sie sich vielleicht, warum ich einen Beitrag über Headless schreibe, wenn ich kein Experte bin. Guter Punkt. Hoffentlich werde ich das vor dem Ende des Artikels klarstellen.)

Einfach ausgedrückt bedeutet dies, dass Sie bei einer Headless-Architektur die Front-End- und Back-End-Systeme „entkoppeln“, indem Sie APIs verwenden, um die beiden Systeme zu verbinden und relevante Daten zwischen ihnen auszutauschen.

Immer noch verwirrt?

Wenn wir uns einen nativen Shopify-Build ansehen, ist der Ort, an dem der Inhalt gespeichert und angezeigt wird, ein einziges System. Mit einem kopflosen Shopify-Build trennen Sie die Inhaltsspeicherung von der Präsentationsebene, auf der die Inhalte angezeigt werden.

Durch die Trennung dieser beiden Elemente wird die Front-End-Anzeigeebene Ihrer Website nicht mehr durch die Funktionalität und Architektur Ihres Back-End-Systems eingeschränkt.

Tatsächlich ist das Front-End einer Headless-Lösung möglicherweise nicht einmal eine Website. Dabei kann es sich um eine native mobile App oder ein POS-System (Point of Sale) handeln. In Bezug auf Shopify ist es wahrscheinlich nicht weit von der Wahrheit entfernt, die Präsentationsschicht (das Frontend) als Verkaufskanal zu betrachten.

Selbst bei einem nativen Shopify-Build können Sie sich den „Online-Shop“ als Frontend und das Shopify-System als Backend vorstellen, eine Unterscheidung, die Shopify in letzter Zeit viel deutlicher gemacht hat.

Eine Headless-Website ist also nur die explizite Entscheidung, das Frontend Ihrer Lösung nicht direkt in das Backend einzubauen.

Hoffentlich ist das jetzt klar, aber es erklärt immer noch nicht, warum sich die Leute für diesen Weg entscheiden könnten, anstatt für ein traditionelles natives Shopify-Theme.

Was sind die Vorteile von Headless Commerce?

Bevor ich auf einige der Gründe eingehe, warum sich Menschen normalerweise für eine Headless-Lösung entscheiden, lohnt es sich, etwas aufzuklären. Viele der Vorteile, über die ich sprechen werde, sind nicht immer einem Headless-Build inhärent, sondern resultieren aus der Freiheit, bestimmte technische Ansätze zu wählen, die zu bestimmten Vorteilen führen. (Ich werde Sie darauf hinweisen, während wir gehen, aber was wichtig zu wissen ist, ist, dass Sie nicht alle der unten aufgeführten Vorteile erhalten, nur weil Sie kopflos sind. Die Ausführung wird immer noch einen großen Unterschied machen.)

1 - Website-Geschwindigkeit

Blitzschnelle Site-Geschwindigkeit und Headless-Builds scheinen Hand in Hand zu gehen, wobei Verbesserungen der Site-Geschwindigkeit oft als großer Vorteil von Headless genannt werden. Dies ist jedoch einer der Fälle, in denen Ihre Website nicht schneller ist, weil Sie sich für Headless entschieden haben, sondern schneller, weil Sie durch die Trennung Ihres Frontends die Möglichkeit haben, sie statisch zu generieren. Dies bedeutet, dass es keine schweren Lasten oder Berechnungen anstellen muss, wenn Sie eine Webseite bereitstellen.

Ich habe jedoch einige schlechte Nachrichten. Wenn Ihr Hauptgrund für Headless allein die Geschwindigkeit der Website ist, ist dies wahrscheinlich kein ausreichender Grund. Wie bei jeder Cap-Ex-Verpflichtung müssen Sie Ihrer Sorgfaltspflicht nachkommen. Die Geschwindigkeit Ihrer Website wirkt sich natürlich auf Ihr Kundenerlebnis aus, und in den meisten Fällen liefert ein Headless-Ansatz eine schnellere Website als ein nativer Shopify-Build, aber wenn Sie eine Kosten-Nutzen-Analyse durchführen würden, bin ich mir nicht sicher wird immer mehr von den erhöhten Geschwindigkeiten profitieren als die Kosten für die Implementierung und Wartung eines Headless-Tech-Stacks.

2 - CMS-Flexibilität

Historisch gesehen war einer der Hauptgründe, warum sich Menschen für einen Headless-Build gegenüber einem nativen Shopify-Theme entschieden haben, die Einschränkungen, die dem Shopify-CMS innewohnten. Shopify Onlineshop 1.0 war ein vorlagengesteuertes System. Die einzige Flexibilität bei der Inhaltsverwaltung ergab sich, als „Abschnitte“ (modulare Inhaltsblöcke) in den Startseitenbereich Ihrer Website eingeführt wurden. Lange Zeit musste fast alles andere in die Vorlage eingebaut, in Theme-Einstellungen gehackt oder über benutzerdefinierte Felder erreicht werden. Trotz alledem war jede Vorlage außerhalb der Homepage weitgehend repariert und erforderte den Eingriff des Entwicklers, wenn Sie eine Vorlage grundlegend ändern, einen neuen Inhaltsbereich hinzufügen oder tatsächlich eine einzigartige Zielseite erstellen wollten.

Mit einer Headless-Lösung und der Möglichkeit, Ihr eigenes CMS zu wählen, z. B. Sanity oder Contentful, könnten Sie ein CMS erstellen, das alles tut, was Sie wollen, und die gewünschten Seiten viel modularer als je zuvor erstellen.

Dies alles änderte sich, als Shopify den Online-Shop 2.0 veröffentlichte. Im Wesentlichen war dies die Veröffentlichung von Abschnitten für die gesamte Website (zuvor auf die Homepage beschränkt). Anstatt an starre Vorlagen gebunden zu sein, können Sie jetzt eine ganze Reihe von Inhaltsmodulen erstellen, die auf jeder Seite in beliebiger Reihenfolge verwendet werden können. Dies hat die Bearbeitung von Inhalten viel schneller gemacht und internen Teams viel mehr Flexibilität gegeben, um vorhandene Inhalte zu bearbeiten und auch neue Zielseiten ohne Entwicklereingriff zu erstellen.

Auf der Shopify Unite London 2022 stellte eine Agentur, die sich normalerweise auf Headless-Builds konzentriert hatte, um dieses Maß an Flexibilität für ihre Kunden zu erreichen, tatsächlich fest, dass sich immer mehr ihrer Kunden dafür entschieden, zum nativen Theme von Shopify zurückzukehren, weil es all die Flexibilität bot sie brauchten, ohne einen komplexen und oft teuren Tech-Stack pflegen zu müssen.

3 - Kreative und Front-End-Flexibilität und -Freiheit

Dieser Punkt hängt etwas mit der CMS-Flexibilität zusammen, unterscheidet sich jedoch. Ein Headless-Ansatz bedeutet, dass Sie unbegrenzte Flexibilität am Frontend erhalten. Das bedeutet, dass Ihr Designer mit wenig bis gar keinen Auswirkungen wild werden kann – aber das ist nicht immer eine gute Sache.

Vollständige kreative Freiheit, damit Ihre Präsentationsebene nach Ihren Wünschen aussieht und funktioniert, klingt auf den ersten Blick unglaublich attraktiv, aber wenn Sie tiefer graben, kann dies einige ernsthafte Probleme für Ihre Benutzer darstellen.

Eine E-Commerce-Website besteht im Wesentlichen aus 4 Schlüsselbereichen:

• Startseite
• Sammlungs-/Kategorieseite
• Produktseite
• Kasse

Die akzeptierte Funktionalität und das Verhalten dieser Seiten sind in Ihren Benutzern verwurzelt, dank ihrer Vertrautheit mit dem Online-Shopping über einen Zeitraum von vielen Jahren. Ihre Benutzer haben klare Erwartungen an eine E-Commerce-Erfahrung, und es kann ein großes Hindernis sein, sie zu zwingen, bekannte Verhaltensweisen neu zu lernen.

Wenn Sie ein sehr großes Unternehmen mit einer unglaublich treuen Benutzerbasis sind, nehmen sich Ihre Kunden vielleicht die Zeit, Dinge herauszufinden, aber zum größten Teil möchten sie eine Erfahrung, die sich einfach und vertraut anfühlt.

Wenn Sie die vollständige kreative Freiheit als Vorteil betrachten, sollten Sie sich fragen, wie weit Sie die Struktur und das Design von E-Commerce-Websites vorantreiben können, bevor dies das Kundenerlebnis beeinträchtigt. Wenn Sie ein gut gestaltetes und robustes E-Commerce-Erlebnis benötigen, ist dies mit einem nativen Shopify-Theme vollständig möglich.

4 - Die Fähigkeit, mehrere Köpfe zu bedienen

Dies gilt möglicherweise eher für traditionelle Plattformen, bei denen es im Allgemeinen schwieriger ist, zusätzliche Vertriebskanäle von Ihrem Hauptgeschäft ohne Headless zu bedienen. Shopify macht es jedoch ganz einfach, mehrere Vertriebskanäle außerhalb Ihres Haupt-Online-Shops zu haben.

Ist Headless Commerce die Zukunft?

Die Antwort ist, dass Headless keine Wunderwaffe ist, die alle Ihre Probleme lösen wird. Die Gründe, warum sich Menschen vor 2 Jahren für eine Headless-Shopify-Lösung entschieden haben, sind nicht die gleichen Gründe, warum sie sich heute für eine Headless-Lösung entscheiden sollten. Tatsächlich sind viele der Gründe, warum sich Menschen in der Vergangenheit für Headless entschieden haben, die gleichen Gründe, warum sie sich dafür entschieden haben, zu einem nativen Shopify-Thema zurückzukehren, das den Online-Shop 2.0 verwendet.

Bei allen Vorteilen von Headless müssen Sie bedenken, dass die Anfangsinvestition und die laufenden Wartungskosten eines Headless-Stacks immer höher sind als bei einem nativen Shopify-Build. Sie müssen sicherstellen, dass die Gesamtbetriebskosten für Ihr spezifisches Unternehmen langfristig rentabel sind und dass Sie über die Infrastruktur verfügen, um die damit verbundenen technologischen Anforderungen zu unterstützen.

Headless wird mit Shopify immer praktikabler. Mit der Veröffentlichung des Hydrogen-Frameworks von Shopify ist es auch eine gute Wette, dass das Shopify-App-Ökosystem viel einfacher in eine Headless-Lösung integriert werden kann, was bedeutet, dass Sie von einigen wirklich phänomenalen Technologiepartnern profitieren, ohne benutzerdefinierte Integrationen mit jedem erstellen zu müssen, aber dies kann noch einige Zeit dauern.

Wann macht Headless Sinn?

Wenn Sie nach ultimativer Flexibilität, einem benutzerdefinierten CMS, blitzschnellen Geschwindigkeiten und der Möglichkeit suchen, mehrere Ausgänge oder Köpfe zu unterstützen, dann ist Headless auf lange Sicht möglicherweise eine gute Lösung, aber wenn Sie es nur aus Geschwindigkeits- oder Flexibilitätsgründen tun, dort möglicherweise bessere Optionen zur Verfügung.

Wenn Ihr Shop jedoch Teil einer größeren Website oder Plattform sein soll, die bereits Headless ist, eine vollständig benutzerdefinierte URL-Struktur erforderlich ist oder Sie es mit einem nicht traditionellen E-Commerce-Erlebnis zu tun haben, könnte Headless sehr wohl der Fall sein das Ticket.

Wenn Sie überlegen, ob Headless Commerce die richtige Lösung für Sie ist, und eine objektive Ansicht wünschen, setzen Sie sich mit unserem technischen Team in Verbindung und chatten Sie mit ihm.