Warenkorb-Widget

Geben Sie Kunden die Möglichkeit, ihren Abholpunkt direkt im Warenkorb auszuwählen — bevor sie zur Kasse gehen. Das Globe Warenkorb-Widget fügt Ihrer Warenkorbseite oder Ihrem Warenkorb-Drawer einen Lieferselektor hinzu, sodass Kunden zwischen Lieferung nach Hause und einem Abholpunkt wählen können, ohne den Warenkorb zu verlassen.

Verfügbar in allen Shopify-Tarifen

Das Warenkorb-Widget funktioniert in den Tarifen Basic, Shopify, Advanced und Plus. Shopify-Plus-Shops haben die Abholpunktauswahl bereits in den Checkout integriert — das Warenkorb-Widget ist am nützlichsten für Shops in anderen Tarifen.

Kein vollständiger Ersatz für die Auswahl nach dem Checkout

Kunden, die den Button Jetzt kaufen, Express-Zahlungsmethoden (Apple Pay, Google Pay) oder direkte Checkout-Links verwenden, umgehen den Warenkorb vollständig und sehen das Widget nicht. Für diese Kunden bleibt die Auswahl auf der Dankeseite und der Bestellstatusseite als Fallback. Wir empfehlen, diesen Ablauf neben dem Warenkorb-Widget aktiv zu lassen.

Shops mit komplexen Versandkonfigurationen — viele Versandzonen, bedingte Tarife oder vom Spediteur berechnete Preise — werden möglicherweise feststellen, dass der vereinfachte Umschalter zwischen Heimlieferung und Abholpunkt nicht gut zu ihrem Checkout-Ablauf passt.

---

Funktionsweise

Das Widget fügt Ihrem Warenkorb zwei kartenförmige Optionen hinzu:

• Lieferung nach Hause — der Kunde möchte eine Standardlieferung an seine Adresse. Durch Auswahl dieser Option wird ein zuvor gespeicherter Abholpunkt gelöscht.
• Abholpunkte — der Kunde möchte an einem Abholpunkt abholen. Ein Klick auf diese Karte öffnet eine interaktive Karte und Liste, betrieben von Leaflet und OpenStreetMap (kein Google Maps API-Schlüssel erforderlich).

Auf der Karte können Kunden nach Adresse suchen, ihren Standort verwenden und Markierungen für alle nahegelegenen Abholpunkte durchsuchen. Nach der Auswahl eines Punktes aktualisiert sich die Karte, um den Namen und die Adresse des ausgewählten Punktes sowie einen Button Ändern anzuzeigen.

Die Auswahl wird im Warenkorb gespeichert und fließt automatisch in die Bestellung ein.

Kunden wählen direkt im Warenkorb zwischen Lieferung nach Hause und Abholpunkten.

---

Einrichtung

1. Stellen Sie sicher, dass mindestens ein Spediteur in Globe konfiguriert ist. Weitere Informationen finden Sie unter Abholpunkt-Spediteure hinzufügen.

2. Aktivieren Sie das Widget in Ihrem Shopify-Theme:

   • Gehen Sie in der Shopify-Administration zu Online Store → Themes → Anpassen.
   • Öffnen Sie App-Einbettungen im linken Panel.
   • Suchen Sie Cart pickup points und schalten Sie es ein.
   • Klicken Sie auf Speichern.

   Sie können den Theme-Editor auch direkt aus Globe öffnen — gehen Sie zu Einstellungen → Cart Widget und klicken Sie auf Theme-Editor öffnen.

   Aktivieren Sie die App-Einbettung Cart pickup points in Ihrem Theme.

3. Gehen Sie in der Globe-App zu Einstellungen → Cart Widget und konfigurieren Sie die Platzierung (siehe unten).

---

Platzierung

Das Widget fügt sich in Ihren Warenkorb an einem CSS-Selektor ein, den Sie angeben. Verschiedene Themes verwenden unterschiedliche HTML-Strukturen, daher müssen Sie das Widget auf das richtige Element in Ihrem Theme ausrichten.

Häufige Selektoren:

Theme-Typ	Zu verwendender Selektor
Vollständige Warenkorbseite	.cart__footer
Warenkorb-Drawer	.cart-drawer__summary
Generisch	#cart-totals

Nicht sicher, welchen Selektor Ihr Theme verwendet? Klicken Sie in Globe auf Hilfe neben dem CSS-Selektor-Feld — es führt Sie durch das Auffinden des richtigen Selektors mit den DevTools Ihres Browsers. Sie können auch den Support kontaktieren, und wir identifizieren ihn für Sie.

Sie können mehrere Platzierungsziele hinzufügen, wenn Ihr Theme sowohl eine vollständige Warenkorbseite als auch einen Warenkorb-Drawer hat — das Widget wird in beiden angezeigt.

Konfigurieren Sie den CSS-Selektor und das Layout für jedes Platzierungsziel.

---

Anpassung

Übersetzungen

Passen Sie die vier Labels an, die Kunden sehen: die Überschrift, „Lieferung nach Hause”, „Abholpunkte” und den Button „Ändern”. Übersetzungen können pro Sprache festgelegt werden — das Widget erkennt automatisch die Browsersprache des Kunden und zeigt den passenden Text an. Die App zeigt nur Sprachen an, die in Ihrem Shopify-Shop veröffentlicht sind.

Farben

Acht Farbeinstellungen ermöglichen es Ihnen, das Widget an das Design Ihres Shops anzupassen: Überschriftsfarbe, Textfarbe, Karten-Hintergrund, Kartenrand (normal), Kartenrand (ausgewählt), Symbolfarbe, Schaltflächen-Hintergrund und Schaltflächen-Textfarbe.

Layout

Wählen Sie zwischen horizontal (die beiden Karten nebeneinander) oder vertikal (die Karten übereinander). Horizontal eignet sich gut für breite Warenkorblayouts; vertikal ist besser für schmale Warenkorb-Drawer geeignet.

---

Adressvorbefüllung beim Checkout

Wenn ein Kunde im Warenkorb einen Abholpunkt auswählt, kann Globe das Versandadressformular beim Checkout automatisch mit der Adresse dieses Abholpunkts vorausfüllen. Dies erspart dem Kunden die erneute Eingabe der Adresse.

Aktivieren Sie dies unter Einstellungen → Cart Widget → Adressvorbefüllung beim Checkout.

Nicht empfohlen für Shopify Plus

Shopify-Plus-Shops verwenden die Checkout-Erweiterung für die Abholpunktauswahl, die Adressdaten nativ verarbeitet. Die Vorbefüllungsfunktion ist nur für Shops mit Standardtarifen konzipiert.

Wenn Ihr Theme einen nicht standardmäßigen Checkout-Button verwendet, geben Sie den CSS-Selektor des Buttons in das Feld Benutzerdefinierter Checkout-Button-Selektor ein (unterstützt mehrere durch Komma getrennte Selektoren, z.B. .cart__checkout-button, #checkout).

---

Voraussetzungen

• Globe-App installiert mit aktivem Abonnement
• Mindestens ein Abholpunkt-Spediteur in Globe konfiguriert
• Die App-Einbettung Cart pickup points im Theme-Editor aktiviert