> ## 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).

# 🛒 Hoe de leveringswidget op de winkelwagen tonen

> ℹ️ **Note:** Dit artikel is automatisch vertaald met behulp van AI en kan onjuistheden bevatten. Als er iets mis is, neem dan contact op met ons ondersteuningsteam.

De levering data widget laat klanten kiezen **hoe** en **wanneer** ze willen hun bestelling direct vanaf de winkelwagen pagina 🗓️

Het live krijgen vergt slechts twee dingen: **app insluiten** in uw thema, en zet de **Toon op winkelwagen** schakelen in de app. Deze gids behandelt beide, plus hoe de widget er eigenlijk uitziet voor uw klanten.

---

# **📋 Voordat u begint**

Zorg ervoor dat u:

*   ✅ De **Hoppy Delivery Dates** app geïnstalleerd op uw winkel
*   ✅ Toegang tot **Online Store → Thema's** in uw Shopify admin
*   ✅ Ten minste een locatie of verzendoptie geconfigureerd (anders heeft de widget niets te bieden . Zie **Locatie: Hoe een locatie maken en beheren?**)

---

# **🧩 Stap 1 Inschakelen van de App Embed in uw thema**

De app insluit de code van de widget op uw storefront. Het is een eenmalige setup per thema.

Ga naar:

**Shopify Beheerder → Online Store → Thema's → Thema bewerken**

Dan:

→ In de thema-editor, open de **App-embeds** sectie (het pictogram van het puzzelstuk in de linker zijbalk)

→ zoeken **Afleverdata** en schakel het AAN

→ Klik **Opslaan** in de rechterbovenhoek

⚠️ Het widget zal niet verschijnen totdat u klikt **Opslaan** Alleen toggling publiceert de verandering niet. Als u later thema's verandert, moet u de embed opnieuw inschakelen op het nieuwe thema.

💡 Sneltoets: op de app **Begin** dashboard, de **Handleiding instellen** stap **Invoegen app activeren ShopifyWat?** heeft een **Thema-instellingen openen** knop die je direct naar de juiste plaats brengt.

---

# **🔛 Stap 2 Schakel in**

De app insluit laadt de code in deze toggle beslist of de widget daadwerkelijk rendert op de cart pagina.

→ Open de app en ga naar **Instellingen**

→ Draai de **Toon op winkelwagen** AAN aan het begin van de pagina schakelen

→ Klik **Opslaan**

Dat is het. De widget is nu live op uw winkelwagen pagina 🎉

ℹ️ **Toon op winkelwagen** werkt als een hoofdschakelaar. Zet het altijd uit om de widget te verbergen zonder uw thema aan te raken.

---

# **👀 Stap 3 Zie hoe de widget eruit ziet op de winkelwagen**

Open de winkelwagen pagina (voeg eerst een product toe als het leeg is). Het widget toont een gekleurde balk met één **tabblad per vervullingmethode** u biedt:

*   🏪 **Ophalen opslaan** → verschijnt wanneer ten minste een actieve locatie biedt pick-up. Klanten kiezen een ophaallocatie uit een lijst, kies dan een datum en tijd slot.
*   🚚 **Lokale levering** → verschijnt wanneer ten minste één actieve locatie lokale levering aanbiedt. Klanten voeren hun **zip-code**, hit **Controleren**Kies een datum en tijd slot.
*   📦 **Standaardvaart** → verschijnt wanneer de scheepvaart wordt ingeschakeld in de **Standaardvaart** tab in **Instellingen**. **Slots inschakelen** wordt gecontroleerd, klanten kiezen een datum en slot; anders de widget gewoon merkt op dat verzending wordt berekend bij de kassa.

Onder de tabs, klanten zien de datum picker (standaard plaatshouder **Datum selecteren**) met de kop **Wanneer wilt u deze bestelling ontvangen?**, gevolgd door de tijd slot picker.

ℹ️ Alleen de methoden die je hebt geconfigureerd verschijnen als tabbladen. Geen ophaallocaties? Geen rekening. Klanten zien nooit opties die je niet aanbiedt.

Standaard zit de widget aan de onderkant van het cart-formulier, vlak voor de afrekenknop.

---

# **📐 Wil je de Widget verplaatsen?**

U kunt wijzigen waar de widget verschijnt **Positie** hoofdstuk over de **Uiterlijk** blz.

Zie **Hoe plaats je de Slot Picker op de winkelwagen pagina** voor stapsgewijze instructies.

---

# **🎉 Eindresultaat**

Zodra beide stappen zijn gedaan:

✅ De **Leveringsdata** app embed is ingeschakeld en opgeslagen in uw thema ✅ **Toon op winkelwagen** is ingeschakeld **Instellingen** ✅ Klanten zien methode tabs voor **Ophalen opslaan**, **Lokale levering**, en/of **Standaardvaart** ✅ Shoppers kiezen hun voorkeur datum en tijd slot voor de kassa

Uw winkelwagen pagina verzamelt nu automatisch levering voorkeuren 🚀