Einrichtung des Cart Page Widget
Das Cart Page Widget ermöglicht es Kunden, ihre Liefermethode, das Datum und das Zeitfenster vor dem Checkout auszuwählen. Es wird direkt in Ihre Shopify Cart Page eingebettet.
Widget zur Cart Page hinzufügen
Automatische Installation
- Gehen Sie zu Widgets im Scrollengine Dashboard
- Klicken Sie auf Install Widget
- Wählen Sie Cart Page
- Scrollengine fügt das Widget automatisch zur Cart Page Ihres Shopify Theme hinzu
Manuelle Installation
Falls die automatische Installation mit Ihrem Theme nicht funktioniert:
- Gehen Sie zu Shopify Admin > Online Store > Themes
- Klicken Sie auf Customize bei Ihrem aktiven Theme
- Navigieren Sie zur Cart Page-Vorlage
- Fügen Sie den Scrollengine App Block (oder Abschnitt) dort hinzu, wo das Widget erscheinen soll
- Speichern Sie
tipp
Platzieren Sie das Widget oberhalb des Checkout-Buttons, damit Kunden ihre Lieferpräferenzen auswählen, bevor sie zur Zahlung übergehen.
Verhalten des Widget
Nach der Installation führt das Widget folgende Schritte aus:
- Erkennt die Lieferadresse des Kunden (falls eingegeben)
- Zeigt verfügbare Liefermethoden basierend auf Ihren Regeln an
- Zeigt einen Kalender zur Datumsauswahl an
- Zeigt verfügbare Zeitfenster für das ausgewählte Datum an
- Verknüpft die ausgewählte Lieferpräferenz beim Checkout mit der Bestellung
Widget-Komponenten
| Komponente | Beschreibung |
|---|---|
| Methodenauswahl | Tabs oder Buttons für Local Delivery, Pickup, Shipping |
| Adresseingabe | Für Lieferungen — Validierung anhand Ihrer Lieferzonen |
| Kalender | Datumsauswahl mit verfügbaren Daten |
| Zeitfenster | Verfügbare Lieferzeitfenster für das ausgewählte Datum |
| Liefergebühr | Zeigt die anfallende Gebühr an (falls vorhanden) |
Testen des Widget
Nach der Installation:
- Öffnen Sie die Cart Page Ihres Shops in einem Browser
- Legen Sie ein Produkt in den Warenkorb
- Überprüfen Sie, ob das Widget mit Ihren Liefermethoden geladen wird
- Wählen Sie jede Methode aus und bestätigen Sie, dass Kalender und Zeitfenster angezeigt werden
- Geben Sie Testadressen innerhalb und außerhalb Ihrer Lieferzone ein, um die Zonenlogik zu überprüfen
Fehlerbehebung
| Problem | Lösung |
|---|---|
| Widget wird nicht angezeigt | Überprüfen Sie, ob der App Block in Ihrem Theme Editor hinzugefügt wurde |
| Keine Liefermethoden angezeigt | Stellen Sie sicher, dass mindestens eine Liefermethode mit aktiven Lieferregeln aktiviert ist |
| Kalender zeigt keine Daten | Überprüfen Sie Ihre Zeitfenster- und Arbeitszeiten-Konfiguration |
| Widget lädt langsam | Stellen Sie sicher, dass Ihre Lieferregeln nicht übermäßig komplex sind; kontaktieren Sie den Support, wenn das Problem weiterhin besteht |