🛒 Comment afficher le widget de livraison sur le panier
ℹ️ Note: Cet article a été traduit automatiquement en utilisant l'IA et peut contenir des inexactitudes. Si quelque chose ne va pas, veuillez contacter notre équipe de soutien.
Le widget Dates de livraison permet aux clients de choisir Comment et lorsque ils veulent leur commande — à partir de la page du panier 🗓️
Pour le faire vivre, il suffit de deux choses : application intégrée dans votre thème, et Afficher sur le panier basculer dans l'application. Ce guide couvre les deux, plus ce que le widget ressemble réellement pour vos clients.
📋 Avant de commencer
Assurez-vous que vous avez:
- ✅ Les Hoppy Delivery Dates app installée sur votre magasin
- ✅ Accès Boutique en ligne → Thèmes dans votre Shopify administrateur
- ✅ Au moins un emplacement ou une option d'expédition configuré (autrement le widget n'a rien à offrir — voir Lieu: Comment créer et gérer un lieu?)
🧩 Étape 1 — Activer l'application intégrée à votre thème
L'application intègre charge le code du widget sur votre front de magasin. C'est une configuration unique par thème.
Allez à :
Shopify Admin → Boutique en ligne → Thèmes → Modifier le thème
Alors :
→ Dans l'éditeur de thème, ouvrez le Intégrations d'applications section (l'icône du puzzle dans la barre latérale gauche)
→ Rechercher Dates de livraison et le balancer
→ Cliquez sur Enregistrer dans le coin supérieur droit
⚠️ Le widget n'apparaîtra que lorsque vous cliquerez Enregistrer — toggling seul ne publie pas le changement. Si vous changez de thème plus tard, vous devrez activer l'intégration à nouveau sur le nouveau thème.
💡 Raccourci : sur l'application Sommaire tableau de bord, Guide de configuration étape Activer l'application ShopifyC'est-à-dire a une Ouvrir les paramètres du thème bouton qui vous mène directement à la bonne place.
🔛 Étape 2 — Allumer -Afficher sur le panier
L'application embarquée charge le code — ce basculement décide si le widget rend réellement sur la page du panier.
→ Ouvrir l'application et aller à Paramètres
→ Dépliez la Afficher sur le panier en haut de la page
→ Cliquez sur Enregistrer
C'est tout — le widget est maintenant en direct sur votre page de panier 🎉
ℹ️ Afficher sur le panier fonctionne comme un commutateur maître. Éteignez-le à tout moment pour cacher le widget sans toucher votre thème.
👀 Étape 3 — Voir l'aspect du widget sur le panier
Ouvrir la page du panier de votre magasin (ajouter un produit d'abord s'il est vide). Le widget montre une barre de couleur avec un onglet par méthode de réalisation vous offrez:
- 🏪 Cueillette → apparaît quand au moins un emplacement actif offre le ramassage. Les clients choisissent un emplacement de ramassage à partir d'une liste, puis choisissez une date et un créneau horaire.
- 🚚 Livraison locale → apparaît quand au moins un emplacement actif offre la livraison locale. Les clients entrent Code postal, frappe Vérifier, et — si vous livrez là - bas — choisissez une date et un créneau horaire.
- 📦 Livraison standard → apparaît lorsque l'expédition est activée dans le Livraison standard onglet dans Paramètres. Si Activer les fentes est vérifié, les clients choisissent une date et une fente; sinon le widget note simplement que l'expédition est calculée à la caisse.
Sous les onglets, les clients voient le sélecteur de date (placeholder par défaut Sélectionner la date) avec le titre Quand souhaitez-vous obtenir cette commande?, suivi du sélectionneur de créneaux horaires.
ℹ️ Seules les méthodes que vous avez configurées apparaissent sous forme d'onglets. Pas d'emplacement de ramassage ? Pas d'onglet. Les clients ne voient jamais les options que vous n'offrez pas.
Par défaut, le widget se trouve près du bas du formulaire du panier, juste avant la zone bouton de caisse.
📐 Vous voulez déplacer le Widget ?
Vous pouvez changer l'endroit où le widget apparaît — avant, après, ou à l'intérieur d'un élément spécifique sur la page de votre panier — de la Fonction sur la Apparence page.
Voir Comment placer le slot pickers sur la page du panier pour les instructions étape par étape.
🎉 Résultat final
Une fois les deux étapes franchies :
✅ Les Dates de livraison app include est activé et sauvegardé dans votre thème ✅ Afficher sur le panier est allumé Paramètres ✅ Les clients voient les onglets de méthode pour Cueillette, Livraison localeet/ou Livraison standard ✅ Shoppers choisir leur date et l'heure de choix avant la caisse
Votre page de panier collecte désormais automatiquement les préférences de livraison 🚀
Mis à jour le : 10/09/2026
Merci !