Euer Shopify-Checkout hat Anpassungen, die über Jahre gewachsen sind. Scripts steuern Rabattlogik, checkout.liquid regelt das Layout, Additional Scripts feuern Tracking-Pixel. Drei Systeme, die unabhängig voneinander entstanden sind und zusammen dafür sorgen, dass euer Checkout macht, was er soll.
Das Problem: Shopify schaltet alle drei ab. Nicht nacheinander, nicht optional. Bis Ende August 2026 wird jede dieser Technologien durch ein neues Framework ersetzt: die Shopify Checkout Extensibility.
Wer nur die Scripts-Migration plant, löst ein Drittel des Problems. Wer den Checkout als Ganzes betrachtet, spart doppelten Testaufwand und bekommt einen Checkout, der schneller, sicherer und einfacher zu warten ist.
Dieser Artikel erklärt die neue Architektur, zeigt was sich konkret ändert und führt euch durch die Migration in vier Phasen. Den vollständigen Migrations-Fahrplan mit Checklisten und Kostenrahmen gibt es als kostenlosen PDF-Leitfaden.
Was Checkout Extensibility ist und warum Shopify den gesamten Checkout umbaut
Shopify Checkout Extensibility ist keine einzelne Funktion. Es ist die komplette Neuarchitektur des Shopify-Checkouts, die drei Legacy-Systeme gleichzeitig ablöst:
checkout.liquid war das Template-System für visuelle Checkout-Anpassungen. Layout, Felder, Banner, Upsell-Elemente: Alles, was Kunden im Checkout sehen, wurde hier gesteuert. Das Problem: Jedes Shopify-Update konnte das Template brechen. Und Custom Code im Checkout war ein Sicherheitsrisiko, das Shopify angesichts wachsender Compliance-Anforderungen nicht mehr tragen wollte.
Shopify Scripts steuerten die serverseitige Logik: Rabatte, Versandregeln, Zahlungsmethoden. Sie werden am 30. Juni 2026 abgeschaltet. Wer die technischen Details der Scripts-Migration braucht, findet sie in unserem Vergleich von Functions und Scripts.
Additional Scripts waren das Tracking-Werkzeug: Facebook Pixel, GA4, TikTok. Alles, was im Checkout und auf der Danke-Seite gemessen wurde, lief über Script-Tags, die direkt in den HTML-Code injiziert wurden.
Shopify hat diese Systeme nicht ohne Grund gleichzeitig abgelöst. Alle drei teilten dasselbe strukturelle Problem: unkontrollierter Custom Code im sensibelsten Bereich des Shops. Jede Zeile Code im Checkout ist ein potenzieller Breaker bei Updates, ein Sicherheitsrisiko und ein Performance-Killer.
Die neue Checkout Extensibility löst das, indem sie Anpassungen in eine kontrollierte, sandbox-basierte Umgebung verlagert. Seit Januar 2026 ist Checkout Extensibility v2 verfügbar und bringt eine wichtige Änderung: Checkout UI Extensions stehen jetzt allen Shopify-Plänen offen, nicht mehr nur Plus-Merchants. Das demokratisiert Checkout-Anpassungen und erweitert das App-Ökosystem erheblich.
Shopify selbst beziffert den Performance-Gewinn: Checkout-Interaktionen sind mit dem neuen System doppelt so schnell, und der durchschnittliche Conversion-Uplift liegt bei 1%. Bei einem Store mit 2 Millionen EUR Jahresumsatz sind das 20.000 EUR zusätzlicher Umsatz, nur durch die technische Migration.
Die drei Bausteine der neuen Checkout-Architektur
Die Checkout Extensibility besteht aus drei klar getrennten Bausteinen. Jeder ersetzt einen Teil der alten Welt und hat einen definierten Zuständigkeitsbereich.
Dazu kommt: Shopify Pixels ersetzen Additional Scripts für Tracking. Facebook Pixel, GA4, TikTok und andere Tracking-Tools werden über die Customer Events API eingebunden, nicht mehr über Script-Tags.
Warum diese Trennung wichtig ist: In der alten Welt war checkout.liquid ein monolithisches Template, das Logik, Darstellung und Design vermischte. Ein Entwickler, der ein Upsell-Banner hinzufügte, arbeitete in derselben Datei wie jemand, der die Schriftfarbe änderte. Konflikte, Überschreibungen und schwer zu debuggende Fehler waren die Folge.
In der neuen Welt sind die drei Bereiche entkoppelt. Euer Marketing-Team kann das Checkout-Design über den visuellen Editor anpassen, ohne eine Zeile Code anzufassen. Gleichzeitig kann euer Entwicklungsteam eine Custom Discount Function deployen, ohne das Design zu beeinflussen. Und eine App aus dem Store kann ein Trust-Badge als UI Extension hinzufügen, ohne die Rabattlogik oder das Branding zu berühren.
Praktisch heißt das: Nicht jede Checkout-Anpassung braucht einen Entwickler. Die Branding API ist komplett über den visuellen Checkout Editor steuerbar. Viele UI Extensions sind als fertige Apps im Store verfügbar. Nur für Custom Functions und maßgeschneiderte UI Extensions braucht ihr Development-Kapazität.
Den vollständigen Überblick über alle Functions APIs mit Entscheidungshilfe für jeden Script-Typ findet ihr in unserem Shopify Scripts Migrations-Leitfaden (PDF).
Checkout UI Extensions: Was sich visuell ändert
Checkout UI Extensions sind der Baustein, den die meisten Merchants noch nicht auf dem Schirm haben. Während die Scripts-Migration Aufmerksamkeit bekommt, weil eine harte Deadline dahintersteht, läuft die checkout.liquid-Ablösung für viele unter dem Radar.
Dabei steckt hier oft mehr Arbeit als in der Scripts-Migration. Denn checkout.liquid war das Werkzeug für alles, was Kunden im Checkout sehen: Upsell-Module, Geschenkverpackungs-Optionen, Lieferhinweise, Trust-Badges, Custom Fields für B2B-Bestellnummern oder Sonderwünsche.
Was ihr mit UI Extensions umsetzen könnt
Zusätzliche Eingabefelder. Bestellhinweise, PO-Nummern für B2B-Kunden, Wunschliefertermine, Rechnungsreferenzen. Diese Felder werden als Metafields gespeichert und stehen in der Bestellverwaltung und in Automatisierungen zur Verfügung.
Upsell- und Cross-Sell-Module. Produktempfehlungen direkt im Checkout, basierend auf dem Warenkorbinhalt. Eine Schutzhülle zum Laptop, ein Pflegemittel zum Schuh. Wichtig: Diese Module laufen in der Shopify-Sandbox und haben keinen Zugriff auf das DOM. Das verhindert Layout-Brüche und Sicherheitsprobleme.
Trust-Elemente. Versandversprechen ("Lieferung bis Freitag"), Zahlungsgarantien, Gütesiegel. Elemente, die Conversion-Zweifel im letzten Moment abfangen.
Geschenkverpackung und Personalisierung. Checkbox für Geschenkverpackung, Textfeld für persönliche Nachrichten, Auswahl zwischen Verpackungsoptionen. Alles als strukturierte Daten, nicht als Freitextfeld im Bestellkommentar.
Post-Purchase Extensions. Angebote auf der Danke-Seite und im Order-Status. Kunden, die gerade gekauft haben, sind die wertvollste Zielgruppe für Nachverkäufe.
Plus vs. Non-Plus: Was geht auf welchem Plan?
Mit der Einführung von Checkout Extensibility v2 im Januar 2026 hat Shopify die Verfügbarkeit deutlich erweitert:
Was das bedeutet: Non-Plus-Merchants können jetzt Apps aus dem Store installieren, die Checkout UI Extensions nutzen, zum Beispiel für Trust-Badges, Upsells oder Custom Fields. Was nicht geht: eigene, maßgeschneiderte UI Extensions als Custom App deployen. Das bleibt Plus vorbehalten.
Für die meisten Merchants reicht das App-Ökosystem. Wer Custom UI Extensions braucht (spezielle B2B-Flows, komplexe Konfigurationsfelder, Integration mit externen Systemen), braucht Shopify Plus.
Der Checkout Editor
Die gute Nachricht: Für viele Anpassungen braucht ihr keinen Entwickler. Der Checkout Editor im Shopify Admin ist ein visuelles Drag-and-Drop-Tool, mit dem ihr installierte UI Extensions positionieren, aktivieren und konfigurieren könnt. Ihr seht eine Vorschau des Checkouts und platziert Blöcke an definierten Stellen: vor der Kontaktinformation, nach den Versandoptionen, auf der Danke-Seite.
Das ersetzt den Prozess, bei dem ein Entwickler checkout.liquid bearbeiten musste, um ein Banner an die richtige Stelle zu setzen.
Checkout Branding API: Design ohne checkout.liquid
Die Checkout Branding API steuert alles, was das visuelle Erscheinungsbild des Checkouts betrifft: Farben, Schriften, Logo-Platzierung, Hintergründe, Button-Styles, Formularfeld-Darstellung.
Was über den visuellen Editor steuerbar ist
Der Checkout Editor im Shopify Admin bietet direkte Kontrolle über:
- Farben: Primärfarbe, Sekundärfarbe, Hintergrundfarbe, Textfarben, Link-Farben, Fehlerfarben
- Typografie: Schriftfamilie für Überschriften und Fließtext, Schriftgrößen
- Logo: Position (links, zentriert, rechts), Größe, Datei
- Formularfelder: Rahmen-Style (outline, underline, none), Eckenradius
- Buttons: Primäre und sekundäre Button-Styles, Hover-Zustände
Was sich geändert hat
Seit Februar 2026 gilt eine Einschränkung: Hintergrundbilder im Checkout-Header und im Hauptbereich sind nicht mehr möglich. Bestehende Bilder können entfernt, aber nicht neu hinzugefügt werden. Shopify hat diesen Schritt mit Performance und Accessibility begründet. Wer bisher ein Hero-Image im Checkout hatte, muss auf farbige Hintergründe oder Farbverläufe umstellen.
Wann ihr die API direkt braucht
Der visuelle Editor deckt die meisten Branding-Anforderungen ab. Die API direkt anzusprechen lohnt sich in zwei Fällen:
Automatisierung. Wenn ihr saisonale Checkout-Designs habt (Weihnachten, Black Friday), könnt ihr per API zwischen vordefinierten Designs wechseln, ohne jedes Mal manuell im Editor zu arbeiten.
Multi-Store-Konsistenz. Wenn ihr mehrere Shopify-Stores betreibt und ein einheitliches Checkout-Design sicherstellen wollt, ist die API der Weg, das zentral zu steuern.
Drei Deadlines, ein Migrationsplan
Die Checkout-Migration ist nicht ein einzelnes Projekt mit einem Termin. Es sind drei Deadlines, die unterschiedliche Systeme betreffen und unterschiedliche Store-Typen adressieren.
Für Plus-Stores ist die checkout.liquid-Deadline bereits vergangen (August 2025). Wer bis dahin nicht migriert hatte, wurde automatisch auf Checkout Extensibility umgestellt, wobei alle Legacy-Customizations entfernt wurden.
Warum koordinierte Migration sinnvoll ist: Wenn ihr ohnehin eure Scripts migrieren müsst (Deadline: 30. Juni), lohnt es sich, die checkout.liquid-Anpassungen gleich mitzunehmen. Beide Migrationen betreffen denselben Bereich (den Checkout), brauchen denselben Testaufwand und dieselben Ansprechpartner im Team.
Ein konkretes Beispiel: Euer Store hat vier Scripts (Mengenrabatte, PLZ-Versandregeln, B2B-Zahlungsmethoden, Tracking) und nutzt checkout.liquid für ein Upsell-Banner und ein Geschenkverpackungs-Feld. Wenn ihr beides separat migriert, testet ihr den Checkout zweimal unter Realbedingungen. Wenn ihr beides zusammen migriert, testet ihr einmal. Bei einem Store mit hohem Traffic ist ein Checkout-Test kein triviales Unterfangen.
Den detaillierten Migrationskalender mit Wochen-Checkpoints findet ihr in unserem Shopify Scripts Migrations-Leitfaden (PDF).
Schritt für Schritt: So plant ihr die Checkout-Migration
Die Migration ist kein Sprint. Sie ist ein strukturierter Prozess in vier Phasen, der sich über sechs bis zehn Wochen erstreckt.
Phase 1: Bestandsaufnahme (3-5 Tage)
Scripts-Seite: Öffnet den Scripts Customizations Report im Shopify Admin (Settings, Checkout, Scripts Report). Er listet alle aktiven Scripts und schlägt Ersatzlösungen vor. Dokumentiert für jeden Script: Was tut er? Wer hat ihn erstellt? Wann wurde er zuletzt geändert? Gibt es Abhängigkeiten zu anderen Systemen?
checkout.liquid-Seite: Macht ein Audit eurer checkout.liquid-Anpassungen. Welche visuellen Elemente wurden hinzugefügt? Welche nutzen JavaScript? Welche greifen auf Liquid-Variablen zu, die in UI Extensions nicht verfügbar sind?
Tracking-Seite: Erfasst alle Additional Scripts und Script-Tags. Facebook Pixel, GA4, Google Ads Conversion Tracking, TikTok, Bing, Affiliate-Tracking. Diese tauchen nicht im Scripts Customizations Report auf, müssen aber auf Shopify Pixels migriert werden.
Ergebnis: Eine vollständige Liste aller Checkout-Anpassungen, kategorisiert nach System (Scripts, checkout.liquid, Additional Scripts) und Komplexität.
Phase 2: Migrationspfade wählen (1 Woche)
Für jede Anpassung gibt es drei mögliche Wege:
Nativ. Shopify bietet die Funktionalität inzwischen als eingebautes Feature. Beispiel: Automatische Rabatte, kostenloser Versand, Checkout Branding. Kosten: 0 EUR.
App. Eine App aus dem Shopify App Store nutzt Checkout Extensibility unter der Haube. Beispiel: Upsell-Apps, Trust-Badge-Apps, Custom-Field-Apps, Tracking-Apps. Kosten: 20-200 EUR pro Monat.
Custom. Eine maßgeschneiderte Function oder UI Extension, die als eigene App deployt wird. Beispiel: PLZ-basierte Zahlungsregeln, komplexe Bundling-Logik, B2B-Konfigurationsfelder mit ERP-Integration. Kosten: 2.000-10.000 EUR pro Komponente.
Priorisierung: Umsatzkritische Anpassungen zuerst. Ein Mengenrabatt, der 15% eurer Bestellungen betrifft, hat Vorrang vor einem Trust-Badge. Technische Schulden in Form veralteter Scripts, die niemand mehr versteht, sollten identifiziert und bewusst nicht migriert werden.
Phase 3: Parallelbetrieb und Testing (2-4 Wochen)
Bis zum 30. Juni 2026 können Scripts und Functions parallel laufen. Nutzt dieses Fenster.
Rollout mit Customer Tags. Taggt Testkunden, die die neue Checkout-Logik sehen. Vergleicht Conversion Rate, Average Order Value und Fehlerquoten zwischen alter und neuer Logik.
Edge Cases testen. Gutschein-Kombinationen, Länder-Varianten, Mindestbestellwerte, B2B-Kunden mit speziellen Konditionen. Die meisten Probleme bei Checkout-Migrationen tauchen in Edge Cases auf, nicht im Standard-Flow.
Tracking verifizieren. Überprüft, dass alle Pixel korrekt feuern. Facebook CAPI, GA4 Enhanced Conversions, Server-Side Tracking: All das muss nach der Migration auf Shopify Pixels genauso zuverlässig laufen wie vorher.
Checkout UI Extensions testen. Prüft, dass Upsell-Module, Custom Fields und Trust-Badges an der richtigen Stelle erscheinen, auf allen Geräten funktionieren und mit den neuen Functions interagieren, ohne Konflikte zu erzeugen.
Phase 4: Rollout und Monitoring (1-2 Wochen)
Go-Live. Scripts deaktivieren, checkout.liquid-Customizations entfernen, Functions und UI Extensions als alleinige Logik aktivieren.
48-72 Stunden intensives Monitoring. Checkout Conversion Rate, Abbruchrate pro Schritt, Fehlermeldungen, Tracking-Daten. Jede Abweichung vom Baseline sofort untersuchen.
Dokumentation. Welche Functions sind deployt? Welche UI Extensions? Welche Apps? Wer ist für was zuständig? Wer hat Zugang zum Checkout Editor? In sechs Monaten wird niemand mehr wissen, warum eine bestimmte Extension an einer bestimmten Stelle sitzt, wenn es nicht dokumentiert ist.
Was die Umstellung kostet
Die Kosten hängen davon ab, wie viel eures Checkouts custom-gebaut ist. Drei typische Szenarien:
Laufende Kosten: Apps für UI Extensions und Functions kosten typischerweise 20-200 EUR pro Monat. Custom Functions haben keine laufenden Kosten (sie werden als App deployt und von Shopify gehostet).
Das ROI-Argument
Shopify berichtet von einem durchschnittlichen Conversion-Uplift von 1% nach der Migration auf Checkout Extensibility. Dazu kommen doppelt so schnelle Checkout-Interaktionen durch die sandboxed Architektur.
Bei einem Store mit 500.000 EUR Monatsumsatz und 3% Conversion Rate bedeutet 1% Uplift: 5.000 EUR zusätzlicher Monatsumsatz. Die Migrationskosten amortisieren sich in den meisten Fällen innerhalb von drei bis sechs Monaten.
Was oft vergessen wird: Die Kosten der Nicht-Migration. Am 30. Juni 2026 hört eure Rabattlogik auf zu funktionieren. Am 26. August verliert ihr eure Checkout-Anpassungen. Notfall-Migrationen unter Zeitdruck kosten erfahrungsgemäß das Zwei- bis Dreifache einer geplanten Migration. Und entgangener Umsatz durch einen defekten Checkout lässt sich nicht nachholen.
Die vollständige Kostenaufschlüsselung nach Store-Größe und Script-Anzahl findet ihr in unserem Shopify Scripts Migrations-Leitfaden (PDF).
Häufige Fragen zur Shopify Checkout Extensibility
Muss ich auf Checkout Extensibility migrieren, auch wenn ich kein Shopify Plus habe?
Ja. Seit Januar 2026 sind Checkout UI Extensions für alle Shopify-Pläne verfügbar. Die Deadline für die automatische Migration der Danke-Seite und Bestellstatus-Seite liegt für Non-Plus-Stores beim 26. August 2026. Wer Scripts nutzt, hat zusätzlich die Deadline am 30. Juni.
Kann ich Checkout Extensibility testen, bevor ich meine alten Anpassungen abschalte?
Ja. Shopify erlaubt Parallelbetrieb: Scripts und Functions können gleichzeitig aktiv sein (bis 30. Juni 2026). Für UI Extensions könnt ihr den Checkout Editor nutzen, um neue Extensions neben bestehenden checkout.liquid-Anpassungen zu testen, allerdings mit Einschränkungen bei der Darstellung.
Was passiert, wenn ich die Deadline verpasse?
Bei Scripts: Eure gesamte Rabattlogik, Versandsteuerung und Zahlungsmethoden-Filterung hört am 30. Juni auf zu funktionieren. Bei checkout.liquid (Non-Plus): Shopify migriert euren Checkout automatisch am 26. August, wobei alle Legacy-Customizations entfernt werden. Euer Checkout funktioniert, aber ohne eure individuellen Anpassungen.
Brauche ich einen Entwickler für die gesamte Migration?
Nicht zwingend. Die Branding-Anpassungen laufen über den visuellen Editor (kein Code). Viele UI Extensions sind als fertige Apps verfügbar. Für Custom Functions (komplexe Rabattlogik, PLZ-Regeln) und maßgeschneiderte UI Extensions braucht ihr Development-Kapazität, entweder intern oder über einen Shopify-Partner.
Wie lange dauert die Checkout-Migration typischerweise?
Vier Phasen, sechs bis zehn Wochen: Bestandsaufnahme (3-5 Tage), Migrationspfade wählen (1 Woche), Parallelbetrieb und Testing (2-4 Wochen), Rollout und Monitoring (1-2 Wochen). Bei Stores mit wenigen Scripts und einfachen checkout.liquid-Anpassungen kann es schneller gehen. Bei komplexen Setups mit B2B-Logik und Custom-Tracking eher am oberen Ende.
Was ist der Unterschied zwischen Checkout Extensibility und Shopify Functions?
Shopify Functions ist ein Teil von Checkout Extensibility. Functions steuern die serverseitige Logik (Rabatte, Versand, Zahlung). Checkout Extensibility umfasst zusätzlich UI Extensions (visuelle Anpassungen), die Branding API (Design) und Shopify Pixels (Tracking). Der vollständige Architekturüberblick steht in unserem Migrations-Leitfaden (PDF).
Welche Apps brauche ich nach der Migration?
Das hängt von eurem Setup ab. Typische App-Kategorien: Discount-Apps (gestaffelte Preise, BOGO), Shipping-Apps (regelbasierte Versandlogik), Upsell-Apps (Post-Purchase Offers), Trust-Badge-Apps und Tracking-Apps (für die Pixel-Migration). Der Shopify App Store filtert inzwischen nach "Checkout Extensibility"-kompatiblen Apps.
Nächste Schritte
Die Checkout Extensibility ist kein optionales Update. Sie ist die neue Grundlage für jeden Shopify-Checkout, und die Deadlines stehen fest.
Schritt 1: Macht die Bestandsaufnahme. Scripts Customizations Report öffnen, checkout.liquid-Anpassungen auflisten, Tracking-Tags erfassen.
Schritt 2: Ladet unseren Shopify Scripts Migrations-Leitfaden (PDF) herunter. Er enthält die vollständige Checkliste, Kostenrahmen und Entscheidungshilfen für jeden Anpassungstyp.
Schritt 3: Plant die Migration als ein Projekt, nicht als drei separate Streams. Scripts, UI Extensions und Tracking gehören zusammen, wenn ihr den Testaufwand halbieren wollt.
Und wenn ihr Unterstützung braucht: Als zertifizierter Shopify-Partner haben wir die Scripts-zu-Functions-Migration, die checkout.liquid-Ablösung und die Pixel-Migration in der Praxis begleitet. Wir schätzen den Aufwand realistisch ein und sagen euch ehrlich, was ihr selbst lösen könnt und wo sich professionelle Hilfe rechnet. Kontakt aufnehmen.
.jpeg)
.jpeg)
.avif)
