Checkout Extensibility

    Checkout anpassen. Ohne checkout.liquid.

    Projekt anfragen

    Der Checkout ist kein Theme mehr. Anpassungen laufen über UI Extensions und Functions - mit klaren Grenzen, die Du vor dem Konzept kennen solltest.

    Eckdaten
    2Bausteine: UI Extensions und Functions
    PlusVoraussetzung für Anpassungen im Checkout-Schritt
    0Zeilen checkout.liquid in neuen Setups
    • Seit 2019
    • 150+ Migrationen und Relaunches
    • Offizieller Shopify Plus Partner
    Leistungsumfang

    Was lässt sich am Shopify-Checkout überhaupt ändern?

    Checkout UI Extensions

    Eigene Bausteine an definierten Stellen: Hinweise zu Lieferzeiten, Geschenkoptionen, Feldabfragen, Upsell-Blöcke, Zustimmungen. Sie laufen in einer abgeschotteten Umgebung und werden über den Checkout-Editor platziert.

    Shopify Functions

    Serverseitige Logik für Rabatte, Versandoptionen, Zahlarten, Warenkorb-Transformationen und Validierung. Sie greifen dort, wo früher Skripte liefen - nur versioniert, deploybar und ohne Laufzeit im Browser.

    Branding und Sprache

    Farben, Schriften, Rundungen und Textbausteine über die Branding-Einstellungen und Übersetzungen. Das ersetzt kein freies Layout, deckt aber den größten Teil dessen ab, was Marken tatsächlich brauchen.

    Grenzen

    Was geht auf Shopify Plus - und was geht nirgends?

    Plus: Erweiterungen im Checkout-Schritt

    Eigene UI-Bausteine auf den Seiten für Information, Versand und Zahlung sind an Shopify Plus gebunden. Auf Danke- und Bestellstatus-Seite lassen sich Erweiterungen auch ohne Plus einsetzen.

    Plus: Zahlungs- und Versandlogik

    Zahlarten oder Versandoptionen umsortieren, umbenennen oder ausblenden und eigene Validierungen im Checkout durchsetzen - das läuft über Functions, die Plus voraussetzen.

    Plus: Branding-Einstellungen

    Die weitergehende gestalterische Anpassung des Checkouts über die Branding-Konfiguration ist ebenfalls ein Plus-Thema. Ohne Plus bleibt es bei Logo, Farben und Basisoptionen aus dem Admin.

    Alle Pläne: Rabattlogik

    Eigene Rabatt-Functions sind nicht an Plus gebunden. Damit lassen sich Staffelungen, Bundles und Aktionslogiken abbilden, für die früher Rabattcodes und Apps herhalten mussten.

    Nicht: freies Checkout-Layout

    Der Aufbau der Checkout-Seiten ist vorgegeben. Erweiterungen sitzen an definierten Stellen. Wer einen komplett eigenen Checkout zeichnet, plant an der Plattform vorbei.

    Nicht: beliebige Skripte

    Im Checkout läuft kein frei eingebundenes JavaScript. Tracking läuft über die Pixel-Umgebung, Logik über Functions. Das ist eine Sicherheits- und Stabilitätsentscheidung der Plattform, keine Einstellungssache.

    Nicht: checkout.liquid

    Die alte Vorlagendatei ist abgelöst. Erst fielen die Checkout-Schritte weg, danach Danke- und Bestellstatus-Seite. Bestehende Anpassungen mussten auf Extensions und Functions überführt werden.

    Nicht: Umgehung der Reihenfolge

    Zusätzliche Zwischenschritte oder ein eigener Bestätigungs-Flow vor dem Kauf lassen sich nicht einbauen. Wo das fachlich nötig ist, gehört die Logik vor den Checkout - in Warenkorb oder Produktseite.

    Vorgehen

    Wie gehen wir ein Checkout-Projekt an?

    01

    Anforderungen sortieren

    Jede Anforderung wird zugeordnet: UI Extension, Function, Branding, Warenkorb oder gar nicht möglich. Diese Sortierung entscheidet über Aufwand und Machbarkeit, nicht das Wunschbild.

    02

    Bestand prüfen

    Vorhandene Checkout-Anpassungen, Skripte, Apps und Pixel aufnehmen. Gerade bei älteren Plus-Shops liegen dort Reste, die nach der Ablösung von checkout.liquid nie aufgeräumt wurden.

    03

    Entwurf im Editor

    Platzierung der Erweiterungen im Checkout-Editor durchspielen, bevor Code entsteht. So wird früh sichtbar, welche Position es wirklich gibt und wie viel Platz sie hergibt.

    04

    Bauen und ausrollen

    Extensions und Functions als App entwickeln, versionieren und über die Shopify CLI ausrollen. Jede Änderung ist damit nachvollziehbar und rückholbar.

    05

    Testen mit echten Fällen

    Mehrere Länder, Zahlarten, Rabatte, Geschenkkarten, ausverkaufte Positionen und Express-Zahlungen durchspielen. Der Checkout ist die Stelle, an der Sonderfälle Geld kosten.

    06

    Messen

    Kaufabschlüsse, Abbrüche je Schritt und Fehlerraten beobachten. Eine Erweiterung, die den Abschluss verlangsamt, ist auch dann falsch, wenn sie fachlich richtig ist.

    Typische Vorhaben

    Wofür lohnt sich eine Checkout-Erweiterung?

    Lieferversprechen

    Konkretes Lieferdatum oder Hinweise zu Teillieferungen an der Stelle zeigen, an der die Versandart gewählt wird.

    Pflichtangaben

    Zusätzliche Felder mit Validierung - etwa Umsatzsteuer-ID, Kostenstelle oder Altersbestätigung im B2B- und Regulierungsfall.

    Zahlartensteuerung

    Rechnungskauf nur für freigegebene Firmenkunden, Nachnahme nur in bestimmten Ländern, Reihenfolge nach Marge statt nach Zufall.

    Rabatte ohne Codes

    Mengenstaffeln, Bundle-Preise und Kundengruppen-Logik als Function statt als Kette aus Apps und Rabattcodes.

    Passung

    Ist der Checkout bei Dir der richtige Hebel?

    Dann lohnt sich ein Checkout-Projekt

    Plus ist da und liegt brach

    Die Erweiterbarkeit im Checkout-Schritt ist im Plan enthalten, genutzt wird sie nicht. Das ist Spielraum, den Du bereits bezahlst.

    Der Support beantwortet immer dasselbe

    Fehlt eine Angabe im Kaufabschluss, kommt sie später als Mail oder Anruf zurück. Solche Rückfragen lassen sich an der Quelle abfangen.

    Bestellungen kommen unvollständig an

    Unklare Lieferadressen, fehlende Referenznummern oder falsche Zahlarten kosten in der Nachbearbeitung mehr als jede Erweiterung.

    Alte Anpassungen laufen ins Leere

    Nach der Ablösung von checkout.liquid liegen Reste aus Skripten und Apps ohne Wirkung im Shop. Was gebraucht wird, gehört neu zugeordnet.

    Dann setzt Du am falschen Schritt an

    Ihr seid nicht auf Shopify Plus

    Ohne Plus lassen sich in den Checkout-Schritten weder eigene Bausteine noch Versand-, Zahlungs- oder Validierungslogik einsetzen. Dann steht zuerst die Planfrage an.

    Zur Shopify Beratung

    Der Abbruch passiert vorher

    Wenn Nutzer schon auf der Produktseite oder im Warenkorb aussteigen, ändert eine Erweiterung im letzten Schritt daran nichts.

    Zu CRO Optimierungen

    Es fehlen Firmenkonten und Preislisten

    Zahlungsziele, Katalogfreigaben und Bestellfreigaben sind Funktionen der B2B-Plattform. Eine Checkout-Erweiterung kann sie nicht ersetzen.

    Zu Shopify B2B
    Zusammenarbeit

    In welchem Rahmen arbeiten wir am Checkout?

    Beim Checkout entscheidet sich der Aufwand vor dem ersten Codezeichen - an der Frage, was die Plattform überhaupt zulässt.

    Machbarkeitsprüfung

    Für wen

    Für Teams mit einer Liste an Wünschen, die vor dem Konzept wissen müssen, was davon auf ihrem Plan tatsächlich baubar ist.

    Was drin ist
    • Jede Anforderung einzeln eingeordnet
    • Plus-Abhängigkeiten offen benannt
    • Alternativen vor dem Checkout aufgezeigt
    Wie es endet

    Endet mit einer Entscheidungsgrundlage, aus der hervorgeht, was gebaut wird und was entfällt.

    Umsetzung als App

    Für wen

    Für entschiedene Vorhaben, die als Checkout UI Extensions und Shopify Functions ausgeliefert werden sollen.

    Was drin ist
    • Extensions und Functions in einer App
    • Versioniertes Ausrollen über die Shopify CLI
    • Testfälle für Länder, Zahlarten und Rabatte
    Wie es endet

    Endet, wenn die Erweiterung im Live-Checkout läuft und die Sonderfälle durchgespielt sind.

    Betreuung im Betrieb

    Für wen

    Für Shops, deren Checkout-Logik mit Sortiment, neuen Märkten und wechselnden Aktionen mitwachsen muss.

    Was drin ist
    • Anpassung von Rabatt- und Versandlogik
    • Mitziehen bei neuen API-Versionen
    • Neue Zahlarten im echten Fall geprüft
    Wie es endet

    Endet nicht mit einem Release, sondern hält den Checkout auf dem Stand, den Dein Geschäft gerade braucht.

    Marken mit €950M+ GMV vertrauen auf NICCOS

    Groundies logo
    MYCR7 logo
    Gusti Leder logo
    Smilodox logo
    Bikemailorder logo
    O'Neal logo
    Freiluftkind logo
    Sirocco logo
    Olakala logo
    CAT logo
    Deputy logo
    Heel logo
    Bloomingloft logo
    FRITZ! logo
    Prepmymeal logo
    Mintkind logo
    FAQ

    Häufige Fragen zum Shopify Checkout

    Was ist Checkout Extensibility?

    Der Sammelbegriff für die Art, wie Shopify Anpassungen am Checkout heute zulässt: UI Extensions für sichtbare Bausteine, Functions für serverseitige Logik, Branding-Einstellungen für Gestaltung und der Checkout-Editor für die Platzierung. Zusammen ersetzen sie die frühere Anpassung über die Vorlagendatei checkout.liquid.

    Wir haben noch alte checkout.liquid-Anpassungen. Was jetzt?

    Die Datei wird nicht mehr ausgeliefert, die Anpassungen sind damit wirkungslos. Wir nehmen auf, was sie fachlich geleistet haben, und ordnen jede Anforderung neu zu: Extension, Function, Branding oder Verlagerung in den Warenkorb. Manches entfällt dabei ersatzlos, weil es heute anders gelöst wird.

    Brauchen wir Shopify Plus für Checkout-Anpassungen?

    Für Erweiterungen auf den eigentlichen Checkout-Seiten sowie für Zahlungs-, Versand- und Validierungslogik: ja. Ohne Plus bleiben Rabatt-Functions, Erweiterungen auf Danke- und Bestellstatus-Seite und die Basis-Gestaltung aus dem Admin. Für viele Shops trägt das erstaunlich weit. Wir prüfen deshalb vor jedem Konzept, welcher Anteil Deiner Anforderungen ohne Plus umsetzbar bleibt und was ein Wechsel tatsächlich kosten würde.

    Wie kommt Tracking in den neuen Checkout?

    Über die Pixel-Umgebung von Shopify statt über eingebundene Skripte. Pixel laufen abgeschottet, erhalten definierte Ereignisse und berücksichtigen den Einwilligungsstatus des Kunden. Das ist enger als früher, dafür bricht ein Marketing-Tag nicht mehr den Kaufabschluss. Praktisch heißt das: Ereignisse werden einmal sauber definiert und danach an alle Kanäle verteilt, statt jeden Dienst einzeln in den Checkout zu hängen.

    Was ist der Unterschied zwischen Functions und Apps?

    Functions werden als Teil einer App ausgeliefert, laufen aber innerhalb der Plattform, wenn Shopify Rabatte, Versand oder Zahlarten berechnet. Sie brauchen keinen eigenen Server und keine Antwortzeit über das Internet. Der App-Anteil dient vor allem der Konfiguration im Admin. Für Dich bedeutet das vor allem: keine Latenz im Kaufabschluss und keine Ausfälle durch einen fremden Server.

    Können wir den Checkout gestalterisch an unsere Marke anpassen?

    In definierten Grenzen. Farben, Schriften, Eckenradien, Abstände und Textbausteine lassen sich über die Branding-Konfiguration setzen, ergänzt um Logo und Hintergrundbilder. Ein freies Layout ist nicht vorgesehen - was für Stabilität und Konversionsrate meist eher ein Vorteil ist. Wo Marken wirklich mehr brauchen, liegt die Lösung fast immer vor dem Checkout - im Warenkorb oder auf der Produktseite.

    Lässt sich Dein Checkout-Wunsch überhaupt bauen?

    Schick uns Deine Anforderungen. Wir ordnen jede einzelne zu: Extension, Function, Warenkorb - oder ehrlich: geht nicht.

    Stand:

    Projektstart

    Lass uns dein Shopify-Projekt prüfen.

    Antwort in der Regel innerhalb von 24h

    Direkt mit Strategie/Tech-Senior sprechen

    Keine Agentur-Folien, klare nächste Schritte

    Shopify Plus Partner Zertifizierung

    Mit dem Absenden landet deine Anfrage direkt im NICCOS-Prozess. Keine Newsletter-Einwilligung, kein Weiterverkauf von Kontaktdaten.

    NICCOS

    Die Seite konnte nicht geladen werden.

    Bitte lade die Seite neu. Falls gerade ein Update live gegangen ist, wird damit die aktuelle Version geladen.