# So installieren Sie Yaco Progress Bar in Ihrem Shopify-Shop

> App installieren, die aus Ihren Angeboten übernommenen Stufen prüfen, das App-Embed aktivieren, den Balken im Theme platzieren und mit einem Abo veröffentlichen.

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

## 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 vier Schritten. Gehen Sie sie der Reihe nach durch.

| Schritt | Wozu er dient | Schaltfläche |
|---|---|---|
| 1. **Ziele & Rabatte konfigurieren** | Die Stufen des Balkens prüfen oder bearbeiten | **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. **App veröffentlichen** | Ein Abo wählen, damit Ihre Kundschaft den Balken sieht | **Zum Abonnement** |

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 Ziele aus deinem Shop vorkonfiguriert:** auf.

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](https://www.yaco.studio/de/docs/gratisversand), um eines einzurichten. Weitere Prämien legen Sie wie unter [Stufe hinzufügen](https://www.yaco.studio/de/docs/stufe-hinzufuegen) 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](https://www.yaco.studio/de/docs/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 Balken veröffentlichen

Solange kein Abo aktiv ist, ist der Balken nur im Theme-Editor oder in Entwicklungsshops sichtbar. Der vierte Schritt zeigt dann das Badge **Nur im Theme-Editor aktiv**. Klicken Sie auf **Zum Abonnement** und wählen Sie ein Angebot, damit Ihre Kundschaft den Balken in Ihrem Live-Theme sieht. Angebote und Preise finden Sie auf der [Preisseite](https://www.yaco.studio/de/preise).

Öffnen Sie nach der Veröffentlichung 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](https://www.yaco.studio/de/docs/balken-wird-nicht-angezeigt).