Füge einen ausfahrbaren Cart Drawer mit einem Fortschrittsbalken für kostenfreien Versand und einem [N]-Artikel Upsell-Karussell hinzu.
Want more control? See the expanded prompt ›
Ersetze den aktuellen Warenkorb durch einen ausfahrbaren Cart Drawer. Füge oben einen Fortschrittsbalken für 'Kostenloser Versand ab 75 $' hinzu, dazu eine AJAX-Mengenauswahl und ein Upsell-Karussell mit 3 Artikeln darunter.
- Ausfahrbarer Cart Drawer mit einem Live-Fortschrittsbalken für kostenfreien Versand.
- AJAX-Mengenaktualisierungen – kein Neuladen der Seite, wenn Käufer Artikel ändern.
- Schwellenwert wird automatisch auf deinen AOV abgestimmt oder auf einen bestimmten Wert festgelegt.
- Upsell-Karussell für 3 Produkte, verknüpft mit der Empfehlungs-API von Shopify.
Was du erreichen willst
Ein Cart Drawer hält Käufer auf der Produktseite, wenn sie Artikel hinzufügen – kein komplettes Neuladen der Seite, das den Einkaufsfluss unterbricht. Der Fortschrittsbalken für kostenlosen Versand gibt ihnen einen konkreten Grund, noch ein Produkt hinzuzufügen, und die AJAX-Mengenaktualisierungen lassen den Warenkorb sofort reagieren.
Worauf du achten solltest
- Schwellenwert-Anpassung – Fudge wählt den Schwellenwert basierend auf deinem AOV, sofern du keinen bestimmten angibst.
- Theme-Warenkorb-Konflikte – Fudge ersetzt das Warenkorb-Template vollständig, sodass es kein doppeltes Rendering gibt.
- Internationaler Versand – Fudge kümmert sich darum: Der Schwellenwert kann pro Markt konfiguriert werden, sodass EU-Kunden 75 € und US-Kunden 75 $ sehen.
- Upsell-Relevanz – Fudge übernimmt das: Die Upsells nutzen standardmäßig die Produktempfehlungs-API von Shopify, können aber auf bestimmte SKUs fest programmiert werden.
Wie Fudge das macht
Fudge dupliziert dein Live-Theme in einen Entwurf, bearbeitet das entsprechende Template (Produkt, Warenkorb oder Checkout) mit den von dir geforderten Änderungen und testet es mit deinen echten Produktdaten. Alles beginnt im Entwurf – sieh dir die Vorschau bei jedem Produkt oder im Warenkorb an, passe Details an und veröffentliche erst, wenn du bereit bist. Dein Live-Shop bleibt dabei unangetastet.
Warum der Cart Drawer dein größter Hebel für den AOV ist
Der Cart Drawer – der ausfahrbare Warenkorb mit Fortschrittsbalken für kostenlosen Versand und Upsell-Karussell – ist der Ort, an dem der AOV gesteigert wird. Käufer, die sich bereits zum Kauf entschlossen haben, sind kurz vor dem Checkout am ehesten bereit, noch einen Artikel hinzuzufügen.
Wann sich die Umsetzung lohnt
Baue den Cart Drawer ein, wenn du noch den standardmäßigen Shopify-Seiten-Warenkorb (Page Cart) nutzt. Das Drawer-Muster übertrifft den klassischen Warenkorb in jeder Metrik.
Was einen guten Cart Drawer ausmacht
- Fortschrittsbalken für kostenfreien Versand oben – berechnet aus deinen Shop-Einstellungen.
- AJAX-Mengenauswahl – kein Neuladen der Seite bei Änderungen.
- Upsell-Karussell mit 3 Artikeln – ergänzende Produkte basierend auf dem Warenkorbinhalt.
- Sticky Checkout CTA – immer sichtbar.
- Unterstützung für internationale Schwellenwerte – verschiedene Märkte, verschiedene Schwellenwerte.
Kombiniere dies mit Cart Upsells und Cart Cross-Sells.