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.
• 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.

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.