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.
- Slide-out Cart Drawer mit einem Live-Fortschrittsbalken für kostenlosen Versand.
- AJAX-Mengenupdates — kein Neuladen der Seite, wenn Kunden die Anzahl der Artikel ändern.
- Liest den Schwellenwert aus deinen Versandeinstellungen aus oder schlägt einen basierend auf deinem durchschnittlichen Bestellwert vor.
- Upsell-Karussell mit 3 Produkten, das mit der Recommendations API von Shopify verknüpft ist.
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: Fudge liest ihn aus deinen Versandeinstellungen aus oder schlägt einen basierend auf deinem durchschnittlichen Bestellwert vor, falls du noch keinen hast.
- Konflikte mit dem Theme-Warenkorb: Fudge ersetzt das Warenkorb-Template vollständig, sodass es nicht doppelt gerendert wird.
- Internationaler Versand: Der Schwellenwert kann pro Markt festgelegt werden, sodass EU-Kunden 75 € und US-Kunden 75 $ sehen.
- Upsell-Relevanz: Die Upsells nutzen standardmäßig die Produktempfehlungen von Shopify oder bestimmte Produkte, die du auswählst.
Wie Fudge das macht
Fudge dupliziert dein Live-Theme in einen Entwurf, bearbeitet das entsprechende Template (Produktseite oder Warenkorb) mit den Änderungen, die dein Prompt erfordert, und testet es mit deinen echten Produktdaten. Alles beginnt im Entwurf — sieh dir die Vorschau bei jedem Produkt oder im Warenkorb an, passe jedes Detail an und veröffentliche es, wenn du bereit bist. Dein Live-Shop bleibt unangetastet.
Warum der Cart Drawer wichtig für den Bestellwert ist
Der Cart Drawer, ein Slide-out-Warenkorb mit einem Fortschrittsbalken für kostenlosen Versand und einem Upsell-Karussell, ist der Ort, an dem Käufer entscheiden, ob sie noch einen weiteren Artikel hinzufügen. Kaufentschlossene Kunden sind direkt vor dem Checkout am offensten dafür.
Wann sich die Umsetzung lohnt
Erstelle einen Cart Drawer, wenn du noch den standardmäßigen Warenkorb auf Seitenebene von Shopify nutzt. Bei den meisten Shops sorgt ein Drawer dafür, dass Kunden nach dem Hinzufügen in den Warenkorb weiter stöbern.
Was einen guten Cart Drawer ausmacht
- Fortschrittsbalken für kostenlosen Versand oben — wird aus deinen Shop-Einstellungen berechnet.
- 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 das mit Cart-Upsells und Cart-Cross-Sells. Fudge erstellt Bars für kostenlosen Versand als Teil seiner Tools für Bundles und Rabatte; für den manuellen Weg, siehe wie man einen Fortschrittsbalken für kostenlosen Versand in Shopify hinzufügt.