> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.hoppyapps.com/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # 🛒 Wie man das Delivery Widget auf dem Warenkorb zeigt > ℹ️ **Note:** Dieser Artikel wurde automatisch mit AI übersetzt und kann Ungenauigkeiten enthalten. Wenn etwas falsch aussieht, kontaktieren Sie bitte unser Support-Team. Mit dem Lieferdaten-Widget können Kunden auswählen **Wie** und **wann** Sie wollen ihre Bestellung - direkt von der Warenkorbseite 🗓️ Um es live zu bekommen, braucht es nur zwei Dinge: die Ermöglichung der **App Embed** In ihrem thema und drehen auf der. **Show on Cart** Umschalten in der App. Dieser Leitfaden behandelt beides und was das Widget tatsächlich für Ihre Kunden aussieht. --- # **📋 Bevor Sie beginnen** Stellen Sie sicher, dass Sie: * ✅ Die **Hoppy Delivery Dates** App installiert auf Ihrem Shop * ✅ Zugang zu **Online-Shop → Themen** in deinem Shopify Admin * ✅ Mindestens ein Standort oder eine Versandoption konfiguriert (sonst hat das Widget nichts zu bieten - siehe **Standort: Wie erstellt und verwaltet man einen Standort?**) --- # **🧩 Schritt 1 - Aktivieren Sie die App Einbettung in Ihr Theme** Die App-Einbettung lädt den Code des Widgets auf Ihre Storefront. Es ist eine einmalige Einrichtung pro Thema. Gehen Sie zu: **Shopify Admin → Online Store → Themes → Theme bearbeiten** Dann: → Im Theme Editor öffnen Sie die **App Embeds** Abschnitt (das Puzzleteil-Symbol in der linken Seitenleiste) → Finden **„Liefertermine** und schaltet es auf → Klicken **Sparen** in der oberen rechten Ecke ⚠️ Das Widget wird nicht angezeigt, bis Sie klicken **Sparen** - Toggling allein veröffentlicht die Änderung nicht. Wenn Sie Themes später wechseln, müssen Sie das Einbetten in das neue Theme erneut aktivieren. 💡 Shortcut: auf der App **Zuhause** Armaturenbrett, **Einrichtungsleitfaden** Schritt **„Aktivierungs-App eingebettet in Shopify** hat eine **Offene Theme-Einstellungen** Knopf, der Sie direkt an den richtigen Ort bringt. --- # **🔛 Schritt 2 - Schalten Sie "Show on Cart" ein** Die App-Einbettung lädt den Code - dieser Umschalter entscheidet, ob das Widget tatsächlich auf der Warenkorbseite rendert. → Öffnen Sie die App und gehen Sie zu **Einstellungen** → Flip The **Show on Cart** Einschalten oben auf der Seite → Klicken **Sparen** Das ist es - das Widget ist jetzt live auf Ihrer Warenkorbseite 🎉 ℹ️ **Show on Cart** Funktioniert als Master Switch. Schalten Sie es jederzeit aus, um das Widget zu verstecken, ohne Ihr Thema zu berühren. --- # **👀 Schritt 3 - Sehen Sie, wie das Widget auf dem Warenkorb aussieht** Öffnen Sie die Warenkorbseite Ihres Shops (fügen Sie zuerst ein Produkt hinzu, wenn es leer ist). Das Widget zeigt einen farbigen Balken mit einem **Tab pro Erfüllungsmethode** Sie bieten an: * 🏪 **Store Pickup** → erscheint, wenn mindestens ein aktiver Standort Abholung anbietet. Kunden wählen einen Abholort aus einer Liste und wählen dann ein Datums- und Zeitfenster aus. * 🚚 **Lokale Lieferung** → erscheint, wenn mindestens ein aktiver Standort eine lokale Lieferung anbietet. Kunden betreten ihre **Postleitzahl**, Treffer **Überprüfung**, und - wenn Sie dort liefern - wählen Sie ein Datum und Zeitfenster. * 📦 **Standardversand** Erscheint, wenn der Versand in der **Standardversand** Tab. **Einstellungen**. Wenn **Slots aktivieren** wird überprüft, Kunden wählen ein Datum und einen Slot aus; Andernfalls merkt das Widget einfach an, dass der Versand an der Kasse berechnet wird. Unter den Registerkarten sehen Kunden den Datumswähler (Standardplatzhalter) **‚Ausgewähltes Datum‘**) mit der Überschrift **"Wann möchten Sie diese Bestellung bekommen?"**, gefolgt vom Zeitschlitzwähler. ℹ️ Nur die methoden, die sie tatsächlich konfiguriert haben, werden als tabs angezeigt. Keine Pickup-Standorte? Kein Pickup Tab. Kunden sehen nie Optionen, die Sie nicht anbieten. Standardmäßig befindet sich das Widget in der Nähe des unteren Teils des Warenkorbs, kurz vor dem Checkout-Buttonbereich. --- # **📐 Möchten Sie das Widget bewegen?** Sie können ändern, wo das Widget erscheint - vor, nach oder innerhalb eines bestimmten Elements auf Ihrer Warenkorbseite - von der **Position** Abschnitt über die **Aussehen** Seite. Siehe **Wie man den Slot Picker auf der Warenkorbseite positioniert** für schrittweise Anweisungen. --- # **🎉 Endergebnis** Sobald beide Schritte abgeschlossen sind: ✅ Die **Liefertermine** App Embed ist aktiviert und in Ihrem Theme gespeichert ✅ **Show on Cart** eingeschaltet in **Einstellungen** ✅ Kunden sehen Methode Tabs für **Store Pickup**, **Lokale Lieferung**, und/oder **Standardversand** ✅ Käufer wählen ihr bevorzugtes Datum und Zeitfenster vor dem Checkout Ihre Warenkorbseite sammelt nun automatisch Lieferpräferenzen 🚀