🚀 So konfigurieren Sie eine zielbasierte kostenlose Versand-Upsell-Bar mit mehreren Platzierungen
ℹ️ Note: Dieser Artikel wurde automatisch mit AI übersetzt und kann Ungenauigkeiten enthalten. Wenn etwas falsch aussieht, kontaktieren Sie bitte unser Support-Team.
Möchten Sie Ihren durchschnittlichen Bestellwert (AOV) erhöhen und gleichzeitig den Kunden mehr Gründe geben, weiter einzukaufen? 🛍️
Das ist genau das, was die Zielbasierter Multiple Placement Workflow in Hoppy Free Shipping ist dafür ausgelegt.
Mit diesem Workflow können Sie Belohnungsmeilensteine erstellen wie:
- 🚚 Freier Versand
- 💸 Prozentuale Rabatte
- 🎁 Kostenlose Geschenke
- 💰 Festpreisrabatte
- und zeigen Sie die gleiche kostenlose Versandleiste über mehrere Platzierungsbereiche in Ihrem gesamten Shopify Lager.
Dieses Setup trägt dazu bei, ein besser vernetztes Einkaufserlebnis zu schaffen, da die Kunden weiterhin sehen, wie sich ihre Belohnung weiterentwickelt, wenn sie sich über verschiedene Bereiche der Storefront bewegen. ✨
📍 Verfügbare Platzierungsbereiche
Mit dem Mehrfachplatzierung (basierend auf Zielen) Workflow kann die Free Shipping Bar in den folgenden Platzierungsbereichen erscheinen:
- Produktseite → Unterhalb des Add to Cart Buttons
- Warenkorbseite → Über Warenkorbprodukte, unter dem Store Header
- Warenkorbschublade → Produkte über dem Warenkorb, unterhalb des Warenkorb-Headers
- Banner → Ganz oben auf der Website
ℹ️ Die Bannerplatzierung unterstützt derzeit nur die Free Shipping Bar und unterstützt nicht das Upsell Widget.
🛠️ Beispiel-Setup in dieser Dokumentation verwendet
In dieser Dokumentation konfigurieren wir die folgende Belohnungsstruktur:
- 🚚 Kostenloser Versand bei $ 100
- 💸 10% Rabatt bei $ 200
- 🎁 Kostenloses Geschenk bei $300
Das Setup wird aktiviert auf:
- Produktseite
- Warenkorbseite
- Warenkorbschublade
Dieser Leitfaden erklärt jede Einstellung im Detail, so dass Sie richtig verstehen können, wie sich jede Option verhält ⚙️
✅ Erster Schritt - Aktivieren Sie die App Embed
Damit die kostenlose Versandleiste auf Ihrer Storefront erscheint, muss das App-Embed in Ihrem Shop aktiviert sein. Shopify Thema.
Gehen Sie zu:
Shopify Admin → Sales Channels → Online Store → Themes → Edit Theme → App Embeds
Dann:
- Finde Kostenloser Versand Upsell
- Umschalten auf
- Klicken Sie Save
⚙️ Schritt 1 - Erstellen Sie einen neuen Shipping Upell
Offen Hoppy Free Shipping App.
Dann:
→ Klicken Erstellen Sie einen neuen Shipping Upsell um mit der Erstellung einer neuen Free Shipping-Kampagne zu beginnen.
→ auswählen Basierend auf Zielen Verwenden Sie den Workflow für mehrere Platzierungen, mit dem das gleiche Belohnungssetup gleichzeitig in mehreren Platzierungsbereichen angezeigt werden kann.
Dieser Workflow ist nützlich, wenn Sie möchten, dass die gleiche Free Shipping Bar-Konfiguration über mehrere Platzierungen hinweg angezeigt wird, während Sie die gleichen Ziele und Belohnungen teilen.
Einmal ausgewählt, wird die Setup-Seite automatisch geöffnet.
🎯 Schritt 2 — Zielregeln konfigurieren
Nach dem Öffnen der Setup-Seite landen Sie zuerst in der Zielregeln → Ziel Schnitt.
Dieser Abschnitt steuert:
- 🎯 Belohnungsziele
- 💬 Fortschrittsmeldungen
- 🎁 Belohnungsverhalten
- 📈 Fortschrittsverfolgung
- 💰 Wagenberechnungen
🏷️ Kostenloser Versand Upsell Name
Dieses Feld wird nur für interne Zwecke verwendet.
Kunden werden diesen Namen nie sehen.
Sie können jeden erkennbaren Namen verwenden wie:
- Sommerverkaufskampagne
- Black Friday Upsell
- Kostenloser Shipping Booster
- Festliches Angebot Funnel
💡 Mit der richtigen internen Benennung können Sie Setups später leichter identifizieren, insbesondere wenn Ihr Shop mehrere Kampagnen ausführt.
📦 Zielart
Diese Einstellung bestimmt, wie der Fortschritt verfolgt werden soll.
Es stehen 2 Optionen zur Verfügung.
💰 Warenkorb Gesamtbetrag
Diese Option verfolgt den Wert des ausgegebenen Geldes.
Wenn Produkte hinzugefügt oder aus dem Warenkorb entfernt werden, wird die kostenlose Versandleiste automatisch aktualisiert und überprüft, ob das Ziel erreicht wurde.
Beispiel
- $ 100 → Kostenloser Versand
- $ 200 → 10% OFF
- $ 300 kostenloses Geschenk
Dies ist das am häufigsten verwendete Setup, da es hilft, den Average Order Value (AOV) zu erhöhen 📈
🛒 Erzeugnismenge
Diese Option verfolgt die Anzahl der Produkte, die dem Warenkorb hinzugefügt wurden.
Beispiel
- 5 Produkte hinzufügen → Kostenloser Versand
- 10 Produkte hinzufügen → Kostenloses Geschenk
Standardmäßig wird jede Mengenerhöhung gezählt – auch wenn Kunden die Menge für dasselbe Produkt erhöhen.
🔄 Zählen Sie nur einzigartige Produkte
ℹ️ Diese Option erscheint nur, wenn Sie "Produktmenge" in Zielart.
Aktivieren Sie diese Option, wenn Sie möchten, dass nur verschiedene Produkte zum Ziel zählen.
Beispiel
- Produkt A × 5 → Als 1 Produkt gezählt
- Produkt A + Produkt B → 2 Produkte gezählt
Dies ist besonders nützlich, wenn Sie möchten, dass Kunden mehrere Produkte erkunden, anstatt einfach die Menge eines Produkts zu erhöhen 🛍️
🚫 Produkte von Zielen einschließen / ausschließen
Manchmal möchten Sie vielleicht, dass Belohnungen nur für bestimmte Produkte oder Kollektionen gelten.
Diese Einstellung ermöglicht es Ihnen:
- ✅ Umfassen spezifische Produkte
- ✅ Sammlungen einschließen
- ❌ Ausschließen von Produkten
- ❌ Sammlungen ausschließen
Anwendungsbeispiele
- Prämien nur für Premium-Kollektionen anbieten
- Diskontierte Produkte ausschließen
- Sammlungsspezifische Kampagnen erstellen
- Verhindern Sie, dass Produkte mit niedriger Marge zu Belohnungen beitragen
Dies gibt Händlern eine viel feinere Kontrolle darüber, wie sich Ziele verhalten 🎯
💰 Schritt 3 — Konfigurieren von Berechnungen und Währungseinstellungen
ℹ️ Dieser Abschnitt ist nicht erforderlich, wenn Zielart ausgewählt ist als Erzeugnismenge.
Diese Einstellungen bestimmen, wie Werte und Währungen in der Free Shipping Bar angezeigt werden.
📈 Progress Bar Berechnungen
Diese Einstellung steuert, wie der verbleibende Wert, der für Belohnungen benötigt wird, berechnet wird.
Vor dem Discount
Verwendet die ursprünglichen Produktpreise, bevor Rabatte angewendet werden.
Nach Discount
Berechnung des Fortschritts nach Shopify Rabatte werden bereits angewendet.
Dies bedeutet, dass ermäßigte Warenkorbwerte bei der Berechnung des verbleibenden Belohnungsfortschritts berücksichtigt werden.
💱 Währungssymboltyp
Diese Einstellung steuert, wie die Währung in der Free Shipping Bar angezeigt wird.
Verwendungswährungssymbol
Zeigt das Währungssymbol vor dem Betrag an.
Beispiel
"Sie sind nur $ 200 weg von $ 20 OFF!"
Verwenden Sie Währungstext
Zeigt den Währungscode nach dem Betrag an.
Beispiel
"Sie sind nur 200 USD von $ 20 OFF entfernt!"
🔄 Währungssymbolposition
Diese Einstellung ist nur verfügbar, wenn Verwendungswährungssymbol ausgewählt ist.
Vor dem Preis
Beispiel: $100
Nach dem Preis
Beispiel: 100$
🌍 Geldformat
Diese Einstellung steuert, wie die Währungsformatierung in der Free Shipping Bar angezeigt wird.
Verfügbare Formate umfassen:
- Lagerausfall
- Betrag
- Betrag ohne Dezimalstellen
- Betrag mit Comma Separator
- Menge mit Space Separator
- Menge mit Apostroph-Separator
- Und mehr
Diese Optionen helfen Stores, regionale Währungsformatierungsstile anzupassen 🌎
🎁 Schritt 4 - Konfigurieren Sie Ziele und Belohnungen
Lassen Sie uns nun die tatsächlichen Ziele und Belohnungen konfigurieren.
ℹ️ Anmerkung:
- Das Einrichten von Belohnungen für die Ziele in unserer App generiert einen Rabatt in Ihrem Shopify Rabatte, die aktiviert wird, um die von Ihnen gewählten Belohnungen zu unterstützen.
- Wenn Sie NICHT Möchten Sie, dass ein Rabatt automatisch erstellt wird, wählen Sie Keine Belohnung Im Bereich Belohnungen.
- Nur die kostenlose Versandleiste ist sichtbar, ohne dass Rabatte von der App aus gewährt werden.
🧾 Wagen leere Nachricht
Dies ist die erste Nachricht, die über der Leiste für freien Versand erscheint, wenn der Warenkorb leer ist (oder wenn er einen Artikel enthält, der bereits im Setup ausgeschlossen ist).
Sie sollten die dynamische Variable verwenden:{order-value}
ℹ️ Durch die Verwendung dynamischer Variablen müssen Sie die Werte in Ziel und Nachricht nicht jedes Mal aktualisieren, wenn Sie Anpassungen vornehmen.
Beispiel
"Hinzufügen ${Order-Wert} mehr, um Belohnungen freizuschalten!"
🎯 Ausgabenziel
Dies ist das eigentliche Ziel, das Kunden erreichen müssen Freischalten der Belohnung.
Sie können es einstellen Auf der Grundlage des Gesamtbetrags des jeweiligen Warenkorbs oder Erzeugnismengeabhängig von Ihrer Auswahl des Zieltyps.
🎉 Art der Prämie
Diese Einstellung steuert, was Kunden nach Erreichen des Ziels erhalten.
Es gibt 5 verfügbare Belohnungstypen.
Art der Prämie
Beschreibung
Kein Rabatt
nur visueller Fortschritt
Freier Versand
Gilt für Free Shipping 🚚
Prozentrabatt
Anwendbar prozentualer Abschlag
Festbetrag Diskontsatz
Anwendbarer Festwertrabatt
Freies Geschenk
Automatisches Hinzufügen eines Geschenkprodukts 🎁
⚠️ Wichtig:
Das Geschenkprodukt muss in einem aktiven Verkaufskanal verfügbar sein.
🏷️ Discount Label
Dieses Etikett erscheint auf Warenkorb- und Checkout-Seiten, wenn Rabatte automatisch angewendet werden.
Beispieletiketten
- Freier Versand angewandt
- 10% OFF Aktiviert
- Geschenkbelohnung angewendet
Dies hilft Kunden zu verstehen, welche Belohnung aktiv wurde ✨
Es würde auf der Checkout-Seite so aussehen 👀
📈 Fortschrittsmeldung
Diese Nachricht informiert die Kunden, wie viel mehr sie hinzufügen müssen, um die nächste Belohnung freizuschalten.
Verwenden Sie die Variable:
{order-value-progress}
Dadurch wird die verbleibende Menge oder Menge dynamisch aktualisiert.
Beispiel
"Add ${Order-Value-Progress} mehr, um Free Shipping freizuschalten"
🚫 Schifffahrtsmethoden ausschließen
ℹ️ Diese Option erscheint nur bei Verwendung der Freier Versand im Belohnungstyp.
Sie können Versandmethoden ausschließen, indem Sie den Versandmethodennamen der Versandmethoden eingeben, die Sie selbst erstellt haben Shopify Admin → Einstellungen → Versand & Lieferung.
Bei erfolgreicher Erkennung wird die Methode der Ausschlussliste hinzugefügt.
⚠️ Bitte beachten Sie::
Einige fortgeschrittene, unterkategorisierte Versandmethoden von Anbietern wie UPS, USPS, FedEx und DHL Es kann zu diesem Zeitpunkt nicht vollständig unterstützt werden.
💡 Unterstützung für diese Strukturen ist derzeit In Entwicklung.
🚚 Schritt 5 — Konfigurieren Ziel # 1 (kostenloser Versand bei $ 100)
Für den ersten Belohnungsmeilenstein:
- Zielbetrag festlegen → $ 100
- Reward Type auswählen → Kostenloser Versand
Sobald Kunden den Warenkorbwert von $ 100 überschreiten, wird der kostenlose Versand automatisch angewendet 🚚
💸 Schritt 6 — Konfigurieren Ziel # 2 (10% OFF bei $ 200)
knapp unter Ziel #1, Klick Neues Ziel hinzufügen um einen weiteren Belohnungs-Meilenstein zu schaffen.
Dann:
→ auswählen Art der Prämie → Prozentrabatt, da der zweite Meilenstein Kunden mit einem prozentualen Rabatt belohnen sollte.
→ Enter → 10 im prozentuales Eingabefeld automatisch einen Rabatt von 10% anzuwenden, sobald Kunden den konfigurierten Warenkorbwert erreicht haben.
Einmal ausgewählt, erscheint automatisch ein zusätzliches prozentuales Eingabefeld.
Beispiel Fortschrittsmeldung
"Sie sind nur $ {Order-Value-Progress} weg von 10% OFF"
🎁 Schritt 7 - Konfigurieren Ziel # 3 (kostenloses Geschenk bei $ 300)
Klicken Neues Ziel hinzufügen noch einmal.
Dann:
→ Wählen Belohnungsart → Kostenloses Geschenk; so erhalten Kunden nach Erreichen des Zielbetrags automatisch ein Produkt.
→ Klicken Wählen Sie Geschenk(s) Öffne deine Shopify Produktliste und Auswahl, welches Produkt(e) oder welche Variante(n) als Geschenk hinzugefügt werden sollen.
Dies öffnet die Liste der in Ihrem Shop verfügbaren Produkte.
Sie können dann auswählen, welche Produkte als Geschenke hinzugefügt werden sollen.
⚠️ Wichtig:
Wenn alle Varianten eines Produkts ausgewählt sind, werden alle Varianten automatisch hinzugefügt.
Überprüfen Sie immer ausgewählte Varianten vor dem Speichern.
⚙️ Zusätzliche Zieleinstellungen
Unterhalb des zielbereichs gibt es mehrere wichtige globale einstellungen.
🎉 Ziel erreicht Nachricht anzeigen
Aktivieren Sie dies, wenn Sie möchten, dass Kunden eine Erfolgsnachricht sehen, sobald sie die Belohnung freischalten. 🎉
ℹ️ Diese Nachricht wird nur einmal angezeigt Alle Ziele erreicht werden.
Beispiel: „Glückwunsch! Sie haben 50% OFF freigeschaltet!
🔄 Kombinieren Sie mit anderen Rabatten
Schalten Sie das ein, wenn Sie möchten Hoppy Belohnungen, um mit anderen Angeboten zu stapeln. Wenn dies aktiviert ist, tragen Rabatte aus verschiedenen Apps zu den Zielen bei:
- Shopify Rabatte
- Automatische Rabatte
- Drittanbieter Discount Apps
⚙️ Wählen Sie, wie Belohnungen angewendet werden sollten
Mit dieser Option können Sie entscheiden, wie Ihre Ziele gehandhabt werden: Entweder werden alle Ziele basierend auf ihren Schwellenwerten angewendet oder nur das letzte Ziel wird angewendet.
- Alle Belohnungen sollten angewendet werden
Alle freigeschalteten Belohnungen werden gleichzeitig aktiv.
- Nur letzte Belohnung sollte angewendet werden
Nur die höchste/letzte Belohnung wird aktiv.
✅ Alle Belohnungen sollten angewendet werden
Alle freigeschalteten Belohnungen werden gemeinsam aktiv.
Beispiel bei $300 Cart Value
- 🚚 Freier Versand
- 💸 10% AUS
- 🎁 Freies Geschenk
Alle Belohnungen gelten gleichzeitig.
🎯 Nur letzte Belohnung sollte angewendet werden
Nur die höchste/letzte Belohnung wird aktiv.
Beispiel bei $300 Cart Value
- 🎁 Kostenloses Geschenk nur
Frühere Belohnungen werden ignoriert.
Dies ist nützlich, wenn Sie eine meilensteinbasierte Progression ohne Belohnungsstapeln wünschen.
🛒 Schritt 8 — Upsell-Produkte konfigurieren
Gehen Sie nun zum Tab Upsell.
Dieser Abschnitt steuert die Produktempfehlungen, die unter der kostenlosen Versandleiste angezeigt werden.
📦 Upsell-Typen erklärt
1. Kein Upsell
Es gäbe keine Upsell-Empfehlung unterhalb der Free Shipping-Bar.
2. AI Upsell (häufig zusammen gekauft)
automatisch Produkte zeigen, die gemeinsam gekauft, basierend auf der Empfehlungsart ausgewählt Im Setup und der Produkte, die dem Warenkorb hinzugefügt wurden.
verfügbare Optionen:
- Verwandte Produkte: Empfiehlt Produkte, die dem Produkt ähneln, mit dem der Kunde interagiert. Diese Empfehlungen werden automatisch generiert oder können mithilfe von ShopifySuch- und Discovery-App.
- Ergänzungsprodukte: Empfiehlt Produkte, die gut mit dem Produkt übereinstimmen, mit dem der Kunde interagiert.
Sie können diese Empfehlungen verwalten und anpassen ShopifySuch- und Discovery-App. Um mehr über Search & Discovery zu erfahren, klicken Sie hier [Link].
3. Upselling spezifischer Produkte
Wählen Sie manuell die genauen Produkte aus, die Sie den Kunden empfehlen möchten. Diese Option gibt Ihnen die volle Kontrolle darüber, welche Produkte Anzeigen als Upsell-Empfehlungenunabhängig von dem Produkt, das sich derzeit im Warenkorb befindet oder angesehen wird.
4. Upsell spezifische Kollektionen
Anzeige von Upsell-Empfehlungen aus ausgewählten Sammlungen. Produkte werden aus den von Ihnen ausgewählten Kollektionen gezeigt, was die Bewerbung erleichtert Verbundene Kategorien, Saisonale Posten, oder kuratierte Produktgruppen.
5. Verkauf des gleichen Produkts
Zeigen Sie dasselbe Produkt an, das der Kunde gerade betrachtet. Dies kann nützlich sein, um das Produkt in verschiedenen Kontexten erneut hervorzuheben, wie z.B. Förderung mengenbasierter Käufe.
⬅️ Auto Slide Upsell von Interval
Aktivieren Sie dies, um sich automatisch durch Upsell-Empfehlungen in einem festgelegten Zeitintervall zu drehen. Dies hält die Produktvorschläge frisch und kann das Engagement erhöhen, indem verschiedene Optionen gezeigt werden.
Das Intervall kann in Sekunden im Intervalldauer Feld, mit dem Sie steuern können, wie häufig sich die Upsell-Produkte ändern.
🖋️ Titel & Max Nr. der Produkte
Sie können eine Benutzerdefinierte Bezeichnung für den Upsell-Abschnitt im Textflächenfeld mit grundlegende TextformatierungsoptionenDieser Titel wird über dem Empfohlene Produkte.
In der Max Anzahl der Produkte Feld, können Sie angeben wie viele Upselling-Produkte angezeigt werden sollen Sofort. Dies ermöglicht es Ihnen, die Anzahl der Empfehlungen Kunden gezeigt, um eine saubere und fokussierte Präsentation zu gewährleisten.
🔘 Call-To-Action-Tasteneinstellungen
Sie können konfigurieren:
- Button Text, der in der Upsell-Schaltfläche angezeigt wird, bevor das Upsell-Element dem Warenkorb hinzugefügt wird.
- Button Text, der in der Upsell-Schaltfläche angezeigt wird, nachdem das Upsell-Element dem Warenkorb hinzugefügt wurde.
Beispiel
Staat
Text
Vor dem Hinzufügen
Hinzufügen zum Warenkorb 🛒
Nach Zugabe
Fügen Sie ein anderes hinzu 🔀
👀 Schritt 8 — Platzierungsvisibilität aktivieren
Sobald alle Ziele konfiguriert sind, besteht der nächste Schritt darin, die Sichtbarkeit der Platzierung zu aktivieren.
Öffnen Sie jeden Platzierungs-Tab einzeln:
- Produktseite
- Warenkorbseite
- Warenkorbschublade
- Banner
Dann aktivieren: Aktivieren Free Shipping Bar ermöglicht
🛍️ Upsell Widget separat aktivieren / deaktivieren
Jede Platzierung bietet separate Umschalter für:
- Free Shipping Bar
- Upsell Widget
Das heißt, Sie können:
✅ Zeigen Sie den Fortschrittsbalken
❌ Verstecken Sie das Upsell Widget
ℹ️ Hinweis: Die Bannerplatzierung unterstützt das Upsell Widget derzeit nicht.
✅ Letzter Schritt - Save & Publish
Sobald die Einrichtung abgeschlossen ist:
- Speichern Sie die Konfiguration
- Veröffentlichen des Setups
Ihre Free Shipping Bar ist jetzt live 🚀
🎉 Endergebnis
Einmal erfolgreich konfiguriert:
✅ Kunden sehen Echtzeit-Belohnungsfortschritt
✅ Prämien gelten automatisch
✅ Kunden bleiben über mehrere Platzierungen hinweg engagiert
✅ Average Order Value verbessert sich
✅ Das Storefront-Erlebnis fühlt sich interaktiver und lohnender an ✨
Die korrekte Verwendung von Goal-Based Multiple Placement-Kampagnen kann sowohl die Kundenbindung als auch die Conversion-Möglichkeiten während der gesamten Einkaufsreise erheblich verbessern. 🚀
Aktualisiert am: 10/09/2026
Danke!