> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.pandectes.io/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Checkout-Block

Lassen Sie Kunden ihre Einwilligung auch im Checkout erteilen. Diese Anleitung erklärt, wie Sie den Checkout-Block in Ihrem Shopify-Shop einsetzen, damit der Bestellvorgang reibungslos und rechtskonform bleibt.

In allen Shopify-Tarifen lässt sich unser Checkout-Block auf der Dankeseite einbinden.

### Einführung

In diesem Artikel beschreiben wir, wie Sie unseren Cookie-Banner über unsere Checkout-Erweiterung in Ihren Checkout einbinden. Unsere Erweiterung folgt den aktuellen Vorgaben von Shopify zur Checkout Extensibility.

### Die Umstellung auf Shopify Checkout Extensibility

Seit dem **13. August 2024** ist checkout.liquid für die Seiten Information, Versand und Zahlung abgeschaltet und wird nicht mehr unterstützt.

Seit dem **28. August 2025** ist checkout.liquid für die Dankeseite und die Bestellstatusseite abgeschaltet und wird nicht mehr unterstützt. Das betrifft auch Apps, die Script-Tags und zusätzliche Skripte auf den Seiten nach dem Kauf und beim Bestellstatus verwenden. Shopify Scripts funktionieren bis zu diesem Datum weiterhin parallel zur Checkout Extensibility.

**Shopify-Plus**-Händler können die Checkout Extensibility nutzen, um Checkout, Dankeseite, Bestellstatus und Kundenkontoseiten anzupassen.

### Den Checkout-Block mit dem Cookie-Banner hinzufügen

Wenn Sie zum ersten Mal einen Checkout-Block einbinden, fügen Sie ihn zunächst im Checkout-Editor hinzu. Öffnen Sie in unseren App-Einstellungen den Bereich Checkout block und klicken Sie auf die Schaltfläche zum Hinzufügen im Editor. Damit öffnet sich der Checkout-Editor von Shopify.

![](https://storage.crisp.chat/users/helpdesk/website/1a5af239e847cf00/chrome-capture-2024-3-25-3_1x2i96s.gif =800x576)

Dort sehen Sie den Checkout-Block unserer App. Mit einem Klick fügen Sie ihn der Seite hinzu und ziehen ihn anschließend an die gewünschte Stelle. In diesem Beispiel soll er im Header erscheinen.

Rechts sehen Sie nun eine Vorschau im Header-Bereich.

![](https://storage.crisp.chat/users/helpdesk/website/1a5af239e847cf00/image_11vllj4.png =600x327)

Klicken Sie oben rechts im Seiteneditor auf Speichern. Ihr Checkout-Block erscheint nun im Checkout.

Das Hinzufügen und Platzieren des Blocks funktioniert für die Seiten **Information**, **Shipping** und **Payment** gleich.
Für die **Dankeseite** wiederholen Sie dieselben Schritte, um den Block dort hinzuzufügen und zu platzieren.

![](https://storage.crisp.chat/users/helpdesk/website/1a5af239e847cf00/image_m28bzs.png =800x430)

Verlassen Sie den Checkout-Editor, kehren Sie zur App zurück und gehen Sie zu **Settings > Checkout block**.

### Optionen des Checkout-Blocks

Für den Banner, der als Checkout-Block im Checkout lädt, gelten seitens Shopify einige Einschränkungen bei Layout und Styling. Der Banner im Checkout verwendet daher aus unserer App nur die folgenden Einstellungen:

**1. Banner-Typ**
**2. Links zu Datenschutz und Impressum**
**3. Inhalt und Übersetzungen**

Zusätzlich bieten wir einige Optionen speziell für den Checkout-Prozess:

1. **Persist Banner Post-Consent**: Aktivieren Sie diese Option, damit der Banner im Checkout sichtbar bleibt, auch wenn bereits im Shop vor dem Checkout eine Einwilligung erteilt wurde. Das erhöht die Transparenz und bestätigt die Einwilligung erneut.
2. **Collapsible Banner Mode**: Mit dieser Option lädt der Banner im Checkout eingeklappt und spart so Platz auf der Seite. Über eine Schaltfläche lässt er sich ausklappen, um weitere Details zu sehen.

||| Hinweis: Checkout-UI-Erweiterungen für die Schritte Information, Versand und Zahlung stehen nur Shops im Tarif Shopify Plus zur Verfügung.

### Häufige Gründe, warum der Block im Checkout nicht erscheint

* Sie haben die Checkout-Erweiterung nicht im Checkout-Editor von Shopify hinzugefügt. Sie finden ihn in Ihren Shop-Einstellungen unter "Checkout". Stellen Sie sicher, dass Sie die passende Erweiterung im Checkout ergänzt haben.
* Die Option Persist Banner Post-Consent ist nicht aktiviert und Sie haben bereits vor dem Checkout eingewilligt.

Trifft nichts davon auf Ihren Block zu, liegt möglicherweise ein Fehler vor. Wenden Sie sich gerne über unseren Support-Chat in der App an uns, wir helfen Ihnen weiter.