Fortschrittsbalken und Gratisgeschenke im Shopify-Checkout anzeigen

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, und die Seite Checkout der App fehlt in ihrem Menü.
• Den Plan Premium oder Optimize von Yaco. Der kostenlose Plan, samt seiner 14-tägigen Testphase, und Starter enthalten den Checkout nicht: den Fortschrittsbalken, den Remove button und die Produktempfehlungen im Checkout. In diesen Plänen weist ein Hinweis auf der Seite Checkout darauf hin, und die Blöcke, die Sie im Checkout-Editor platzieren, bleiben für Ihre Kunden unsichtbar; siehe Preise. Rabatte und Geschenke Ihrer Stufen gelten im Checkout weiterhin: Nur die Blöcke werden ausgeblendet. Shopify-Plus-Shops, die Yaco vor dem 22. Oktober 2026 installiert haben, behalten die Checkout-Funktionen in jedem Plan.

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.

0:32

0:22

Die Blöcke in Shop Pay anzeigen

Kunden, die Shop Pay bereits nutzen, bezahlen im eigenen Checkout von Shop Pay. Dort zeigt Shopify einen App-Block nur, wenn Sie es erlauben, Block für Block, und das ist standardmäßig ausgeschaltet: Solange Sie es nicht aktivieren, sehen diese Kunden den Balken nicht.

1. Klicken Sie im Checkout-Editor auf den Block Progress bar.
2. Aktivieren Sie im Abschnitt zum Checkout-Verhalten die Option, den Block in Shop Pay einzubeziehen.
3. Wiederholen Sie das für den Block Remove button und, falls Sie ihn nutzen, den Block Recommendations.
4. Speichern Sie.

Ist die Option aktiv, erscheint darunter ein Link zur Shop-Pay-Vorschau. Die Einstellung gilt nur für Shop Pay: In anderen Express-Checkouts wie Apple Pay, Google Pay oder PayPal zeigt Shopify keine App-Blöcke.

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, Nachricht beim Erreichen der Stufe anzeigen, Finale Erfolgsnachricht anzeigen (mit Ausrichtung der Erfolgsnachricht), Stufennamen anzeigen, Schwellenwerte anzeigen, Liste erreichter Stufen anzeigen, Liste nicht erreichter Stufen anzeigen.
• Fortschrittsbalken-Ton: Auto oder Kritisch.
• Anzeigereihenfolge der Elemente: per Drag & Drop Erfolgsmeldung, Stufenname, Schwellenwert, 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. Wenn Ihr Shop den Versand pro Markt einrichtet, prüfen Sie stattdessen, ob jeder Markt, in dem die Stufe angeboten wird, eine aktive Versandoption hat und diese Option nicht auf Kollektionen beschränkt ist, die das Geschenkprodukt ausschließen.

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; zahlt der Kunde mit Shop Pay, ist der Block in Shop Pay einbezogen; die Karte Integration zeigt Extension aktiv; der Warenkorb erfüllt die Bedingungen mindestens einer Stufe. Eine Stufe, deren Geschenkprodukt gelöscht wurde oder in Ihrem Shop nicht mehr verkäuflich ist, wird im Checkout nicht angezeigt; die anderen Stufen schon. Verschwinden Geschenke im Checkout, siehe Geschenk entfernt.

Zeigt der Block im Checkout-Editor Nur Sie sehen das, im Checkout-Editor: Dieser Block erfordert den Premium-Tarif von Yaco Progress Bar. Ihre Kunden sehen ihn nicht., enthält Ihr Yaco-Plan den Checkout nicht. Wechseln Sie auf der Seite Abonnement zu Premium oder Optimize: Der Block erscheint wieder für Ihre Kunden, ohne dass Sie ihn neu platzieren müssen.