Home » Beratung » Storyblok: Maximales Potenzial mit Custom Plugins
Abgebildet ist ein Ausschnitt einer Rechner-Tastatur, auf der zwei kleine Miniatur-Einkaufswagen stehen

Storyblok: Maximales Potenzial mit Custom Plugins

Storyblok bietet als Content Management System (CMS) die Möglichkeit über Custom Plugins die Funktionalität zu erweitern und an individuelle Bedürfnisse anzupassen. Flexibilität ist in einer digitalen Welt, die sich ständig weiterentwickelt entscheidend. Unternehmen mit E-Commerce benötigen Tools, die ihren sich ändernden Anforderungen gerecht werden und nahtlos in den Workflow integriert werden können. Wir erläutern dies am Beispiel unseres Kunden BBC.

Storyblok plus Plugin als Lösung für komplexe Anforderungen

Die Welt wird immer komplexer. Dies stellt Unternehmen vor stetig neue Herausforderungen. Um am Markt zu bestehen, besteht die Notwendigkeit umfangreiche, sich wandelnde Inhalte effizient zu verwalten und stets aktuell online zu präsentieren. Storyblok bietet ein flexibles und benutzerfreundliches System für das Content Management des E-Commerce. Spezifische Anforderungen bestimmter Projekte können dennoch zusätzliche Anpassungen erfordern. Die Lösung bietet an dieser Stelle eine Erweiterung der Funktionalität über maßgeschneiderte sogenannte Custom Plugins. Diese können individuell angepasst werden, so dass sämtliche Anforderungen optimal erfüllt werden.

Unsere Lösung für BBC: Das Shop-By-Look-Plugin

Ein Beispiel für die wertvolle Unterstützung durch ein Plugin kommt aus der Zusammenarbeit mit unserem Kunden BBC. Das Unternehmen benötigte eine Möglichkeit, mehrere Produkte auf einem Bild zu präsentieren sowie zu verlinken, um so seinen Kunden ein nahtloses Einkaufserlebnis zu bieten. Unsere Lösung ist ein Shop-By-Look-Plugin (Hotspot Image), das wir speziell für BBC entwickelt haben und das die gestellten Anforderungen erfüllt.

Projektverlauf mit dem Shop-By-Look Plugin in Storyblok

Wir verfolgen grundsätzlich einen nutzerzentrierten Ansatz. Daher haben wir das Projekt bezüglich einer Erweiterung der Möglichkeiten für BBC mit einer gründlichen Analyse der Anforderungen des Unternehmens gestartet. Darauf aufbauend konnten wir mit dem Shop-By-Look Plugin in Storyblok eine passende Lösung entwickeln und integrieren, die optimal auf die spezifischen Bedürfnisse der Zielgruppe bzw. der BBC Kunden zugeschnitten ist. Adobe Commerce (Magento) liefert hier die flexible und solide Shopsystem-Basis für eine Headless-Architektur. Während des gesamten Projektverlaufs erfolgte eine enge Zusammenarbeit mit dem BBC-Team, um sicherzustellen, dass das ergänzende Plugin die Erwartungen erfüllt und sich nahtlos in die bestehende Infrastruktur fügt.

Vorteile des Plugins für BBC und seine Interessenten

Das Plugin wurde mit dem Ziel konzipiert, dass ein Interessent auf der BBC-Plattform die Produkte schnell und einfach identifizieren kann. Dazu werden sie im Zusammenhang dargestellt, können jedoch durch Anklicken einzeln aufgerufen werden. Dies wird durch eine Verhotspottung der einzelnen Produkte auf dem Bild gewährleistet.  

Die Integration unseres entwickelten Plugins in Storyblok ermöglicht es dem Content-Team von BBC, die Darstellung der Produkte sehr einfach selbstständig aufzubauen:

  1. Die Positionierung der Hotspots erfolgt automatisch und präzise, ohne dass der BBC-Redakteur diese manuell anpassen muss, was Zeit spart und die Genauigkeit erhöht.
  2. Durch einfaches Klicken auf das Bild kann er die Hotspot-Punkte platzieren, ohne sich Gedanken über komplizierte Koordinaten machen zu müssen. Dies macht die Bedienung intuitiv und benutzerfreundlich.
  3. Nach dem Setzen eines Hotspots öffnet sich ein Popup-Fenster, in dem der BBC-Redakteur mithilfe eines einfachen Editors Bilder, Links oder einen Text für jedes Produkt einfügen kann. Inhaltsverwaltung ist so einfach möglich.
  4. Die Art und Weise, wie Produktinformationen nach dem Ansteuern eines Hotspot-Punktes angezeigt werden, kann individuell angepasst werden. So wird die jeweilige Benutzererfahrung verbessert und die Aufmerksamkeit auf wichtige Details gelenkt.
  5. Das Plugin unterstützt sowohl Desktop- als auch Mobile-Bilder. So gewährleistet es durch ein konsistentes Erscheinungsbild auf verschiedenen Bildschirmgrößen ein optimales Benutzererlebnis.

Wir als erfahrener Storyblok-Partner

Eine Optimierung bzw. Erweiterung der Funktionalitäten eines Onlineshops führt zu mehr Effizienz, mehr Kundenzufriedenheit und im Ergebnis zu mehr Erfolg. Die Umsetzung erfordert tiefes Fachwissen und Erfahrung im E-Commerce. Wenn im eigenen Unternehmen die Expertise fehlt, lohnt die Investition in einen Projektpartner.

Das Team des valantic Competence Centers netz98 hat als Storyblok-Partner jahrelange Erfahrung mit dem CMS und kann über angepasste Plugins die sich wandelnden Anforderungen flexibel erfüllen. Wir sind darauf spezialisiert, maßgeschneiderte Lösungen zu entwickeln, die unseren Kunden helfen, ihr volles Potenzial auszuschöpfen. Über sogenannte Custom Plugins kann diesbezüglich mit wenig Aufwand viel erreicht werden und die Möglichkeiten sind vielfältig.

Fazit

Custom Plugins bieten E-Commerce Unternehmen die Flexibilität und Funktionalität, die sie benötigen, um ihre Ziele zu erreichen und sich in einem ständig wandelnden digitalen Umfeld zu behaupten. Dafür kann die vorhandene Infrastruktur genutzt werden. Adobe Commerce (Magento) bietet grundsätzlich eine flexible Basis für Composable Commerce und die Anbindung von Storyblok als CMS. Dieses kann unkompliziert um Plugins erweitert werden.

Bei unseren Kunden BBC wurde mit dem Plugin in Storyblok eine schnellere, einfachere und effizientere Präsentation seiner Produkte erzielt. Dies führt zu einer verbesserten Benutzererfahrung und erhöht im Ergebnis die Conversion Rate.

Das netz98 Team verfügt über die nötige Expertise und setzt seit Jahren erfolgreich Plugins in Kundenprojekten ein. Dabei entwickeln wir diese speziell für unsere Kunden und passen das jeweilige Plugin optimal auf die herrschenden Anforderungen an.

Bild: iStock

 

Ihr Kontakt

Wollen sie mehr über die Möglichkeiten einer Shop-Optimierung mit Plugins erfahren oder benötigen eine Beratung? Kontaktieren Sie uns und wir helfen Ihnen gerne weiter:

Porträt von Maria Kern
Maria Kern
Senior Frontend Architect
B2B Kundenbindung: Welche erfolgreichen Maßnahmen setzt der Großhandel im E-Commerce ein?
Collage aus Bildern, die Beschäftigte unterschiedlicher Branchen bei der Arbeit zeigen.

Maßnahmen zur Kundenbindung spielen im B2B Großhandel eine entscheidende Rolle für den Erfolg. Jetzt hier valantic Beispiele aus der Praxis!

Update zu Adobe Commerce Produkten: Adobe startet mit Cloud Service und Optimizer durch
Bühnenbild vom Adobe Summit

Erfahren Sie Aktuelles zu Adobe Commerce as a Cloud Service und Adobe Commerce Optimizer – u. a. zu Verfügbarkeiten und Read more

B2B Online-Shop: Die 5 wichtigsten Anforderungen für Erfolg
Zwei Mitarbeitende in Werkstattumgebung analysieren gemeinsam Daten auf einem Laptop – sinnbildlich für die Digitalisierung im B2B bzw. für den Weg zum zukunftssicheren B2B Online-Shop.

Erfahren Sie, welche 5 Faktoren für den B2B Online-Shop 2025 entscheidend sind – von Self-Service bis Systemintegration. Jetzt informieren!

Personalisierung: Volles Potenzial mit Adobe Journey Optimizer
Eine Frau arbeitet konzentriert an einem Holztisch mit Laptop, Smartphone und Unterlagen. Auf dem Laptop ist eine grafische Benutzeroberfläche zu sehen, auf dem Smartphone eine Nachricht oder Anwendung. Die Szene symbolisiert datenbasiertes und kanalübergreifendes Arbeiten. Der Adobe Journey Optimizer, in dem es in dem Blogbeitrag geht, ermöglicht solche vernetzten Echtzeit-Interaktionen.

Personalisierung mit Adobe Journey Optimizer, Adobe Analytics und Adobe Target – volles Potenzial nutzen. Lesen Sie hier die Details!

Interview: Hyvä als zukunftsfestes Frontend – Chancen & Nutzen für Magento Projekte
Logos von Hyvä und valantic mit Herz dazwischen

Lesen Sie im Interview mit unserer zertifizierten Entwicklerin alles über den Nutzen des modernen Frontends für Magento E-Commerce Projekte.

Flexible Datenverarbeitung: Migration zwischen Content Systemen mit Low Code managen 
Mann vor einem PC-Bildschirm mit Code

Lesen Sie, wie unsere erprobte valantic Methode zur Content-Migration Unternehmen hilft, den Prozess effizient und kostengünstig zu meistern.

B2B-Marketing neu gedacht – präzise, relevante Kundenansprache mit Adobe Marketo Engage 
Im Vordergrund hängt eine große, eingeschaltete Glühbirne mit sichtbarem Glühfaden von der Decke herab. Sie ist scharf fokussiert und leuchtet warm. Im unscharfen Hintergrund sitzen mehrere Personen an einem Tisch zusammen, offenbar in einer Besprechung oder Diskussion. Die Wand hinter ihnen ist dunkelblau gestrichen, die Atmosphäre wirkt konzentriert und kreativ.

Adobe Marketo Engage automatisiert Ihre Prozesse im B2B-Marketing und steigert die Lead-Qualität. Lesen Sie hier die Details!

Von der Strategie zur Umsetzung: Wie valantic Digitalisierung messbar macht 
Fotos von Vera Hofer und David Schaeffer mit Namen und Positionsbezeichnungen

Erfahren Sie, wie valantic Experten durch die Verbindung von Strategie & Umsetzung die Digitalisierung in Unternehmen messbar vorantreiben.

Über den Autor