So installieren Sie Yaco Progress Bar in Ihrem Shopify-Shop

App installieren und der Einrichtungsanleitung folgen

Installieren Sie Yaco Progress Bar aus dem Shopify App Store und öffnen Sie die App: Die Startseite zeigt eine Einrichtungsanleitung mit drei Schritten und einem optionalen vierten. Gehen Sie sie der Reihe nach durch.

Schritt	Wozu er dient	Schaltfläche
1. Stufen & Rabatte konfigurieren	Die Liste der Stufen öffnen, um sie zu prüfen oder zu bearbeiten: Der Schritt wird abgehakt, sobald Sie sie geöffnet haben	Zur Konfiguration
2. In Shopify aktivieren	Das App-Embed in Ihrem Theme aktivieren	App-Einbettung aktivieren oder Zur Theme-Integration
3. In das Haupttheme integrieren	Festlegen, wo der Balken erscheint (Warenkorb-Drawer, Warenkorbseite, Produktseite)	Fortschrittsbalken platzieren
4. Plan wählen (optional)	Sehen, wo Ihre kostenlose Testphase steht, oder einen bezahlten Plan wählen	Pläne ansehen

Nach einer Erstinstallation wird eine Willkommens-E-Mail an die E-Mail-Adresse Ihres Shops gesendet. Sie fasst die gefundenen Stufen und die offenen Schritte zusammen.

Die für Sie angelegten Stufen prüfen

Bei der Installation sieht sich die App die Angebote an, die in Ihrem Shop bereits eingerichtet sind: Gratisversand und automatische Rabatte mit Mindestbetrag. Daraus macht sie Stufen, damit der Balken ankündigt, was Ihr Checkout bereits gewährt. Der erste Schritt der Anleitung listet sie unter Wir haben diese Stufen aus deinem Shop vorkonfiguriert: auf. Klicken Sie auf Stufen ansehen, um die Liste zu öffnen und sie zu prüfen.

Wird kein Angebot gefunden, startet der Balken mit einer Beispielstufe für Gratisversand. Dieses Beispiel ändert Ihre Shopify-Versandtarife nicht: Ersetzen Sie es durch Ihr echtes Angebot oder lesen Sie Gratisversand-Balken, um eines einzurichten. Weitere Prämien legen Sie wie unter Stufe hinzufügen beschrieben an.

Das App-Embed aktivieren

Der Balken wird über ein App-Embed geladen. Es wird einmal pro Theme im Shopify-Theme-Editor aktiviert.

1. Klicken Sie in der Anleitung auf App-Einbettung aktivieren. Der Theme-Editor öffnet sich bei den App-Embeds.
2. Aktivieren Sie Yaco Progress Bar.
3. Klicken Sie oben rechts im Theme-Editor auf Speichern.

Sie können es auch von Hand erledigen: Öffnen Sie im Shopify-Admin Onlineshop › Themes › Anpassen, klicken Sie in der linken Seitenleiste auf das Symbol für App-Embeds, aktivieren Sie Yaco Progress Bar und speichern Sie.

Den Balken im Theme platzieren

Das App-Embed lädt den Balken, aber Sie entscheiden, wo er erscheint. Klicken Sie auf Fortschrittsbalken platzieren: Der Theme-Editor öffnet sich mit dem Yaco-Menü, und Sie klicken auf die Stelle der Seite, an der der Balken erscheinen soll, zum Beispiel im Warenkorb-Drawer. Die vollständige Methode und die Alternativen (App-Block auf der Produkt- oder Warenkorbseite, eine Codezeile für Entwickler) finden Sie unter Theme-Platzierung.

Ist Ihr Theme schwer zu integrieren, bietet die Seite Theme-Integration die Schaltfläche Kontaktieren Sie uns, um beim Yaco-Team eine kostenlose individuelle Integration anzufragen.

Den Integrationsstatus prüfen

Unter der Einrichtungsanleitung (direkt unter der Begrüßung, sobald die Anleitung geschlossen ist) bleibt die Karte Integrationsstatus auf der Startseite. Die Karte hat eine Zeile pro Bereich, Onlineshop (Ihr veröffentlichtes Theme) und danach Checkout, und eine Spalte pro Funktion, Fortschrittsbalken und Empfehlungen. Unter Onlineshop zeigt das Badge App-Integration, ob die App-Integration (App-Embed) aktiviert ist:

• Onlineshop: In der Zeile App-Block stehen die Blöcke, die Sie selbst im Theme-Editor platzieren, mit der Anzahl ihrer Stellen, zum Beispiel 2 aktiv. In der Zeile Yaco-Platzierungen stehen die Integrationen, die die App Ihrem Theme hinzufügt, verwaltet im Tab Platzierungen der Theme-Integration, zum Beispiel 2 Integrationen. Fahren Sie mit der Maus über ein Badge, um die Liste der Integrationen zu sehen, den automatischen Warenkorb-Drawer eingeschlossen; ein Klick darauf öffnet den Tab Platzierungen.
• Checkout: Eine einzige Zeile mit den Blöcken, die Sie im Checkout-Editor platzieren, zum Beispiel 1 aktiv.

Ein grünes Badge bedeutet erledigt. App-Integration deaktiviert erscheint gelb, nicht platziert unter Fortschrittsbalken in der Zeile Yaco-Platzierungen orange: Ein Schritt fehlt. Ein graues Badge (nicht platziert) ist kein Fehler: Der Balken kann über die App-Einbettung und die Yaco-Platzierungen erscheinen, ganz ohne App-Block, und Empfehlungen sind optional. Ein Klick auf das Badge App-Integration öffnet den Theme-Editor bei der App-Integration. Ein Klick auf ein anderes Badge öffnet die zuständige Seite: der Tab Alternative Methoden der Theme-Integration für die Zeile App-Block, deren Tab Platzierungen für die Zeile Yaco-Platzierungen, Checkout für den Balken im Checkout, Empfehlungen für die Empfehlungen im Checkout.

Einen Plan wählen (optional)

Der kostenlose Plan startet bei der Installation der App von selbst: Der Balken erscheint in Ihrem Shop, sobald das App-Embed aktiviert und der Balken platziert ist. Die Anleitung zeigt 3 von 3 Aufgaben abgeschlossen ohne diesen vierten Schritt, der das Badge Optional trägt.

Der Schritt zeigt, wo Ihre 14-tägige Testphase mit allen Stufen steht: Sie beginnt, wenn Ihr Balken zum ersten Mal in Ihrem Shop erscheint, danach zählt der Schritt die verbleibenden Tage. Nach der Testphase behält der kostenlose Plan 1 aktive Stufe. Klicken Sie auf Pläne ansehen, um die Pläne zu vergleichen. Siehe Abonnement.

Zeigt der Schritt Nötig, damit Ihr Balken erscheint, hat Ihr Shop noch keinen Plan, was bei einer älteren Installation vorkommen kann: Klicken Sie auf Pläne ansehen und dann auf der Karte Gratis auf Aktivieren.

Öffnen Sie nach dem Platzieren Ihren Shop in einem privaten Fenster, legen Sie ein Produkt in den Warenkorb und prüfen Sie, ob der Balken erscheint und sich füllt. Falls nicht, lesen Sie Balken wird nicht angezeigt.