Configurer le sélecteur de date de livraison
Ce guide met en place un sélecteur de date de livraison et de créneau horaire fonctionnel sur vos pages produit et panier en une dizaine de minutes. Aucun code requis — vous activez une intégration d'application, ajoutez un bloc d'application de thème et créez une règle de disponibilité.
Avant de commencer
- Vous êtes sur le forfait Advanced (les fonctionnalités de livraison sont réservées à Advanced). Si vous êtes sur Starter ou Pro, passez à un forfait supérieur sur la page Forfait d'abonnement — un essai gratuit de 14 jours s'applique.
- Vous avez au moins un produit pour vos tests.
1. Activez les dates de livraison
- Ouvrez OrderRules depuis votre admin Shopify (Applications → OrderRules).
- Allez dans Dates de livraison. La page s'ouvre sur l'onglet Configuration.
- Sous Dates de livraison, activez Proposer la sélection d'une date de livraison sur votre boutique en ligne. Aucune autorisation supplémentaire n'est nécessaire pour cela. OrderRules ne demande l'autorisation d'écriture des commandes ou de traitement que lorsque vous activez l'ajout de tags aux commandes ou appliquez un suivi.
2. Ajoutez le bloc d'application de thème
Le sélecteur de la boutique fonctionne via une intégration d'application et un bloc d'application de thème : il reste donc à l'intérieur de votre thème et survit aux mises à jour de thème.
- Dans l'admin Shopify, allez dans Boutique en ligne → Thèmes → Personnaliser.
- Ouvrez Intégrations d'applications et activez OrderRules Delivery. C'est ce qui fait fonctionner le sélecteur.
- Ouvrez un modèle produit. Choisissez Ajouter un bloc dans la section produit principale et sélectionnez Delivery date picker (il apparaît sous Applications).
- Répétez l'opération sur le modèle Panier. Pour un tiroir panier, activez plutôt Show the picker in the cart drawer / mini-cart dans les réglages de l'intégration OrderRules Delivery.
- Enregistrez. (Détail de configuration : voir Configuration du bloc d'application de thème si le bloc n'apparaît pas.)
3. Créez votre première règle de disponibilité
- De retour dans OrderRules, Dates de livraison → Règles de disponibilité → Ajouter une règle.
- Sous S'applique à, choisissez Tous les produits, ou restreignez à un produit, une collection ou les produits portant un tag. Choisissez le Mode de traitement : Livraison et retrait, Livraison uniquement ou Retrait uniquement.
- Définissez :
- Délai de préparation (jours) — la date la plus proche à laquelle un client peut demander une livraison (par exemple 2 jours).
- Heure limite (HH:MM) — passé cette heure, aujourd'hui ne compte plus (par exemple 14:00).
- Nombre maximum de jours à l'avance — jusqu'à quand les clients peuvent réserver à l'avance (par exemple 30 jours).
- Jours de livraison possibles — les jours où vous livrez.
- (Facultatif) Cochez Exiger une date de livraison au paiement pour imposer une sélection.
- Enregistrer la règle.
Réglages d'une règle de disponibilité en un coup d'œil
| Réglage | Ce qu'il contrôle | Exemple |
|---|---|---|
| Délai de préparation (jours) | Date la plus proche que le client peut choisir | 2 jours |
| Heure limite (HH:MM) | Passé cette heure, aujourd'hui ne compte plus | 14:00 |
| Jours de livraison possibles | Les jours où vous livrez réellement | Mar–Sam |
| Nombre maximum de jours à l'avance | Jusqu'où à l'avance le client peut réserver | 30 jours |
| S'applique à | Les produits couverts par la règle | Collection : Gâteaux |
| Mode de traitement | Livraison, retrait, ou les deux | Livraison uniquement |
| Exiger une date de livraison au paiement | Force la sélection d'une date | Activé |
4. Ajoutez des créneaux horaires (facultatif)
Ouvrez Plus d'options → Modèles de créneaux horaires. Chargez un préréglage de transporteur (Yamato / Sagawa / Japan Post) ou cliquez sur Ajouter un modèle personnalisé avec des plages comme 10:00–12:00 et 14:00–16:00. Définissez une Limite/jour sur une plage si vous voulez qu'elle puisse être complète. Sélectionnez ensuite le modèle dans le champ Modèle de créneaux horaires de la règle. Les créneaux complets s'affichent comme Full et ne peuvent pas être choisis.
5. Testez-le
Ouvrez votre produit de test dans la boutique. Vous devriez voir un sélecteur de date (et des créneaux, s'ils sont configurés). Ajoutez au panier et lancez le checkout — la Shopify Function d'OrderRules rejette une sélection manquante (lorsqu'elle est obligatoire), complète ou bloquée. Passez une commande test et vérifiez-la dans l'admin. Si vous avez activé l'ajout de tags aux commandes, elle porte aussi les tags delivery:YYYY-MM-DD et slot:HHMM-HHMM.
Étapes suivantes
- Règles de disponibilité · Créneaux horaires · Limites de capacité
- Dates de blocage et jours fériés · Date de livraison estimée
- Export CSV transporteur · Retrait en magasin
- Voir la présentation de la fonctionnalité Dates de livraison.
- Où placer le sélecteur : page produit, panier ou checkout · Les meilleures applications de sélection de date de livraison Shopify comparées
- Limites par date de livraison — une fois les dates activées, comptez la limite quotidienne d'un produit sur la date choisie par le client