Der komplette Guide zur Shopify Checkout Extensibility

Veröffentlicht
Von Experten geprüft
5 Min. Lesezeit
Jacques Blom
Jacques Blom
CTO bei Fudge.
Jacques ist CTO bei Fudge, programmiert seit seinem 13. Lebensjahr und entwickelt seit über 15 Jahren für Shopify. Er leitete zuvor das Engineering bei mehreren YC-finanzierten Start-ups, bevor er zu Fudge kam, um den AI Page Builder und Store Editor zu entwerfen – Systeme, die über 22.000 Live-Seiten für mehr als 400 Shopify-Händler generiert haben. Er schreibt über Shopify-Performance, Theme-Architektur und die sichere Anwendung von LLMs in produktivem Liquid-Code.

Die wichtigsten Erkenntnisse

  • Shopify Checkout Extensibility ist das Framework, das checkout.liquid ersetzt hat. Es teilt die Anpassung des Checkouts in strukturierte Tools auf: Checkout UI Extensions, Shopify Functions, die Branding API und Web Pixels.
  • Plus-Shops haben am 28. August 2025 den Zugriff auf checkout.liquid, zusätzliche Skripte (additional scripts) und Skript-Tags auf den Dankes- und Bestellstatus-Seiten verloren. Automatische Upgrades begannen im Januar 2026.12
  • Non-Plus-Shops haben bis zum 26. August 2026 Zeit, die Dankes- und Bestellstatus-Seiten zu aktualisieren.3 Shopify Scripts funktionieren nach dem 30. Juni 2026 nicht mehr.1
  • Benutzerdefinierter Code gehört jetzt in Sandbox-Erweiterungen und Pixel, nicht mehr als reines JavaScript in ein Checkout-Feld. Das ist zwar eingeschränkter, aber der Kompromiss für einen schnelleren und sichereren Checkout.
  • Die Migration bedeutet echte Theme- und App-Arbeit. Ein Draft-First-Tool wie Fudge übernimmt die Storefront-Anpassungen drumherum, ohne dass du alles von Hand schreiben musst.

Shopify Checkout Extensibility ist die aktuelle, offiziell unterstützte Methode zur Anpassung des Shopify-Checkouts. Es ist keine einzelne Funktion. Es ist ein Baukasten-System – bestehend aus Checkout UI Extensions, Shopify Functions, einer Branding API und Web Pixels –, das jeweils einen Teil des Checkouts übernimmt, der früher durch die eine Datei checkout.liquid abgedeckt wurde.

Dieser Leitfaden ist deine Orientierungshilfe. Er behandelt, was Checkout Extensibility ist, warum Shopify checkout.liquid als veraltet eingestuft hat, welche Fristen aktuell wichtig sind, jeden einzelnen Baustein und wo er hineinpasst, Extension Targets, die Dankes- und Bestellstatus-Seiten, wie das Upgrade abläuft und welche Einschränkungen du einplanen solltest. Jeder Abschnitt verweist auf einen detaillierteren Guide, falls du tiefer in die Materie einsteigen möchtest.

Jedes unten genannte Datum und jede Version ist mit einer primären Shopify-Quelle belegt. Checkout-Fristen wurden in der Vergangenheit schon einmal verschoben. Überprüfe sie daher anhand der verlinkten Shopify-Seiten, bevor du deine Migration danach planst.

Wenn du einen Non-Plus-Plan nutzt, ist die Frist vom 26. August 2026 bereits abgelaufen. Unser Artikel zu den Shopify-Updates vom August 2026 erklärt, was sich geändert hat, und unser Migrationsleitfaden führt dich durch den gesamten Wechsel, falls du noch veraltete Anpassungen ersetzen musst.


Warum du uns vertrauen kannst

Wir sind seit über vier Jahren im Shopify-Bereich tätig und haben mit hunderten von Shops gearbeitet.

Jacques, unser CTO, hat mehr als 15 Jahre Erfahrung in der Softwareentwicklung und hat Storefronts für viele Shopify-Marken erstellt und migriert, einschließlich Checkout-Anpassungen.

Wir haben Fudge entwickelt – einen KI-nativen Shopify Page Builder und Store Editor mit einer Bewertung von 4.9 im Shopify App Store und einem Built for Shopify-Badge. Wir sind unserem eigenen Produkt gegenüber natürlich nicht ganz unvoreingenommen, sagen aber offen, wo es passt und wo nicht.


Was ist die Shopify Checkout Extensibility?

Die Checkout Extensibility ist ein strukturiertes Framework zur Anpassung des Checkouts, und zwar durch von Shopify freigegebene APIs anstelle von beliebigem Code.

Beim alten Modell konntest du beliebiges JavaScript, Liquid oder Skripte von Drittanbietern über checkout.liquid und das Feld für zusätzliche Skripte (Additional Scripts) in den Checkout laden. Das war extrem flexibel, aber auch fehleranfällig. Ein langsames Tracking-Skript oder ein kaputtes Snippet konnte die wertvollste Seite im Store verschlechtern oder komplett lahmlegen.

Das neue Modell teilt das Setup in definierte Tools auf:

  • Checkout UI Extensions für Änderungen an der Benutzeroberfläche.
  • Shopify Functions für Backend-Logik wie Rabatte, Versand, Zahlungen und Validierung.
  • Die Branding-API für das Styling.
  • Web-Pixel für Tracking und Analytics.

Jedes Tool läuft innerhalb des eigenen Renderings und Sandboxings von Shopify. Du verlierst zwar ein Stück weit deine absolute Freiheit, bekommst dafür aber einen Checkout, der schnell, sicher updatebar und über Web sowie die Shop-App hinweg konsistent bleibt.

Checkout Extensibility im Vergleich zu checkout.liquid

Funktioncheckout.liquid (alt)Checkout Extensibility
UI-ÄnderungenRohes Liquid/HTML bearbeitenCheckout UI Extensions an definierten Targets
Business-LogikShopify Scripts, eigener CodeShopify Functions
StylingCSS in der Checkout-DateiBranding API und Checkout-Editor
TrackingFeld für zusätzliche SkripteWeb Pixels
Läuft aufDirekter Code in der SeiteVon Shopify verwaltete Sandbox
Upgrade-PfadManuell, bricht bei UpdatesVersionierte APIs
VerfügbarkeitNur Plus, deprecatedKompletter Checkout bei Plus; Teile in allen Plänen

Die Kernaussage der Tabelle: Nichts wurde ersatzlos gestrichen. Die eigentliche Arbeit besteht darin, jede alte Anpassung dem neuen Tool zuzuordnen.


Warum hat Shopify checkout.liquid abgekündigt?

Das hatte drei Hauptgründe: Performance, Sicherheit und Updatefähigkeit.

Mit checkout.liquid konnten Händler den Checkout direkt bearbeiten. Das bedeutete, dass Shopify den zugrundeliegenden Checkout nicht sicher ändern konnte, ohne womöglich jede Händler-Anpassung kaputt zu machen. Eingeschleuste Skripte liefen außerdem mit vollem Zugriff auf die Seite – inklusive einer Seite, die Zahlungs- und persönliche Daten verarbeitet.

Die Checkout Extensibility löst dieses Problem, indem Anpassungen hinter versionierte APIs und Sandboxes verlegt werden. Shopify kann dadurch Verbesserungen am Checkout veröffentlichen – Conversion-Features, One Page Checkout, Barrierefreiheit – ohne dass dein Code bricht, weil dein Code mit einer stabilen Schnittstelle und nicht mehr direkt mit der reinen Seite kommuniziert.

Die wichtigsten Deadlines in 2026

Hier darf nichts schiefgehen, denn wenn du ein Datum verpasst, entfernt Shopify die Anpassungen für dich.

Store-Typ / FeatureDeadlineWas passiert
Plus – Dankes- und Bestellstatusseiten28. August 202512checkout.liquid, zusätzliche Skripte und Script Tags werden auf diesen Seiten eingestellt; sie können nicht mehr bearbeitet werden2
Plus – automatische UpgradesJanuar 20262Shopify führt Auto-Upgrades für verbleibende Plus-Stores durch; alte Anpassungen werden entfernt und können nicht migriert werden2
Shopify Scripts30. Juni 20261Scripts funktionieren bis zu diesem Datum parallel zu Checkout Extensions und werden dann eingestellt1
Non-Plus (Basic, Shopify, Advanced)26. August 20263Deadline für das Upgrade und den Austausch der Dankes- und Bestellstatusseiten3

Ein paar Anmerkungen zum Lesen dieser Tabelle.

Für Plus-Stores wurden die checkout.liquid-Schritte für Information, Versand und Zahlung bereits vor dem Ende der Dankes- und Bestellstatusseiten nicht mehr unterstützt.1 Das Datum 28. August 2025 und das automatische Upgrade im Januar 2026 gelten speziell für die Dankes- und Bestellstatusseiten.12

Für Non-Plus-Stores sind die Dankes- und Bestellstatusseiten betroffen, und die Deadline ist der 26. August 2026.3 Alles, was auf diesen Seiten im Feld für zusätzliche Skripte (Additional Scripts) liegt – Conversion-Tags, Pixel, benutzerdefinierte Snippets – braucht bis dahin ein neues Zuhause.

Für Shopify Scripts gibt es eine separate Deadline. Rabatt-, Versand- und Zahlungslogiken, die als Scripts erstellt wurden, laufen nur noch bis zum 30. Juni 2026. Danach muss diese Logik zu Shopify Functions umziehen.1

Du migrierst deinen Checkout und brauchst schnelle Storefront-Anpassungen?
Try Fudge for Free

Die Bausteine der Checkout Extensibility

Vier Tools ersetzen das, was checkout.liquid bisher gemacht hat. Hier siehst du, wofür jedes davon zuständig ist.

Checkout UI Extensions

Checkout UI Extensions bringen eigene Benutzeroberflächen und Logik in den Checkout sowie auf die Dankeschön- und Bestellstatus-Seiten an fest definierten Platzierungen.4

Sie werden mit Shopifys Web Components gebaut – Buttons, Texte, Eingabefelder, Checkboxen –, die mit Layout-Grundbausteinen wie Stack, Grid und Section kombiniert werden.4 Du renderst sie an bestimmten Targets und baust nicht direkt in die Seite ein. Außerdem lesen sie Checkout-Daten über Target-APIs aus: Käuferidentität, Kosten, Line Items, Attribute und Metafelder.4

Häufige Anwendungsfälle: benutzerdefinierte Felder (Lieferhinweise, Geschenknachrichten), Trust-Inhalte, Upsells und Content-Banner. Bei Plus-Plänen sind UI Extensions für alle Schritte des Checkouts (Informationen, Versand, Zahlung) möglich; in allen Plänen gibt es sie für die Dankeschön- und Bestellstatus-Seiten.4

Die aktuelle Version der Checkout UI Extensions API ist 2026-04.4

Passend dazu – wenn du Labels und Felder im Checkout anpassen möchtest: So änderst du Checkout-Feld-Labels in Shopify.

Shopify Functions

Shopify Functions entscheiden über die Backend-Business-Logik – das sind die Entscheidungen, die der Checkout hinter den Kulissen trifft, nicht dessen Aussehen.5

Die Function-Arten decken alle Bereiche ab, die früher von Scripts verwaltet wurden, und noch mehr:5

  • Rabatte - eigene Rabattarten und Kombinationen.
  • Versandanpassungen - Lieferoptionen umbenennen, neu anordnen oder verstecken.
  • Zahlungsanpassungen - Zahlungsmethoden verstecken oder neu anordnen.
  • Warenkorb- und Checkout-Validierung - Checkout blockieren, wenn bestimmte Bedingungen nicht erfüllt sind.
  • Bestellrouting, Abholorte und Bundles.

Functions werden in WebAssembly kompiliert und laufen auf der Infrastruktur von Shopify.5 Es gibt Templates für Rust und JavaScript, wobei Shopify Rust als die performanteste Option empfiehlt, damit Functions auch bei großen Warenkörben fehlerfrei laufen.5 Sie funktionieren ohne Zugriff auf das Netzwerk oder Dateisystem, was sie im Checkout so schnell und berechenbar macht.

Das ist der direkte Ersatz für Shopify Scripts. Wenn du Scripts im Einsatz hast, ist das der erste Punkt, den du vor dem 30. Juni 2026 anpassen solltest.1

Passend dazu: benutzerdefiniertes JavaScript in Shopify hinzufügen beleuchtet, wo eigenes Storefront-JS noch Sinn ergibt und wo nun Logik durch Functions abgebildet wird.

Die Branding-API

Die Branding-API stylt den Checkout durch strukturierte Design-Tokens, anstatt freies CSS zu verwenden.

Sie funktioniert über die checkoutBrandingUpsert Mutation in der GraphQL Admin API zusammen mit einem designSystem, das die Grundfarben, Typografie, Eckenradien und Abstände festlegt, sowie einem customizations-Objekt, das spezifische Komponenten stylt.6 Die Styles werden einheitlich über den gesamten Checkout, die Checkout UI Extensions und die Kundenkonto-Seiten angewendet, nicht pro Seite.7

Eine Einschränkung, die du bei deiner Planung berücksichtigen musst: Erweitertes Checkout-Styling über die Branding-API ist nur für Shopify Plus-Händler verfügbar.7 Non-Plus-Stores greifen auf die Farb-, Schrift- und Logo-Einstellungen des klassischen Checkout-Editors zurück.

Passend dazu, wenn du Trust-Elemente im Checkout haben willst: So fügst du in Shopify Trust-Badges im Checkout hinzu.

Web-Pixel

Web-Pixel ersetzen das Tracking-Feld für zusätzliche Skripte.

Die Web Pixels-API abonniert in sicherer Sandbox-Umgebung Kunden-Events – wie Seitenaufrufe, Produktansichten, Add-to-Cart oder abgeschlossener Checkout –, damit das Tracking diese Events aufnehmen kann, ohne den Checkout selbst zu beeinflussen.8 App-Pixel laufen in einer strengen (strict) Sandbox und greifen auf Settings der Admin API zurück; Custom Pixel (eigene Pixel) verbringen in einer lockeren (lax) Sandbox und benötigen kein Boilerplate.8

Hier wandern deine Google Ads Conversion Tags, Meta-Pixel, GTM und dein Analytics hin. Wenn du sie nach Ablauf der Frist deines Stores weiterhin einfach in das Feld für zusätzliche Skripte kopierst, funktionieren sie nicht mehr.13


Extension Targets verstehen

Targets bestimmen, wo eine UI Extension erscheint und wie sie sich verhält.4 Es gibt drei Arten:

Target-TypWas es machtBeispiel
StaticRendert automatisch an einem festen OrtNach den Kontaktfeldern, nach den Warenkorb-Artikeln
BlockDer Händler platziert es im Checkout-EditorEin eigener Inhaltsblock, den ein Händler per Drag-and-Drop platziert
RunnableFührt Logik aus, ohne eine UI zu rendernReagiert auf die Änderung eines Adressfeldes

Static- und Block-Targets decken die meisten sichtbaren Anpassungen ab. Der Unterschied liegt in der Kontrolle: Static-Targets rendern dort, wo das Target definiert ist, während der Händler bei Block-Targets die Position im Checkout-Editor selbst wählen kann.4

Eine einzelne Extension kann mehr als ein Target registrieren. So kann eine App gleichzeitig ein Feld hinzufügen und die Logik bereitstellen, die darauf reagiert.


Extensibility für Dankeschön- und Bestellstatus-Seiten

Die Dankes- und Bestellstatusseiten sind der Ort, an dem die meisten Non-Plus-Stores diese Änderung spüren, da dort ihr Tracking und ihre Post-Purchase-Inhalte lagen.

Beide Seiten werden jetzt über den Checkout- und Kundenkonten-Editor mit UI Extensions und Web Pixels angepasst, nicht mehr mit checkout.liquid oder zusätzlichen Skripten.23 UI Extensions können eine personalisierte Nachricht, eine Umfrage oder Post-Purchase-Inhalte anzeigen und haben Lesezugriff auf Bestell-Metafelder.4 Das Tracking, das früher in den zusätzlichen Skripten lag, wird zu App Pixels verschoben, damit die Events weiterhin feuern.2 Post-Purchase-Angebote sind der wertvollste Anwendungsfall für diese Bereiche; unser Vergleich der besten Shopify Post-Purchase-Upsell-Apps behandelt die Apps, die bereits darauf aufbauen.

Für einen Store mit Basic, Shopify oder Advanced ist dies die praktische Checkliste vor dem 26. August 2026:3

  1. Finde jedes Tag im Feld für zusätzliche Skripte (Conversion, Remarketing, Analytics).
  2. Baue jedes als App Pixel oder Custom Pixel neu auf.
  3. Baue jegliche Post-Purchase-Inhalte als UI Extension auf der Dankesseite neu.
  4. Überprüfe vor der Frist, ob die Events in einer Testbestellung feuern.

Wenn du nichts tust, aktualisiert Shopify den Store automatisch für dich und die alten Anpassungen werden nicht übernommen.23


So upgradest du von checkout.liquid

Das Upgrade ist eine Zuordnungsaufgabe. Nimm alles, was der alte Checkout gemacht hat, und verlagere es in das Tool, das jetzt dafür zuständig ist. Unser Migration-Guide von checkout.liquid zu Checkout Extensions führt dich Schritt für Schritt durch das gesamte Vorgehen.

Was du bisher hattestWo es jetzt hingehört
Benutzerdefinierte Felder / Inhalte in checkout.liquidCheckout UI Extension an einem Target4
Shopify Scripts (Rabatte, Versand)Shopify Functions15
CSS-Styling in der Checkout-DateiBranding API (Plus) oder Checkout-Editor7
Tags in “Zusätzlichen Skripten”Web Pixels28
Anpassungen der Dankes- / Bestellstatus-SeiteUI Extensions im Checkout-Editor23

Eine bewährte Vorgehensweise:

  1. Bestandsaufnahme des alten Checkouts. Liste jede Anpassung, jedes Skript und jede App auf, die den Checkout, die Dankesseite und den Bestellstatus betreffen.
  2. Nach Tools sortieren. Ordne jedes Element einer UI Extension, Function, Branding oder einem Pixel zu.
  3. Prüfe zuerst deine Apps. Viele Apps bieten bereits Versionen für Checkout Extensibility an. Ein App-Upgrade geht oft schneller, als eigenen Code neu zu schreiben. Abo-Apps (Subscriptions) sind ein typisches Beispiel, da sie Checkout, Rabatte und das Kundenkonto gleichzeitig beeinflussen; die besten Shopify Abo-Apps basieren alle auf den neuen APIs.
  4. Baue benutzerdefinierte Teile als Extensions neu. Erstelle das Grundgerüst mit der Shopify CLI und teste alles in einem Entwicklungs-Shop (Development Store).
  5. Verschiebe Scripts frühzeitig zu Functions. Diese Frist (30. Juni 2026) liegt noch vor der Frist für die Seiten der Non-Plus-Shops.1
  6. Verifiziere alles mit einer echten Testbestellung, bevor du dich darauf verlässt.

Für den Plus-spezifischen Weg, einschließlich der Frage, wo eine begrenzte Checkout-Bearbeitung noch möglich ist, siehe Wie man checkout.liquid in Shopify Plus modifiziert.


Checkout Extensions testen

Der Checkout ist diejenige Seite im Store, die auf keinen Fall kaputt sein darf. Ein ordentlicher Test vor der Liveschaltung ist also absolut Pflicht.

  • Development-Stores. Baue und teste Checkout Extensions nur auf Development-Stores, nie am Livesystem.
  • Shopify CLI Vorschau. Mit shopify app dev servierst du deine Extension direkt in die Vorschau und siehst sie im echten Checkout, noch vor einem Deployment.
  • Testbestellungen. Tätige komplette End-to-End Bestellungen (bis zur Dankeschön- und Bestellstatus-Seite) und stell sicher, dass alle Analytics-Pixel ordentlich triggern.
  • Draft Themes für die Storefront rundherum. Änderungen im Checkout gehen oft mit Änderungen an Warenkorb oder Produktdetails einher. Halte alle diese Änderungen als Draft, bis der Release ansteht.

Einen Guide zu Upsell- oder Cross-Sell-Funktionen, die eng mit Warenkorb und Checkout zusammenarbeiten, findest du unter: So fügst du Upsells im Shopify-Warenkorb hinzu. Falls du direkt die Conversion des neuen Checkouts beurteilen und steigern willst, hilft dir unser Shopify CRO-Guide.


Einschränkungen und Limits, die du kennen solltest

Checkout Extensibility ist mit Absicht viel enger gefasst als checkout.liquid. Deswegen solltest du ein paar Dinge kennen, bevor du blind etwas versprichst:

  • Kein beliebiger Code mehr im Checkout. Du interagierst nur über bereitgestellte Targets und APIs. Gibt es für eine Stelle im Layout noch kein passendes Target, kannst du dort vorerst nichts rendern.
  • Volle Anpassungsfreiheit im Checkout bleibt ein Plus-Feature. Checkout UI Extensions auf Informations-, Versand- und Zahlungsebene sowie die Branding-API bleiben Shopify Plus exklusiv.47 Non-Plus-Stores modifizieren die Dankeschön- und Bestellstatus-Seite sowie einige Editor-Stylings.
  • Functions laufen via Sandbox. Ohne Zugriff auf Netzwerk oder Filesystem spielt Performance (vor allem bei vielen Items im Warenkorb) die größte Rolle. Shopify empfiehlt dafür Rust.5
  • Branding betrifft alles zeitgleich. Eine Designentscheidung wird auf alle Bestandteile und Schritte übertragen. Unterschiedliche Styles pro Sub-Level gibt es nicht.7
  • APIs sind versioniert. Extensions targeten gezielt eine bestimmte Version – momentan z.B. 2026-04 für die UI Extensions API.4

Das ist quasi der Deal: Du nimmst Einschränkungen im Framework in Kauf, hältst deinen Checkout dafür aber jederzeit performant, sicher und vor allem kompatibel mit den neuesten Updates. Im alten Setup war das so nicht möglich.


Wo Fudge bei der Checkout-Arbeit hilft

Checkout Extensibility ist klassische Entwicklungs-Arbeit: Scaffolding für Extensions, Code für Functions schreiben, Pixel anbinden, mit Development-Stores testen.

Die Storefront rund um den Checkout – Landingpages, Warenkorb, Produktdetails, Trust-Sektionen oder saisonale Kampagnen – ist dagegen häufig der Ort, wo das meiste Potenzial bei Conversions gehoben wird, und oftmals braucht es hierfür gar keinen reinen Entwickler.

Das ist genau das, was Fudge erledigt. Fudge läuft direkt im Shopify Admin-Bereich, erstellt durch einfache Prompts statt durch viel Code den Store, und hält alle Änderungen transparent als Draft vor, bis sie dir final taugen. Fudge erzeugt am Ende sauberes, natives Liquid, JS und CSS – es gibt also kein Lock-In. Für Händler-Änderungen auf den Seiten, die einem neuen Checkout den besten Rahmen geben, macht unser Store Editor einen wirklich ordentlichen Job, während sich das Entwickler-Team um die Extensions kümmert.

Beide Ebenen harmonieren miteinander: Framework-APIs verwalten den Checkout, der Draft-First Editor übernimmt das Frontend für die Storefront rundherum.


Zusammenfassung

Checkout Extensibility hat eine flexible, aber fehleranfällige Datei durch vier klar definierte Tools ersetzt: UI Extensions für die Benutzeroberfläche, Functions für die Logik, die Branding API für das Styling und Web Pixels für das Tracking. Man tauscht absolute Freiheit gegen einen Checkout, der schnell und updatefähig bleibt.

Die Stichtage liegen nun alle hinter uns. Plus-Shops wurden im Laufe des Jahres 2025 bis in den Januar 2026 hinein aktualisiert.12 Shopify Scripts wurden nach dem 30. Juni 2026 eingestellt.1 Non-Plus-Shops hatten bis zum 26. August 2026 Zeit, die Dankes- und Bestellstatus-Seiten umzustellen.3 Gleiche jedes Datum mit den unten verlinkten Shopify-Seiten ab, bevor du danach planst, da sich Checkout-Zeitpläne in der Vergangenheit schon verschoben haben.

Ordne jede alte Anpassung dem neuen Tool zu, portiere Scripts zuerst zu Functions, verschiebe Tags in Pixel und teste mit einer echten Bestellung. Das ist die gesamte Migration.


FAQ

Was ist Shopify Checkout Extensibility?

Es ist das aktuelle, unterstützte Framework zur Anpassung des Shopify-Checkouts über definierte APIs anstatt durch die Bearbeitung der checkout.liquid. Es unterteilt die Arbeit in vier Bausteine: Checkout UI Extensions für Änderungen an der Benutzeroberfläche, Shopify Functions für Backend-Logik wie Rabatte und Validierung, die Branding API für das Styling und Web Pixels für das Tracking. Jeder dieser Bausteine läuft in einer von Shopify verwalteten Sandbox, anstatt Code direkt in die Seite zu injizieren.

Wann ist die checkout.liquid-Frist für meinen Shop?

Für Shopify Plus-Shops liefen checkout.liquid, zusätzliche Skripte (additional scripts) und Skript-Tags auf den Dankes- und Bestellstatus-Seiten am 28. August 2025 aus, wobei automatische Upgrades im Januar 2026 begannen. Für Non-Plus-Shops (Basic, Shopify, Advanced) endete die Frist zur Aktualisierung der Dankes- und Bestellstatus-Seiten am 26. August 2026. Bitte überprüfe dies im Shopify Help Center, bevor du planst, da diese Daten in der Vergangenheit bereits verschoben wurden.

Was passiert mit Shopify Scripts?

Shopify Scripts funktionieren noch bis zum 30. Juni 2026 parallel zu Checkout Extensions und werden danach eingestellt. Rabatt-, Versand- und Zahlungslogiken, die als Scripts erstellt wurden, wechseln zu Shopify Functions, die dieselben und noch weitere Anwendungsfälle abdecken. Da dieses Datum vor der Frist für Non-Plus-Seiten liegt, ist die Portierung von Scripts zu Functions meist die erste Aufgabe bei der Migration.

Brauche ich Shopify Plus, um Checkout Extensibility zu nutzen?

Nicht ganz. Die Anpassung der vollständigen Checkout-Schritte (Information, Versand, Zahlung) mit UI Extensions und die Nutzung der Branding API sind Shopify Plus-Funktionen. Non-Plus-Shops können jedoch weiterhin UI Extensions und Web Pixels zu den Dankes- und Bestellstatus-Seiten hinzufügen und den Checkout über den Checkout-Editor stylen. Jeder Plan profitiert also davon; Plus erhält den vollen Umfang.

Was ersetzt zusätzliche Skripte (additional scripts) für das Tracking?

Web Pixels. Die Web Pixels API abonniert Kundenereignisse innerhalb einer Sandbox, sodass Tags wie Google Ads Conversion-Tracking, Meta-Pixel und GTM weiterhin ausgelöst werden, ohne direkt auf der Checkout-Seite zu liegen. App-Pixel laufen in einer strengen Sandbox (Strict) und lesen Einstellungen aus der Admin API; benutzerdefinierte Pixel (Custom Pixels) laufen in einer laxen Sandbox ohne Boilerplate. Tags, die im alten Feld für zusätzliche Skripte verbleiben, funktionieren nach der jeweiligen Frist des Shops nicht mehr.

Was ist ein Extension Target?

Ein Target ist die Platzierung, die bestimmt, wo eine Checkout UI Extension erscheint und wie sie sich verhält. Statische Targets werden automatisch an festen Orten gerendert, Block-Targets ermöglichen es dem Händler, die Erweiterung im Checkout-Editor zu positionieren, und ausführbare (runnable) Targets führen Logik aus, ohne eine Benutzeroberfläche (UI) zu rendern. Eine einzelne Extension kann mehr als ein Target registrieren.

Kann ich dem Shopify-Checkout noch eigenen Code hinzufügen?

Ja, aber nur über die zugelassenen Tools und nicht mehr durch rohe Code-Injection. UI-Logik gehört in Checkout UI Extensions, Geschäftsregeln in Shopify Functions, Styling erfolgt über die Branding API und Tracking über Web Pixels. Du kannst kein beliebiges JavaScript mehr in den Checkout einfügen, und wenn für eine Platzierung noch kein Extension Target existiert, kannst du dort vorerst nichts rendern.

Jacques's signature
Erledige die Storefront-Anpassungen rund um den Checkout ganz ohne Code.

Footnotes

  1. “checkout.liquid,” Shopify-Entwicklerdokumentation, gibt an, dass checkout.liquid, zusätzliche Skripte und Skript-Tags für die Dankes- und Bestellstatus-Seiten am 28. August 2025 auslaufen, dass die Schritte Information/Versand/Zahlung nicht mehr unterstützt werden und dass Shopify Scripts bis zum 30. Juni 2026 parallel zu Checkout Extensions funktionieren: https://shopify.dev/docs/storefronts/themes/architecture/layouts/checkout-liquid 2 3 4 5 6 7 8 9 10 11 12 13 14

  2. “Plus - Upgrading and replacing your Thank you and Order status pages,” Shopify Help Center, weist auf die Plus-Frist am 28. August 2025 hin, dass zusätzliche Skripte und checkout.liquid nicht mehr editierbar wurden, dass automatische Upgrades im Januar 2026 beginnen und dass das Tracking zu App-Pixeln wechselt: https://help.shopify.com/en/manual/checkout-settings/customize-checkout-configurations/upgrade-thank-you-order-status/plus-upgrade-guide 2 3 4 5 6 7 8 9 10 11 12

  3. “Upgrading and replacing your Thank you and Order status pages,” Shopify Help Center, gibt an, dass Non-Plus-Shops bis zum 26. August 2026 Zeit hatten, die Dankes- und Bestellstatus-Seiten zu aktualisieren und auszutauschen: https://help.shopify.com/en/manual/checkout-settings/customize-checkout-configurations/upgrade-thank-you-order-status 2 3 4 5 6 7 8 9 10

  4. “Checkout UI extensions,” Shopify-Entwicklerdokumentation, beschreibt Targets (statisch, Block, ausführbar), Target-APIs, Web Components, Seitenverfügbarkeit und die aktuelle API-Version 2026-04: https://shopify.dev/docs/api/checkout-ui-extensions/latest 2 3 4 5 6 7 8 9 10 11

  5. “Shopify Functions,” Shopify-Entwicklerdokumentation, listet Funktionstypen auf (Rabatte, Lieferung, Zahlung, Validierung, Bestellweiterleitung, Abholung, Bundles), WebAssembly-Kompilierung und die Rust/JavaScript-Templates mit der Empfehlung von Rust für bessere Performance: https://shopify.dev/docs/apps/build/functions 2 3 4 5 6

  6. “checkoutBrandingUpsert,” GraphQL Admin API, beschreibt die Eingabe des designSystems (Farben, Typografie, Eckenradius, Abstände) und der Anpassungen für das Checkout-Branding: https://shopify.dev/docs/api/admin-graphql/latest/mutations/checkoutBrandingUpsert

  7. “About checkout styling,” Shopify-Entwicklerdokumentation, gibt an, dass Anpassungen des Checkout-Stylings über die Branding API nur für Shopify Plus-Händler verfügbar sind und für den gesamten Checkout zusammen gelten: https://shopify.dev/docs/apps/build/checkout/styling 2 3 4 5

  8. “Web Pixels API,” Shopify-Entwicklerdokumentation, beschreibt das Abonnieren von Kundenereignissen innerhalb von Lax- oder Strict-Sandboxes und den Unterschied zwischen App-Pixeln und benutzerdefinierten Pixeln: https://shopify.dev/docs/api/web-pixels-api 2 3

Ähnliche Beiträge