# Fortschrittsbalken und Gratisgeschenke im Shopify-Checkout anzeigen

> Fügen Sie mit Shopify Plus den Block Progress bar im Checkout-Editor hinzu, um Ihre Stufen zu zeigen und Kunden Geschenke im Checkout wählen oder entfernen zu lassen.

Aktualisiert am 2026-09-25 · https://www.yaco.studio/de/docs/checkout

## Was Sie vorher brauchen

- **Shopify Plus.** Shopify erlaubt Apps nur in Shopify-Plus-Shops, den Checkout anzupassen. In anderen Shopify-Tarifen erscheint der Balken im Shop und im Warenkorb, nicht im Checkout.
- **Ein Yaco-Abo, das die Checkout-Erweiterung enthält.** Ist das nicht der Fall, weist ein Hinweis auf der Seite **Checkout** darauf hin; siehe [Preise](https://www.yaco.studio/de/preise).

## Den Balken zum Checkout hinzufügen

Yaco Progress Bar bietet im Checkout-Editor von Shopify zwei Blöcke. Fügen Sie sie getrennt hinzu: der eine bringt den anderen nicht mit.

1. Öffnen Sie in Yaco Progress Bar die Seite **Checkout** und klicken Sie in der Karte **Integration** auf **Zum Checkout hinzufügen**. Der Checkout-Editor öffnet sich.
2. Fügen Sie den Block **Progress bar** hinzu, am besten in der **Bestellübersicht**.
3. Fügen Sie den Block **Remove button** unter **Warenkorb › Artikel im Warenkorb** hinzu. Er setzt einen Link „Entfernen“ unter die Geschenkzeilen.
4. Speichern Sie im Checkout-Editor.

Die Blocknamen bleiben in allen Sprachen englisch. Die Karte **Integration** zeigt danach **Extension aktiv**, sobald der Balken in einem echten Checkout angezeigt wurde (bis dahin **Extension nicht erkannt**), und **Schaltfläche Entfernen aktiv** für den zweiten Block.

Im Checkout-Editor hat der Block **Progress bar** eigene Einstellungen: die Schritte, in denen er erscheint (**Add to Checkout**, **Add to Information**, **Add to Shipping**, **Add to Payment**, **Add to Review**; die ersten beiden sind standardmäßig aktiv), und zwei optionale Filter, **Show only these goals (comma-separated IDs)** und **Hide these goals (comma-separated IDs)**. Die ID einer Stufe kopieren Sie aus der Stufenliste in der App.

## Festlegen, was der Balken zeigt

Auf der Seite **Checkout** der App:

- **Layout bei mehreren Balken**, für Shops mit mehreren Balken: **Gestapelt**, **Einzeln** oder **Nebeneinander**.
- **Elementsichtbarkeit**: **Rahmen anzeigen**, **Zielabschluss-Nachricht anzeigen**, **Finale Erfolgsnachricht anzeigen** (mit **Ausrichtung der Erfolgsnachricht**), **Zielnamen anzeigen**, **Preise anzeigen**, **Liste erreichter Ziele anzeigen**, **Liste nicht erreichter Ziele anzeigen**.
- **Fortschrittsbalken-Ton**: **Auto** oder **Kritisch**.
- **Anzeigereihenfolge der Elemente**: per Drag & Drop Erfolgsmeldung, Stufenname, Preis, Balken und Stufenliste neu ordnen.

Klicken Sie auf **Veröffentlichen**, um die Änderungen zu übernehmen.

## Kunden ihr Geschenk im Checkout wählen lassen

Der Abschnitt **Geschenkauswahl** legt fest, wie freigeschaltete Geschenke erscheinen. Er gilt für alle Geschenkstufen, außer für jene, bei denen die App das Geschenk nicht selbst hinzufügt.

- **Anzeige der Liste**: **Geschenkliste anzeigen** (Standard) listet die Geschenke direkt unter dem Balken; **Schaltfläche anzeigen** klappt sie hinter einer Schaltfläche zusammen, wie der Button „Geschenk auswählen“ in Ihrem Shop. Die **Beschriftung der Schaltfläche** ist in der Hauptsprache des Shops vorausgefüllt und übersetzbar.
- **Anzeige jedes Geschenks**: **Kontrollkästchen** (Vorschaubild, Name und Häkchen) oder **Schaltflächen Hinzufügen und Entfernen** (eine größere Karte mit einer Schaltfläche Hinzufügen, die zu Entfernen wird). Bei dieser zweiten Darstellung verschwindet ein bereits genommenes Geschenk aus der Liste und wird über den Link „Entfernen“ seiner Zeile zurückgegeben.
- **Schaltfläche « Entfernen » in der Bestellübersicht anzeigen** (standardmäßig aktiv): setzt einen Link „Entfernen“ unter jede von Yaco hinzugefügte Zeile, Geschenke und kostenpflichtige Optionen. Er erscheint nie bei Zeilen einer anderen App und nie bei Stufen mit **Geschenk im Warenkorb behalten erzwingen**. Er benötigt den Block **Remove button**.

Der Preis eines Geschenks erscheint durchgestrichen mit „GRATIS“. Diese Beschriftungen folgen der Checkout-Sprache des Kunden und sind nicht änderbar. Ein im Shop gewähltes Geschenk kommt bereits ausgewählt an.

## Meldungen, die Kunden sehen können

- **„Geschenke können hier nicht mehr geändert werden. Aktualisieren Sie Ihren Warenkorb, um Ihre Auswahl zu ändern.“** Shopify begrenzt die Zahl der Warenkorbänderungen, die eine App in einem Checkout vornehmen darf, und lehnt danach alle weiteren ab. Der Kunde kann zum Warenkorb zurückkehren oder den Checkout neu laden.
- **„Dieses Geschenk kann nicht an deine Adresse geliefert werden.“** Shopify hat die Geschenkzeile abgelehnt: mit ihr hat der Warenkorb für diese Adresse keine Versandoption mehr. Prüfen Sie in Shopify unter **Einstellungen › Versand und Zustellung**, ob das Versandprofil des Geschenkprodukts die Zonen abdeckt, in denen die Stufe angeboten wird.

## Der Balken erscheint nicht im Checkout

Prüfen Sie in dieser Reihenfolge: der Shop nutzt Shopify Plus; der Block **Progress bar** ist platziert und gespeichert; der aktuelle Schritt ist in den Blockeinstellungen aktiviert; die Karte **Integration** zeigt **Extension aktiv**; der Warenkorb erfüllt die Bedingungen mindestens einer Stufe. Verschwinden Geschenke im Checkout, siehe [Geschenk entfernt](https://www.yaco.studio/de/docs/geschenk-entfernt).