So passen Sie die checkout.liquid in Shopify Plus an (2026)

Zuletzt aktualisiert
Von Experten geprüft
5 Min. Lesezeit
Jacques Blom
Jacques Blom
CTO bei Fudge.

Wichtigste Erkenntnisse

  • checkout.liquid ist nur bei Shopify Plus (und Shopify POS Pro) verfügbar. Standard-Pläne haben keinen Zugriff darauf.
  • Du findest es unter: Onlineshop → Themes → Aktionen → Code bearbeiten → layout/checkout.liquid.
  • Shopify hat checkout.liquid zugunsten von Checkout Extensibility eingestellt – alle Deprecation-Fristen sind mittlerweile verstrichen, und sämtliche neuen Anpassungen nutzen den neuen Ansatz.
  • Checkout Extensibility (Checkout UI Extensions + Shopify Functions) ist der offiziell unterstützte, langfristige Weg für alle Plus-Checkout-Anpassungen.

Der Checkout ist die entscheidendste Seite in deinem Shop. Ein benutzerdefiniertes Checkout-Layout, zusätzliche Trust-Signale oder ein gut platziertes Upsell können deine Conversion Rate erheblich verbessern. Mit Shopify Plus hast du die Werkzeuge, um das umzusetzen – aber die Landschaft verändert sich.

Wer hat Zugriff auf checkout.liquid?

Nur Shopify Plus-Händler. Die Datei checkout.liquid erscheint nicht im Code-Editor für Basic-, Shopify- oder Advanced-Pläne. Standard-Pläne können den Checkout nur über Settings → Checkout (begrenzte visuelle Einstellungen) und das Feld “Additional scripts” auf der “Order status page” anpassen.

Hinweis für POS Pro: checkout.liquid ist auch in Shopify POS Pro zugänglich, aber dieser Guide konzentriert sich auf die Anpassung des Online-Checkouts.


Zugriff auf checkout.liquid

  1. Gehen Sie zu Online-Shop → Themes → Aktionen → Code bearbeiten
  2. Suchen Sie nach dem Ordner layout/
  3. Suchen Sie nach checkout.liquid — diese Datei ist nur in Plus-Plänen sichtbar

Falls Sie sie nicht sehen, nutzt Ihr Shop kein Shopify Plus.

Passend dazu: Checkout-Feldbezeichnungen in Shopify ändern.

Erstellen Sie immer eine Kopie Ihres Themes, bevor Sie checkout.liquid bearbeiten. Ein Fehler in der checkout.liquid kann Ihren gesamten Checkout-Flow stören und alle Käufe verhindern.


Was Sie mit checkout.liquid anpassen können

Trust-Inhalte hinzufügen

Im Checkout ist die Kauf-Unsicherheit am größten. Das Hinzufügen von Trust-Signalen in der checkout.liquid kann die Abbruchrate senken:

<!-- Zum Checkout-Header oder Sidebar-Bereich hinzufügen -->
<div class="checkout-trust-bar">
  <span>🔒 Sicherer Checkout</span>
  <span>Kostenlose Rücksendung für alle Bestellungen</span>
  <span>Lieferung in 2-3 Werktagen</span>
</div>

Shopifys Checkout-Liquid verfügt über spezifische Zonen, in die benutzerdefinierte Inhalte eingefügt werden können: content_for_header, content_for_main und andere. Prüfen Sie die Shopify checkout.liquid Dokumentation für die aktuelle Liste der unterstützten Variablen.

Standardmäßig übernimmt Ihr Checkout eine vereinfachte Version des Headers Ihres Themes (nur Logo) und einen generischen Footer. In der checkout.liquid können Sie Branding-Elemente, benutzerdefinierte Navigationslinks und Footer-Inhalte hinzufügen, die zu Ihrer Marke passen.

Passend dazu: Trust Badges zum Shopify Checkout hinzufügen.

Benutzerdefiniertes CSS hinzufügen

<!-- Im <head>-Bereich der checkout.liquid -->
<style>
  .checkout-trust-bar {
    display: flex;
    gap: 24px;
    justify-content: center;
    padding: 12px;
    background: #f5f5f5;
    font-size: 12px;
  }
</style>

Wichtige Warnung: checkout.liquid ist deprecated

Shopify hat checkout.liquid für die Informations-, Versand- und Zahlungsschritte am 13. August 2024 und für die Dankeschön- und Bestellstatus-Seiten am 28. August 2025 abgeschaltet. Alle Checkout-Anpassungen laufen jetzt über Checkout Extensibility, nicht mehr über checkout.liquid.

Alle Fristen sind verstrichen, und Plus-Shops, die kein Upgrade durchgeführt hatten, wurden ab Januar 2026 automatisch umgestellt – betrachte also alles im Folgenden als Referenz zum Verständnis von Legacy-Anpassungen und nicht als Anleitung zum Bauen. Unser Migrations-Guide von checkout.liquid zu Checkout Extensions behandelt den Umstieg Schritt für Schritt.


Checkout Extensibility — der neue Ansatz

Checkout Extensibility ist Shopifys aktuelle Plattform für Checkout-Anpassungen. Sie besteht aus:

Checkout UI Extensions — React-basierte Komponenten, die an bestimmten Stellen im Checkout gerendert werden. Diese sind das Äquivalent zu checkout.liquid HTML, werden aber über Shopify Admin → Settings → Checkout → Customize verwaltet.

Shopify Functions — Serverseitige Logik, die während des Checkout-Prozesses ausgeführt wird (Rabattlogik, Zahlungsanpassung, Lieferanpassung).

Was Checkout Extensibility leisten kann

Zugriff auf Checkout Extensibility

Settings → Checkout → Customize — öffnet den visuellen Checkout-Editor. Hier können Sie Elemente verschieben, Abschnitte ein- und ausschalten und Erweiterungsblöcke hinzufügen.

Um eigene UI-Extensions zu entwickeln, benötigen Sie einen Entwickler und das Shopify CLI, um den Extension-Code bereitzustellen. Dies ist aufwendiger als das Bearbeiten der checkout.liquid, ist aber der unterstützte, langfristige Weg.

Erstellen Sie individuelle Shopify Checkout- und Storefront-Erlebnisse mit Fudge.
Try Fudge for Free

Was Fudge für den Checkout tut und was nicht

Fudge erstellt und modifiziert Seiten innerhalb Ihres Shopify-Themes — Produktseiten, Landingpages, Collections, benutzerdefinierte Sektionen. Die Checkout-Anpassung ist ein vom Theme getrenntes System (gesteuert durch checkout.liquid und Checkout Extensibility).

Für Conversion-Elemente vor dem Checkout — Sticky ATC-Buttons, Upsells auf Produktseiten, Warenkorb-Anpassungen, Countdown-Timer, Trust-Badges — ist Fudge das richtige Tool. Beschreiben Sie, was Sie wollen, Fudge generiert den Code als Entwurf.

Für checkout-spezifische Anpassungen bei Plus-Plänen nutzen Sie checkout.liquid (Legacy) oder Checkout Extensibility (neuer Ansatz).


Thank you page / Order status page

Die Bestellbestätigungsseite (die “Dankeschön”-Seite) ist in allen Shopify-Plänen zugänglich über:

Einstellungen → Checkout → Bestellstatus-Seite → Zusätzliche Skripte

Dieses Feld akzeptierte historisch gesehen HTML und JavaScript, das nach einem erfolgreichen Kauf ausgeführt wurde. Seit der Abschaltung im August 2025 ist es schreibgeschützt (view-only) – verwende stattdessen Web Pixels oder Checkout UI Extensions. Häufige bisherige Anwendungsfälle:

Mit Checkout Extensibility hat Shopify die Dankeschön-Seite als echtes Extension-Target mit einem visuellen Editor unter Einstellungen → Checkout → Anpassen neu aufgebaut.


FAQ

Wann wird checkout.liquid eingestellt?

Shopify hat checkout.liquid für die Informations-, Versand- und Zahlungsseiten am 13. August 2024 und für die Dankeschön- und Bestellstatus-Seiten am 28. August 2025 eingestellt (deprecated). Beide Fristen sind verstrichen – verbleibende Plus-Shops wurden ab Januar 2026 automatisch auf Checkout Extensibility umgestellt.

Was ist der praktische Unterschied zwischen checkout.liquid und Checkout Extensibility?

checkout.liquid bietet volle Liquid-Template-Kontrolle über das Checkout-HTML. Checkout Extensibility ist ein eingeschränktes, aber unterstütztes Framework: Du erstellst React-basierte UI Extensions, die in vordefinierten Zonen gerendert werden, sowie Shopify Functions für die Server-Side-Logik. Weniger rohe Flexibilität, aber von Shopify unterstützt und zukunftssicher.

Kann ich mit checkout.liquid benutzerdefinierte Formularfelder hinzufügen?

Ja – aber die Felddaten müssen beim Absenden manuell verarbeitet werden (z.B. durch Speichern als Line Item Properties, Senden an einen Webhook oder Speichern in einem Customer Metafield). Mit Checkout Extensibility verarbeitet die Customer Information UI Extension benutzerdefinierte Felder viel sauberer mit nativer Validierung und Übermittlung.

Wirken sich Änderungen an checkout.liquid auf die Bestellstatus-Seite aus?

Historisch gesehen ja – beide lebten in derselben checkout.liquid Datei. Seit der Einstellung am 28. August 2025 wird die Bestellstatus-Seite durch Checkout Extensibility gesteuert, nicht mehr durch checkout.liquid. Bestehende checkout.liquid-Änderungen an Dankeschön- und Bestellstatus-Inhalten werden seit diesem Datum nicht mehr angewendet.

Sollte ich jetzt auf Checkout Extensibility migrieren, auch wenn checkout.liquid noch funktioniert?

Ja. Jede Deprecation-Frist für checkout.liquid ist abgelaufen, und Shops, die nicht aktualisiert wurden, wurden ab Januar 2026 automatisch auf Checkout Extensibility umgestellt. Alle Checkout-Anpassungen laufen jetzt über Checkout Extensibility.

Jacques's signature
Erstelle benutzerdefinierte Shopify Storefront-Erlebnisse, indem du einfach beschreibst, was du willst.

Um die Ergebnisse zu messen, siehe Tracking-Skripte zu Shopify hinzufügen.

You might also be interested in

So fügen Sie benutzerdefiniertes JavaScript in Shopify hinzu (2026)
Lerne, wie du benutzerdefiniertes JavaScript zu Shopify hinzufügst – Sektions-JS-Blöcke für isolierten Code, theme.liquid für globale Skripte oder Custom HTML-Blöcke im Editor.