Zum Hauptinhalt springen

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

  1. Gehen Sie zu Widgets im Scrollengine Dashboard
  2. Klicken Sie auf Install Widget
  3. Wählen Sie Cart Page
  4. Scrollengine fügt das Widget automatisch zur Cart Page Ihres Shopify Theme hinzu

Manuelle Installation

Falls die automatische Installation mit Ihrem Theme nicht funktioniert:

  1. Gehen Sie zu Shopify Admin > Online Store > Themes
  2. Klicken Sie auf Customize bei Ihrem aktiven Theme
  3. Navigieren Sie zur Cart Page-Vorlage
  4. Fügen Sie den Scrollengine App Block (oder Abschnitt) dort hinzu, wo das Widget erscheinen soll
  5. 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:

  1. Erkennt die Lieferadresse des Kunden (falls eingegeben)
  2. Zeigt verfügbare Liefermethoden basierend auf Ihren Regeln an
  3. Zeigt einen Kalender zur Datumsauswahl an
  4. Zeigt verfügbare Zeitfenster für das ausgewählte Datum an
  5. Verknüpft die ausgewählte Lieferpräferenz beim Checkout mit der Bestellung

Widget-Komponenten

KomponenteBeschreibung
MethodenauswahlTabs oder Buttons für Local Delivery, Pickup, Shipping
AdresseingabeFür Lieferungen — Validierung anhand Ihrer Lieferzonen
KalenderDatumsauswahl mit verfügbaren Daten
ZeitfensterVerfügbare Lieferzeitfenster für das ausgewählte Datum
LiefergebührZeigt die anfallende Gebühr an (falls vorhanden)

Testen des Widget

Nach der Installation:

  1. Öffnen Sie die Cart Page Ihres Shops in einem Browser
  2. Legen Sie ein Produkt in den Warenkorb
  3. Überprüfen Sie, ob das Widget mit Ihren Liefermethoden geladen wird
  4. Wählen Sie jede Methode aus und bestätigen Sie, dass Kalender und Zeitfenster angezeigt werden
  5. Geben Sie Testadressen innerhalb und außerhalb Ihrer Lieferzone ein, um die Zonenlogik zu überprüfen

Fehlerbehebung

ProblemLösung
Widget wird nicht angezeigtÜberprüfen Sie, ob der App Block in Ihrem Theme Editor hinzugefügt wurde
Keine Liefermethoden angezeigtStellen 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 langsamStellen Sie sicher, dass Ihre Lieferregeln nicht übermäßig komplex sind; kontaktieren Sie den Support, wenn das Problem weiterhin besteht