Shopify-Entwickler in Bochum

#Was hat sich am Shopify-Checkout geändert, und welche Fristen sind schon vorbei?

Für Shops in Bochum, die seit Jahren mit angepasstem Checkout laufen, sind die Fristen inzwischen verstrichen. In den Schritten Information, Versand und Zahlung unterstützt Shopify checkout.liquid laut shopify.dev nicht mehr. Für die Seiten Thank you und Order status wurde es am 28. August 2025 abgeschaltet. Script-Tags auf diesen Seiten endeten für Plus-Shops am 28. August 2025 und für Shops ohne Plus am 26. August 2026. Die Shopify-Hilfe nennt denselben 26. August 2026 als Frist für das Upgrade bei Tarifen ohne Plus.

Die Termine im Überblick:

Wer die alten Seiten noch nutzte, musste auf die neuen Versionen wechseln. Das Upgrade ersetzt die bisherigen Seiten samt aller Anpassungen. Was dort stand, gehört danach in Blöcke und Web-Pixel.

Foto: Frank Vincentz, CC BY-SA 3.0, Wikimedia Commons.

In Bochum liefert die Zeche Hannover ein anschauliches Bild für Altbestand: Nach Angaben des LWL förderte sie von 1857 bis 1973 Steinkohle, heute ist sie ein Industriemuseum. Auch ein Shop mit altem Checkout-Code ist Bestand, der nicht mehr zur heutigen Plattform passt. Ich gehe ihn vor dem Umbau durch und schreibe auf, was davon noch gebraucht wird.

#Wohin gehört welche Anpassung?

Was früher ein Stück Liquid oder JavaScript im Checkout war, verteilt sich heute auf drei Bausteine.

Die Händler legen die Blöcke im Checkout- und Konten-Editor selbst fest, ich baue die Extension, die dort erscheint.

#Was geht im neuen Checkout nicht mehr?

Das ist der Teil, den Händler vor dem Upgrade wissen sollten. Nach shopify.dev gilt für Checkout UI Extensions:

• Sie laufen in einer isolierten Sandbox, getrennt von der Checkout-Seite und von anderen Extensions. Auf Zahlungsdaten und auf HTML oder andere Dateien der Checkout-Seite haben sie keinen Zugriff.
• Sie sind auf die von Shopify bereitgestellten UI-Komponenten und APIs beschränkt. Eigenes CSS oder ein Skript, das fremde Elemente im Checkout umbaut, ist damit nicht vorgesehen.
• Externe Netzwerkaufrufe brauchen die Capability network_access.
• Das kompilierte Bundle darf 64 KB nicht überschreiten.
• Auf der Thank-you-Seite gibt es keine APIs, die eine Bestellung direkt verändern. Soll die entstehende Bestellung angepasst werden, nennt die Dokumentation eine Post-Purchase-Extension.
• Checkout UI Extensions für die Schritte Information, Versand und Zahlung stehen nur Shops mit Shopify Plus zur Verfügung.

Praktisch heißt das: Ein Skript, das im alten Checkout ein Feld verschob oder ein Element per DOM versteckte, lässt sich nicht kopieren. Ich frage zuerst, welches Ziel das Skript hatte, und baue dafür den passenden Baustein oder empfehle, die Anforderung zu streichen.

#Shopify Functions für Rabatt, Versand und Zahlung

Funktionen passen die Hintergrundlogik von Shopify an. Jede nimmt ein JSON entgegen, das eine GraphQL-Abfrage festlegt, und liefert ein JSON mit den Operationen zurück, die Shopify ausführen soll. Geschrieben werden sie in jeder Sprache, die zu einem passenden WebAssembly-Modul kompiliert; Vorlagen gibt es für Rust und JavaScript. Shopify empfiehlt Rust, damit eine Funktion bei großen Warenkörben nicht ausfällt.

Drei Grenzen sind für die Planung wichtig:

• Zahlungsarten: Eine Payment-Customization-Funktion kennt die Operationen Ausblenden, Verschieben und Umbenennen. Eine neue Zahlungsart legt sie nicht an, sie arbeitet nur mit den Methoden, die bereits im Checkout stehen.
• Lieferoptionen: Die Delivery-Customization-Funktion kann Optionen ausblenden, umsortieren und umbenennen. Ein Checkout kann mehrere Lieferarten enthalten, deshalb prüfe ich jede Lieferung und nicht nur die erste.
• Tarif: Apps aus dem Shopify App Store mit Funktionen kann jeder Shop nutzen. Eigene Apps mit Function-APIs stehen nach shopify.dev nur Shops mit Shopify Plus zur Verfügung.

Die Ausgabe einer Funktion, die eine Zahlungsart ausblendet, ist klein. So sieht das JSON aus, das Shopify nach Anwendung der Regel erhält:

{
  "operations": [
    {
      "paymentMethodHide": {
        "paymentMethodId": "gid://shopify/PaymentCustomizationPaymentMethod/1"
      }
    }
  ]
}

Welche Zahlungsart ausgeblendet wird, entscheidet die Logik davor: etwa ein Schwellenwert für den Warenkorb oder das Lieferland. Diese Regeln lege ich vorab schriftlich mit Ihnen fest, damit niemand beim Testen überrascht wird.

#Tracking nach dem Wechsel: Web-Pixel statt Skript

Skripte für Messung und Conversion auf Thank you und Order status müssen nach dem Upgrade ersetzt werden. Das passende Mittel sind Web-Pixel. Ein Pixel als App-Extension läuft in einem Web Worker mit wenigen garantierten Objekten, klassischer Pixel-Code, der window.document nutzt, funktioniert dort nicht. In Regionen mit Einwilligungspflicht führt Shopify die Callbacks erst nach der Zustimmung aus und spielt zuvor gesammelte Ereignisse dann nach.

Für Unternehmen in Nordrhein-Westfalen ist die LDI NRW die Aufsichtsbehörde. Sie nennt auf ihrer Website die Pflicht, Verletzungen des Schutzes personenbezogener Daten unverzüglich und möglichst binnen 72 Stunden zu melden. Für den Shop heißt das: Ich dokumentiere, welche Pixel und Apps nach dem Umbau welche Daten erhalten, damit Sie diese Liste im Ernstfall zur Hand haben.

#Checkliste für das Upgrade

1. Unter Einstellungen > Checkout prüfen, ob die Konfiguration einen Upgrade-Hinweis zeigt.
2. Jedes Skript in der Upgrade-Anleitung nach Zweck sortieren (Anmeldung, Bestellverfolgung, Anpassung).
3. Für jedes Skript festhalten: ersetzen durch Shopify-Funktion, App aus dem App Store, eigene App oder ersatzlos streichen.
4. Apps prüfen, die den Checkout verändern. Kompatible Apps müssen nach dem Wechsel oft neu über Blöcke oder App-Pixel eingerichtet werden.
5. Testbestellungen mit jeder aktiven Zahlungsart und Lieferart, mit und ohne Einwilligung.
6. Danke-Seite und Order status mit einer echten Bestellung und einem Rückkehr-Aufruf prüfen.

#Wie läuft ein Checkout-Umbau mit mir?

Ich bin Einzelentwickler und arbeite remote, schriftlich und ohne Termine. Layout, Mockups und Wireframes kommen von Ihnen; ich setze sie um.

1. Bestandsaufnahme. Sie geben mir Zugang zum Shop. Ich lese die Checkout-Einstellungen, die Upgrade-Anleitung und die installierten Apps.
2. Schriftlicher Umfang. Pro Skript steht dort, durch welchen Baustein es ersetzt wird oder warum es entfällt.
3. Umsetzung in einer Entwicklungsumgebung. Extensions und Funktionen entstehen in einem Test-Shop, nicht im laufenden Checkout.
4. Abnahme. Sie prüfen jede Regel anhand der Testfälle aus dem Umfang.
5. Umschalten und Kontrolle. Nach dem Wechsel beobachte ich Bestellungen und Messung, bis die Zahlen wieder zu den Erwartungen passen.

#Ihre Anfrage

Wenn Ihr Bochumer Shop noch Skripte oder Anpassungen aus dem alten Checkout trägt, schreiben Sie mir über das Kontaktformular. Nennen Sie die URL Ihres Shops, Ihr Ziel, Ihren Wunschtermin und welche Apps und Skripte im Checkout laufen. Ich antworte an Werktagen schriftlich; die erste Einschätzung zum Umfang bekommen Sie kostenlos. Das übrige Shopify-Angebot beschreibt die Seite Shopify-Entwickler.