shopify website erstellen

Eine Shopify Website auf Hydrogen läuft bei mir als Festpreis nach Brief, keine Stundensätze, keine Nachforderungen, keine offenen Scopes. Der Preis wird von drei Faktoren getrieben: Sortiment und Komplexität der Produktdaten, Shopify-Plan (Plus oder Standard), Internationalisierung mit mehreren Märkten und Währungen. Eine deutschsprachige Storefront mit 200 SKUs, Sanity als CMS-Layer und Standard-Checkout liegt am unteren Ende der Spanne. Eine mehrsprachige Storefront auf Shopify Plus mit Checkout-Customization, Algolia-Search und drei Märkten am oberen Ende. Sie zahlen 50% bei Vertragsschluss, 50% bei Launch. Im Festpreis enthalten sind Storefront, CMS-Anbindung, Tracking-Setup, 14 Tage Post-Launch-Support. Nicht enthalten sind Shopify-Plan-Gebühren, bezahlte CMS-Lizenzen, Produktfotografie. Der Festpreis wird in Phase PH_01 fixiert, bevor wir den Vertrag unterschreiben.

Headless-Storefront auf Hydrogen: 8 bis 12 Wochen von Brief zu Launch. 8 Wochen, wenn das Sortiment unter 300 SKUs liegt, ein Markt, kein Migrationsdruck, klare Markenrichtlinien. 12 Wochen bei Shopify Plus mit Checkout-Customization, mehreren Märkten, Migration von WooCommerce oder Magento, oder einer parallelen Editorial-Strategie mit Sanity. Das Tempo kommt nicht aus Eile, sondern aus Architektur. Hydrogen, Sanity, Vercel — der Stack ist auf schnelle Iteration ausgelegt. Tägliche Deploys auf Preview-URLs, wöchentliche Reviews mit Ihnen. Kein wochenlanges Schweigen zwischen Meilensteinen, kein Last-Minute-Wasserfall vor dem Launch. Das Lieferdatum steht im Vertrag, mit Pönale-Klausel bei Verzug aus meinem Verantwortungsbereich.

Ein Shopify Theme ist Liquid-Template auf der Shopify-Domain. Schnell installiert, durch Liquid und das Theme-Editor-Modell limitiert. Jede Theme-App lädt Render-blockierendes JavaScript, jede Anpassung läuft durch das Liquid-Korsett. Headless trennt Storefront und Backend: Shopify bleibt Commerce-Engine (Produkte, Bestellungen, Checkout, Inventory, Compliance), das Frontend baue ich auf Hydrogen oder Next.js. Das löst zwei Probleme: Design-Freiheit ohne Liquid-Zwang, und Performance ohne Theme-Overhead. Sie verlieren keine Shopify-Funktion. Sie gewinnen die volle React-Freiheit, eine sauber typisierte Codebase, Edge-Caching und ein modernes Deployment-Modell. Der Trade-off: höhere Initial-Investition, Entwickler-Abhängigkeit für Frontend-Änderungen. Headless lohnt sich, wenn Marke und Performance über Self-Service stehen.

Hydrogen ist das offizielle React-Framework von Shopify, gebaut auf Remix. Es ist auf Storefronts spezialisiert: Cart-Logik, Checkout-Übergabe, Storefront-API-Integration, Caching auf Edge-Ebene, Customer Account API. Hydrogen kommt mit fertigen Komponenten für Variant-Picker, Cart-Drawer, Money-Formatting, Image-Optimierung — Sie schreiben weniger Boilerplate, ich liefere schneller. Ich deploye Hydrogen auf Shopifys Oxygen-Hosting (free Tier inkl., global verteilt) oder auf Vercel, wenn Sie bereits dort sind. Hydrogen ist nicht Pflicht für Headless. Next.js mit Storefront API funktioniert ebenfalls und ist die richtige Wahl, wenn Sie ein bestehendes Next.js-Setup oder einen Marketing-Site-Bestand haben. Hydrogen ist die direkteste Linie, wenn Shopify-spezifische Features zentral sind.

Nein. Headless funktioniert auf den Standard-Plänen von Shopify, die im günstigen Monatsbereich liegen. Plus brauchen Sie für drei Dinge: Checkout-Customization (eigene Felder, Logik, UI im Checkout über Checkout Extensibility), Shopify Markets Pro mit Tax-Handling und Duty-Berechnung für mehrere Länder, oder ab einem Jahresvolumen, das die Plus-Konditionen rechtfertigt. Plus bringt zusätzlich Shopify Functions, B2B-Features, Wholesale-Channels, Multi-Store-Setups und einen dedizierten Launch-Manager. Unterhalb dieser Schwellen ist Standard ausreichend. Viele meiner Kunden starten auf Standard und upgraden auf Plus, wenn das Geschäft es trägt. Ich kläre die Plan-Frage in Phase PH_01 vor Vertragsschluss, damit der Build auf der finalen Plattform sitzt.

Ja. Produkte, Kollektionen, Kunden, Bestellungen bleiben in Shopify. Es ändert sich nur das Frontend. Wir migrieren in zwei Schritten: zuerst die statischen Inhalte (Editorial, About, Journal) nach Sanity oder Metaobjects, dann das Frontend selbst auf Hydrogen. Die Theme-Storefront läuft parallel weiter, bis der Headless-Build live ist. Cutover über DNS-Switch, kein Downtime-Risiko. URL-Mapping wird vorab geplant, 301-Redirects vermeiden Ranking-Verluste. Der erste Schritt ist immer ein technisches Audit der bestehenden Theme-Storefront: welche Apps sind aktiv, welche Liquid-Customizations existieren, welche URLs müssen erhalten bleiben. Erst danach planen wir den Cutover. Migration dauert typisch 10–12 Wochen, weil das Datenmapping und das URL-Konzept der teuerste Teil sind.

Der Checkout läuft auf Shopifys Infrastruktur, nicht im Headless-Frontend. Der Cart wird per Storefront API gebaut (Hydrogen liefert die Hooks), beim Checkout übergeben wir an checkout.shopify.com oder an die eigene Checkout-Domain mit Subdomain wie shop.ihre-marke.de. PCI-Compliance, Fraud-Detection, Payment-Logik, Steuer-Berechnung bleiben bei Shopify — das ist auch der Hauptgrund, Shopify als Backend zu wählen. Auf Plus passen wir den Checkout per Checkout Extensibility (UI Extensions, Functions) an — eigene Felder, Validierungslogik, Branding, Cross-Sell-Slots, Treuepunkte-Anzeige. Auf Standard ist Branding möglich (Farben, Logo, Schriften), eigene Logik nicht. Das ist der häufigste Auslöser für ein Plus-Upgrade.

Shopify Payments (intern, niedrigste Gebühren in DE bei transparenter Transaktionsstruktur je Provider), Klarna (Rechnung, Sofort, Ratenzahlung), PayPal, Apple Pay, Google Pay, SEPA-Lastschrift via Stripe oder Mollie. Auf Plus zusätzlich eigene Gateway-Integrationen, etwa für B2B-Rechnungskauf oder regionale Provider. Für DE ist die Standard-Stack: Shopify Payments + Klarna + PayPal — deckt 90% der Conversion-Pfade ab. Apple Pay und Google Pay aktiviere ich automatisch im Checkout, kein Setup nötig, kein zusätzlicher Code. SEPA wird nachgerüstet, wenn B2B oder Abonnement-Modelle dazukommen. Die Auswahl der Provider entscheidet stark über die Checkout-Conversion — wir treffen die Entscheidung in PH_01 anhand Ihrer Zielmärkte.

Server-Side Tracking via Shopifys Customer Events, GA4 mit Consent Mode v2, Meta Conversion API direkt vom Shopify-Backend, optional TikTok Events API und Pinterest Conversions API. Cookie-Consent über Usercentrics oder Cookiebot, integriert in Hydrogen mit React-Provider. Kein Pixel-Spam im Frontend. Vorteil server-side: weniger Adblocker-Verluste, kein Performance-Hit auf Lighthouse, sauberere Daten in GA4 und Meta. Ich richte den DSGVO-konformen Stack in Phase PH_05 ein — Datenverarbeitungsverträge mit Shopify, Vercel und Sanity, Auftragsverarbeitungsanhänge, Privacy-Policy-Snippets liefere ich als Vorlage. Kein Anwalt-Ersatz, aber ein technisch sauberer Start. Die Cookie-Banner-Logik respektiert Consent Mode v2: ohne Consent läuft nur statistisches Tracking auf Shopify-Server.

Ja. Shopify Markets ist die native Lösung — Sprachen, Währungen, Steuersätze, regionales Pricing pro Markt. Im Frontend rendern wir per Hreflang-Tags und Subpath-Routing (`/de`, `/en`, `/fr`) oder per Subdomain, je nach SEO-Strategie. GeoIP-Detection schlägt einen Markt vor, der Nutzer entscheidet final über einen Markt-Switcher in der Navigation. Auf Plus zusätzlich Markets Pro mit lokalen Steuern und Duty-Berechnung für Cross-Border-Sendungen in die USA, UK, Schweiz. Übersetzungen verwalte ich entweder in Shopify Translate & Adapt oder in Sanity, je nachdem, wo der Editorial-Content liegt. Produkttexte typischerweise in Shopify, Editorial in Sanity. Sprachschalter und Währungsschalter sind getrennt, weil Sprache und Währung nicht immer korrelieren.

Bestehende Produkte, Varianten, Lagerbestände, Bestellhistorie und Kunden-Accounts bleiben in Shopify. Das Headless-Frontend liest sie per Storefront API. Bei Migration von WooCommerce oder Magento importiere ich Produkte via CSV oder Matrixify, Bestellhistorie via Order-Import, Kunden via Customer-Import. Bei Migration von einem Shopify-Theme zu Headless ändert sich am Inventar gar nichts, nur das Frontend wird ersetzt. Inventar-Sync zu ERP oder Warehouse läuft über Webhooks oder Tools wie Xentral, plentymarkets, JTL. Die Sync-Strategie wird in PH_01 festgelegt, nicht improvisiert. Wichtig ist die Reihenfolge: erst Sync-Logik testen, dann Frontend, dann Cutover. Datenverlust ist die häufigste Migrationspanne, deshalb läuft ein Dry-Run mit echten Bestellungen vor dem DNS-Switch.

Lighthouse 95+ auf Produkt- und Kollektionsseiten, garantiert per Akzeptanzkriterium im Vertrag. Largest Contentful Paint unter 1.5s, Cumulative Layout Shift unter 0.05, Interaction to Next Paint unter 200ms. Edge-Caching auf Vercel oder Oxygen, Bilder über Shopify CDN mit AVIF/WebP und responsive srcset, kritisches CSS inline, Skripte deferred. Theme-Storefronts liegen typisch bei Lighthouse 50–70 mobil — nicht weil Shopify schlecht ist, sondern weil Theme-Apps Render-blockierend laden, jede mit eigener Pixel-Ladung. Headless eliminiert die App-Schicht und ersetzt sie durch typisierte React-Komponenten. Performance ist nicht nur Lighthouse-Score, sondern messbarer Conversion-Hebel. 1s schneller LCP heißt im Median 7% mehr Conversion auf Mobile.

Shopify Plus liegt im hohen vierstelligen Monatsbereich bei Jahresvertrag. Bei höherem Volumen wird die Gebühr umsatzabhängig (Anteil am GMV mit Kappung). Die Standard-Pläne (Basic, Shopify, Advanced) liegen deutlich darunter im günstigen Monatsbereich. Hinzu kommen Transaktionsgebühren, wenn Sie nicht Shopify Payments nutzen, und App-Kosten. Plus rechnet sich erst ab einem deutlichen Jahresumsatz oder wenn Sie Checkout-Customization, Markets Pro, B2B-Funktionen oder mehrere Stores brauchen. Diese Frage kläre ich vor Vertragsschluss, nicht im Build. Wer auf Standard startet und später upgradet, verliert keine Daten — der Wechsel ist ein Verwaltungsschritt, kein technischer Eingriff.

Sie. Produkte, Varianten, Bestellungen, Kundendaten pflegen Sie im Shopify-Admin wie gewohnt — das Headless-Frontend ändert daran nichts. Editorial-Content (Hero-Stories, Kampagnen-Seiten, Journal, Lookbooks) pflegen Sie in Sanity Studio oder über Shopify Metaobjects — visueller Editor, Live-Preview, Rollback, Versionsverwaltung. Sanity erlaubt Multi-User-Editing mit Rollen, Metaobjects sind direkt im Shopify-Admin. Welches Tool wir wählen, hängt vom Editorial-Volumen ab. Ich liefere ein 60-minütiges Übergabe-Video, ein schriftliches Runbook, eine Test-Umgebung. Optional 3 Monate Hypercare als separater Festpreis-Posten: Bug-Fixes, kleine Feature-Adds, Performance-Monitoring, monatliche Reports zu Lighthouse und Conversion. Danach Wartungsvertrag mit festem Stundenkontingent oder On-Demand-Buchung.