Skip to main content

​
Allgemeine Beschreibung

Der “Goodie Progress Bar” ist ein Gamification-Element, das den aktuellen Warenkorbwert des Kunden visualisiert und anzeigt, wie viel noch fehlt, um bestimmte Ziele zu erreichen. Solche Ziele können der kostenlose Versand, ein Gratisartikel oder ein Rabatt sein. Durch die visuelle Darstellung des Fortschritts werden Kunden motiviert, weitere Artikel in den Warenkorb zu legen, um die Belohnung freizuschalten (“Nur noch 5€ bis zum Gratis-Versand”).
Image
Hinweis: Dieses Portlet dient primär der Darstellung an einer beliebigen Stelle im Shop (z. B. im Header oder auf einer Landingpage). Die eigentlichen Schwellenwerte und Belohnungen (die “Haupteinstellungen”) werden zentral in den Plugin-Einstellungen definiert.

​
Einsatzmöglichkeiten (Inspiration)

  • Versandkostenfrei-Grenze: Platziere die Leiste prominent im Header oder Warenkorb, um den Weg zum kostenlosen Versand zu zeigen.
  • Gratis-Beigaben: “Kaufe für 100€ ein und erhalte eine Tasche gratis” – visualisiere diesen Meilenstein.
  • Mini-Warenkorb (Sidebar): Nutze die kompakte Darstellung im Offcanvas-Warenkorb, um platzsparend Upselling zu betreiben.
  • Checkout: Erinnere Kunden im letzten Schritt daran, dass nur noch ein kleiner Betrag fehlt, um einen Vorteil zu sichern.

​
Featureübersicht:

  • Visuelle Motivation: Fortschrittsbalken sind intuitiv und regen den Spieltrieb an.
  • Flexible Detailtiefe: Entscheide selbst, ob Texte, Icons oder nur der nackte Balken angezeigt werden sollen.
  • Responsive Kontrolle: Steuere detailliert, auf welchen Geräten (Desktop, Tablet, Mobil) eine kompakte Version angezeigt wird, um Platz zu sparen.
  • Meilenstein-Management: Konfiguriere, welche Zwischenziele (Marken) auf der Leiste sichtbar sein sollen.

​
Settings:

​
Allgemein

Hier passt du die individuelle Darstellung dieser spezifischen Portlet-Instanz an.
Image
Icons anzeigen: Aktiviere diese Option, um Symbole (z. B. ein Paket-Icon für Versand oder ein Geschenk-Icon) auf der Leiste oder bei den Meilensteinen anzuzeigen. Infotext unter Progressbar anzeigen: Blendet erklärende Texte unterhalb des Balkens ein (z. B. “Noch 10,00 € bis Versandkostenfrei”). Progresswert auf Progressbar anzeigen: Zeigt den aktuellen Wert oder Prozentsatz direkt auf dem Balken an.

​
Kompaktmodus (Responsive)

Der Kompaktmodus reduziert die Progress Bar meist auf eine schmale Linie ohne viel drumherum, ideal für Bereiche mit wenig Platz (wie Header oder Mobile). Auf Desktop kompakt darstellen: Schaltet den Kompaktmodus für große Bildschirme ein. Auf Tablet kompakt darstellen: Schaltet den Kompaktmodus für Tablets ein. Auf Mobil kompakt darstellen: Schaltet den Kompaktmodus für Smartphones ein. Höhe der Progressbar im Kompaktmodus in px: Definiere hier, wie dünn oder dick der Balken im Kompaktmodus sein soll (z. B. 4 Pixel).

​
Marken (Meilensteine)

Hier steuerst du, welche Ziel-Markierungen auf der Leiste visualisiert werden. Anzeigemodus der Marken Desktop: Wähle, welche Ziele auf Desktop-Geräten markiert werden sollen.
  • Alle Ziele: Zeigt sämtliche definierten Belohnungsstufen auf der gesamten Leiste an.
  • Alle erreichten und das nächste Ziel: Zeigt die Historie des Erfolgs und motiviert mit dem direkten nächsten Schritt.
  • Das letzte und nächste Ziel: Eine sehr reduzierte Ansicht, die den Fokus nur auf den aktuellen Status und das kommende Ziel legt.
Anzeigemodus der Marken Tablet: Wähle die Darstellung der Marken für Tablets.
  • Alle Ziele: Zeigt sämtliche definierten Belohnungsstufen auf der gesamten Leiste an.
  • Alle erreichten und das nächste Ziel: Zeigt die Historie des Erfolgs und motiviert mit dem direkten nächsten Schritt.
  • Das letzte und nächste Ziel: Eine sehr reduzierte Ansicht, die den Fokus nur auf den aktuellen Status und das kommende Ziel legt.
Anzeigemodus der Marken Mobil: Wähle die Darstellung der Marken für mobile Geräte.
  • Alle Ziele: Zeigt sämtliche definierten Belohnungsstufen auf der gesamten Leiste an.
  • Alle erreichten und das nächste Ziel: Zeigt die Historie des Erfolgs und motiviert mit dem direkten nächsten Schritt.
  • Das letzte und nächste Ziel: Eine sehr reduzierte Ansicht, die den Fokus nur auf den aktuellen Status und das kommende Ziel legt.