π 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 ControlerenKies 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 π
Bijgewerkt op: 10/09/2026
Dankuwel!