Zum Hauptinhalt springen
Zurück zu Wissen

Storyblok + Shopify: Wann es passt, wann es Overkill ist

Martin WeinmayrVonMartin Weinmayr·

Shopify ist verdammt gut darin, Produkte zu verkaufen. Das ist seine Aufgabe.

Für viele Shops reicht es. Der Standard-Theme, der Blog, die Landingpages. Die meisten Marken brauchen nicht mehr. Sie denken sie brauchen mehr.

Es gibt aber eine Klasse von Marken wo Shopify perfekt in allen anderen Bereichen passt nur die Content-Maschine ein echtes Problem wird. Bei denen ist Storyblok sinnvoll. Das sind Spezialfälle, nicht die Norm.

Wir bauen mit dieser Kombination, aber nicht häufig. Das ist wichtig zu verstehen: Das ist keine Standard-Empfehlung. Das ist ein Spezialfall für eine bestimmte Konstellation.

Inhalt

  1. Wann Storyblok bei Shopify wirklich Sinn macht
  2. Warum Shopify allein nicht reicht
  3. Was ist Storyblok und warum ausgerechnet das?
  4. Wie funktioniert die Integration technisch?
  5. Shopify Hydrogen + Storyblok als Stack
  6. Wann reicht Shopify allein?
  7. Kosten und Aufwand

Wann Storyblok bei Shopify wirklich Sinn macht

Ehrlich? Storyblok ist nicht das Standard-Setup für Shopify. Shopify ist verdammt gut darin, Produkte zu verkaufen. Das ist seine Aufgabe.

Für viele Shops reicht Shopify Standard: Das Theme, der Blog, die Landingpages. Die meisten Marken denken sie brauchen mehr, aber wenn man genauer hinschaut brauchen sie nicht so viel.

Es gibt aber eine echte Klasse von Marken wo Shopify in allen anderen Bereichen perfekt passt, nur die Content-Maschine wird zum echten Problem. Bei denen ist Storyblok sinnvoll. Das ist ein Spezialfall, nicht die Norm. Wir bauen mit dieser Kombination, aber nicht häufig. Das ist wichtig zu verstehen: Das ist keine Standard-Empfehlung. Das ist ein Spezialfall für eine bestimmte Konstellation.

Die Faustregel: Solange dein Content-Bedarf unter 30% liegt, reicht Shopify. Was ist 30%? Das ist eine Heuristik aber praktisch bewährt:

  • Du hast einen Blog mit 50+ Artikeln, aber das ist Nebensache. Der Traffic ist klein.
  • Deine Landingpages sind eher Verkaufs-fokussiert als Story-fokussiert.
  • Dein Content muss nicht in mehrere Kanäle gehen (Email, Social Media, App).
  • Die meiste Zeit beschäftigen sich Besucher mit Produkten, nicht mit Content-Erlebnissen.

In diesem Setting: Nimm Shopifys eingebauten Blog, nutze Seiten und Page Builder für Landing Pages. Fertig. Du sparst die Komplexität von Storyblok.

Die Realität ist dass viele Marken sich selbst überschätzen: Sie denken sie brauchen Storyblok weil sie irgendwann mal ein großes Blogging-Projekt machen wollen. Aber sie tun es nicht. Ein Jahr später hat der Blog 8 Artikel. Da war Storyblok Mehraufwand, nicht Mehrwert.

Storyblok wird relevant wenn diese Bedingungen alle zutreffen:

  • Du brauchst wirklich viel Content: Viel visuelle Content-Pflege, mehrsprachig, mit Freigabeprozessen. Das lässt sich mit Shopify nicht elegant machen.
  • Shopify passt sonst überall perfekt: Deine Produkte, Checkout, Fulfillment, Zahlungsarten, alles funktioniert Standard. Es gibt keine großen Custom-Anforderungen im Commerce.
  • Alle anderen Shopify-Features sind ausreichend: Du brauchst nicht Algolia für Search, nicht Klaviyo für CRM, nicht 15 andere Integrationen. Shopify Standard reicht.
  • Dein Team kann die Integration managen: Du brauchst Developer die Hydrogen + Storyblok durchschauen. Das ist nicht nebenbei zu machen.

Das ist eine sehr spezifische Konstellation. Viele Marken denken sie brauchen das, aber wenn man genauer hinschaut ist es nicht so.


Warum Shopify allein nicht reicht

Shopify hat vieles. Theme Customization, Apps, eingebauten Blog, Landing Page Builder.

Aber "haben" ist nicht dasselbe wie "beherrscht".

Der Shopify Blog ist ein Blog. Punkt. Und ein eher grundlegender. Du kannst Artikel schreiben, sie kategorisieren, fertig. Für einen klassischen Blog reicht das. Für Content-Marketing braucht es mehr: flexible Seiten-Layouts, mehrsprachige Varianten, bedingtes Rendering ("Zeige diesen Content nur für deutsche Besucher"), die Möglichkeit Content in mehrere Ausgabewege zu spielen (Website, E-Mail, Social Media, App).

Der Shopify Page Builder ist auch ein Page Builder. Mit Limits. Du bist an Shopify Sections gebunden. Das ist besser als gar nichts, aber nicht das, was Design-Agenturen heute als "flexibel" bezeichnen würden.

Und: Was ist mit Content der nicht direkt mit Produkten verbunden ist? Ein Lookbook, das eine ganze Geschichte mit 15 Bildern und Texten erzählt, aber nur 3 Produkte verlinkt? Ein "About Us" mit Video, Timeline, Testimonials? Eine mehrseitige Kampagnen-Seite?

In Shopify musst du das alles als Seiten basteln oder Custom-Entwicklung einsetzen. Mit Storyblok definierst du einfach die Content-Struktur (komponentenbasiert), und dein Frontend lädt die JSON-Daten über API.

Das ist nicht nur flexibler. Es ist auch schneller zu pflegen.

Was ist Storyblok und warum ausgerechnet das?

Storyblok ist ein Headless CMS. Was heißt das?

Traditionelle CMS (WordPress, Shopify, Drupal) kombinieren Content-Verwaltung mit Präsentation. Du schreibst einen Artikel, das CMS zeigt ihn als Webseite an. Ausgabe und Input sind gekoppelt.

Ein Headless CMS trennt das. Storyblok kümmert sich nur um Content-Verwaltung. Ein visueller Editor (das ist nicht unwichtig), flexible Content-Strukturen, API für alles. Wo dieser Content landet, ist nicht Storybloks Problem.

Für Shopify bedeutet das konkret: Dein Frontend kommuniziert mit zwei APIs.

  1. Shopify GraphQL API für alle Commerce-Daten (Produkte, Preise, Bestell-Status, Kunden)
  2. Storyblok Content API für Seiten-Inhalte, Blog, Kampagnen, etc.

Das ist nicht mehr Komplexität, sondern die richtige Komplexität. Jedes System macht das, worin es exzellent ist.

Warum Storyblok und nicht Contentful oder Sanity?

Das ist ehrlich eine Geschmacksfrage. Alle drei sind gute Headless CMS.

Storybloks Vorteil: Es hat einen WYSIWYG Visual Editor, keine klassische Admin-Oberfläche. Das heißt, dein Content Manager sieht nicht Felder und Input-Typen, sondern eine echte Vorschau während er arbeitet. Das ist für Content-Teams eine große Sache. Contentful und Sanity machen das teilweise, aber nicht so intuitiv.

Storybloks zweiter Vorteil: Starke Integration in Jamstack-Stacks. Wenn dein Frontend in Next.js, Nuxt oder Vue läuft, sind die Storyblok-SDKs sehr ausgereift.

Dritter Vorteil: Europäer. GDPR by Design. Serverstandorte in Europa. Das zählt für manche Kunden.

Storyblok hat auch Limits. Das Management-Interface könnte manchmal intuitiver sein. API-Dokumentation hat Lücken. Aber im E-Commerce Space mit Shopify? Storyblok ist derzeit wahrscheinlich das beste Preis-Leistungs-Verhältnis.

Wie funktioniert die Integration technisch?

Die Architektur ist eigentlich einfach:

Browser → Frontend (Next.js/Nuxt) → Storyblok API + Shopify API → Content + Commerce-Daten

Dein Frontend macht zwei Dinge parallel:

  1. Es ruft die Seiten-Struktur von Storyblok ab (JSON)
  2. Es ruft Commerce-Daten von Shopify ab (Produkte, Verfügbarkeit, Preise)

Beispiel: Eine Kampagnen-Seite.

// Pseudo-Code
const page = await fetchFromStoryblok('campaigns/summer-2026')
const products = await fetchFromShopify(page.productIds)

// Rendern mit beiden Datenquellen
return render(page, products)

Storyblok liefert die Page-Struktur (Hero-Section, Text-Blocks, Bildergalerie, CTA-Buttons). Shopify liefert die aktuellen Preise und ob die Produkte verfügbar sind. Das Frontend kombiniert beides und zeigt eine fertige Seite.

Drei wichtige Punkte dazu:

1. Caching ist entscheidend. Storyblok-Content ändert sich nicht ständig. Das solltest du mit ISR (Incremental Static Regeneration) oder Edge Caching handhaben. Wenn du bei jeder Request live gegen die API fährst, wird's langsam. Mit Next.js auf Vercel oder Nuxt auf Netlify funktioniert das von Haus aus gut.

2. Preview muss funktionieren. Storyblok bietet einen Preview Mode wo Content Editors ihre Änderungen live sehen können (im Visual Editor). Das setzt voraus, dass dein Frontend Preview-Requests annehmen kann. Das ist nicht schwer zu implementieren, muss aber geplant werden.

3. Webhooks für Invalidation. Wenn in Storyblok Content veröffentlicht wird, muss dein Frontend davon erfahren und neu rendern. Dafür verwendest du Webhooks. Storyblok sendet einen POST an dein Deployment (Vercel, Netlify, etc.) und sagt "Seite X ist neu, bau neu". Das ist essentiell für frische Inhalte.

Die Komplexität ist für 80% der Use Cases managebar. Für 20% (sehr hohe Traffic-Zahlen, viele APIs parallel) brauchst du einen Tech-Lead der das orchestriert.

Shopify Hydrogen + Storyblok als Stack

Hydrogen ist Shopifys offizielle Framework für Custom Storefronts. React-basiert, optimiert für Shopify, mit allem was du brauchst (Server Components, Streaming, Caching).

Mit Hydrogen + Storyblok hast du einen sehr modernen Stack:

  • Hydrogen für alle Shop-Funktionen (Warenkorb, Checkout, Kundenkonto)
  • Storyblok für alles außer Shop-Features (Content, Kampagnen, FAQ)
  • GraphQL als Kommunikationsschicht

Das ist nicht mehr Shopifys Standard-Theme-System. Das ist eine individuell entwickelte Storefront die du kontrollierst.

Vor- und Nachteile von Hydrogen + Storyblok:

Vorteile:

  • Maximale Designfreiheit. Kein Theme-Limit, alle UI ist anpassbar
  • Moderne Development Experience. React, Server Components, TypeScript
  • Sehr gute Performance Scores durch Shopify Oxygen (Hosting) und Edge Rendering
  • Alle APIs stehen zur Verfügung. Nicht eingeschränkt auf Theme API

Nachteile:

  • Höhere Komplexität. Das ist kein Click-and-Deploy-System
  • Höhere initiale Kosten. 6-12 Monate statt 2-3 Monate
  • Mehr Verantwortung. Du bist zuständig für Updates, Security Patches, nicht Shopify
  • Entwickler brauchen React-Erfahrung. Das ist kein PHP oder einfaches Template-Editing

Für wen ist Hydrogen + Storyblok interessant?

  • Große Content-orientierte Marken (Mode, Beauty, Lifestyle)
  • Marken mit mehreren Sales-Kanälen wo der Shop nur einer ist
  • Premium E-Commerce wo individuelle UX/Design der Differenzierungsfaktor ist
  • Marken die Marketing und Shopping Experience gemeinsam denken

Nicht für KMU die morgen online gehen wollen. Aber für Marken mit Wachstums-Ambitionen und Budget? Absolut.

Wann macht die Kombi wirklich Sinn? Der Spezialfall

Ehrlich? Selten.

Storyblok + Shopify ist teuer und komplex. Das ist nur sinnvoll wenn du alle dieser Bedingungen erfüllst:

Du brauchst diese Kombi wenn:

  • Shopify passt wirklich überall sonst perfekt: Deine Produkte, Checkout, Fulfillment, Zahlungsarten, alles funktioniert Standard. Es gibt keine großen Custom-Anforderungen im Commerce.
  • Nur die Content-Maschine ist ein echtes Problem: Du brauchst viel visuelle Content-Pflege, mehrsprachig, mit Freigabeprozessen. Das lässt sich mit Shopify nicht elegant machen.
  • Alle anderen Shopify-Features sind ausreichend: Du brauchst nicht Algolia für Search, nicht Klaviyo für CRM, nicht 15 andere Integrationen. Shopify Standard reicht.
  • Dein Team kann die Integration managen: Du brauchst Entwickler die Hydrogen + Storyblok durchschauen. Das ist nicht nebenbei zu machen.

Das ist eine sehr spezifische Konstellation. Viele Marken denken sie brauchen das, aber wenn man genauer hinschaut ist es nicht so.

Wann macht es weniger Sinn:

Wenn du ein B2B2C Marketplace mit 1.000+ Verkäufern bist. Oder wenn du stark auf Produkt-Konfiguration angewiesen bist (Custom Sneaker, Made-to-Order). Dann ist die Komplexität kein Spielfeld, sondern ein echtes Hindernis.

Wann reicht Shopify allein?

Das ist die entscheidende Frage: Wie viel Content brauchst du wirklich? Im Daily Business, nicht in Projekten.

Wenn du hauptsächlich Kategorie-Banner und Startseite pflegst, ist Shopifys Standard Page Builder ausreichend. Das sind zwei bis drei Seiten, die du einmal monatlich anpasst. Dafür extra Storyblok aufzubauen ist Mehraufwand.

Shopify reicht wenn:

  • Deine Seiten eher Verkaufs-fokussiert sind als Story-fokussiert
  • Du keine Bedingungen brauchst ("Zeige diesen Content nur für deutsche Besucher")
  • Content nicht in mehrere Kanäle gehen muss
  • Änderungen selten sind (monatlich oder weniger)

In diesem Setting: Bleib bei Shopifys eingebautem Blog und Page Builder. Das ist schneller, günstiger und du vermeidest Komplexität die du nicht brauchst.

Unser Rat: Fangt mit Shopify Standard an. Wenn nach 6 Monaten klar ist dass ihr wirklich viel Content-Publishing mit Freigabeprozessen und mehrsprachigen Varianten braucht, könnt ihr noch immer zu Storyblok+Hydrogen wechseln. Die Migration ist möglich, aber nicht trivial.

Kosten und Aufwand

Transparenz ist uns wichtig.

Storyblok:

  • Kostenlos für sehr kleine Setups (bis ~10 Pages)
  • Kostenpflichtige Pläne für Teams und größere Projekte (aktuelle Preise auf der Storyblok-Website zum aktuellen Zeitpunkt)
  • Individuelle Enterprise-Pläne für große Anforderungen

Shopify Hydrogen Hosting:

  • Aktuelle Preise zum aktuellen Zeitpunkt direkt bei Shopify. Kommt auf dein Volumen an.

Entwicklung:

Jetzt wird's relevant.

Ein Standard-Shopify-Shop mit Theme: 6.000+ EUR wenn es nicht komplett trivial ist.

Ein Hydrogen + Storyblok Setup für die gleiche Marke: 25.000+ EUR. Das ist 3-4x höher initial.

Warum?

  • Basis-Setup des Hydrogen-Frameworks
  • Storyblok-Integration (Components, Preview, Webhooks)
  • Individuelle Seiten-Layouts und Design-Komponenten
  • SEO-Optimierung für Headless (SSG, ISR, Preview)
  • Deployment-Pipeline einrichten
  • Performance-Optimierung

Das ist nicht Luxus. Das ist die Realität von modernem E-Commerce.

Die ehrliche Gesamtkostenbetrachtung:

Jahr eins mit Hydrogen + Storyblok: Die Investition ist höher. Setup 25.000+ EUR plus laufende Hosting- und Tool-Kosten.

Versus Shopify Theme-Setup: 15.000+ EUR Setup plus laufende Plan- und App-Kosten.

Das ist ein großer Unterschied.

Wann rechnet sich der Mehraufwand?

  • Wenn du langfristig (3+ Jahre) planst und viel Content-Publishing hast. Dann wird die höhere Flexibilität zum wirtschaftlichen Vorteil.
  • Wenn du damit rechnen kannst dass die Seite Traffic generiert der das Projekt-Investment über Content-Marketing-Effekte wieder reinbringt.
  • Wenn du regelmäßig Design-Kampagnen und Sonderseiten baust.

Für eine Fashion-Marke mit mehr als 50.000 monatlichen Besuchern: Ja, macht die Investition Sinn.

Für einen Handwerk-Shop mit 5.000 monatlich: Nein. Zu teuer für den Ertrag.


Fazit: Die Plattform ist nicht die Entscheidung

Storyblok + Shopify ist nicht die beste Lösung für jeden. Sie ist eine sehr gute Lösung für eine spezifische Klasse von Shops.

Die Frage die du stellen solltest ist nicht "Brauche ich Storyblok?" sondern "Wie viel Content-Marketing ist zentral für mein Geschäft? Und kann ein Standard-CMS das abdecken?"

Wenn die Antwort "Ja" ist: Bleib bei Shopify und spar die Komplexität.

Wenn die Antwort "Nein" ist: Schau dir Hydrogen + Storyblok an und kalkuliere real.

Es gibt keine richtige Plattform. Es gibt nur die richtige Lösung für dein Geschäftsmodell.


Weiterführende Artikel

Häufig gestellte Fragen

Wie viel Erfahrung brauche ich um Shopify selbst zu nutzen?
Wenig. Shopify ist auch für Anfänger geeignet. Du kannst schnell starten und später Agenturen für Spezialaufgaben hinzuziehen.
Kann ich meine Shopify-Seite später zu einer anderen Plattform umziehen?
Ja aber mit Aufwand. Datenmigration ist machbar, Customizations müssen oft neu geschrieben werden. Am besten bei Startup gut planen.
Wie sicher sind meine Kundendaten bei Shopify?
Shopify ist PCI-DSS zertifiziert und sicher. Die meisten Sicherheitsprobleme entstehen durch schwache Passwörter oder unsichere Apps, nicht durch die Plattform.
Was ist der beste Shopify Plan für Anfänger?
Der Basic Plan (29€/Monat) reicht für Start. Mit mehr Traffic und Customizations fängst du später zu einem höheren Plan auf.

Klingt nach eurem Projekt?

30 Minuten Erstgespräch. Kostenlos, ehrlich, ohne Verkaufsdruck. Wir hören zu, stellen die richtigen Fragen und geben eine klare Einschätzung.

Termin vereinbaren

Erst Klarheit.
Dann Entscheidung.

30 Minuten Erstgespräch. Wir hören zu, stellen die richtigen Fragen und geben eine klare Einschätzung.

Termin vereinbaren

Kostenlos & unverbindlich · 30 Min.