--- title: "Comment ajouter un sélecteur de date de livraison à Shopify (page produit + panier)" description: "Un guide étape par étape pour ajouter un sélecteur de date et de créneau de livraison à vos pages produit et panier Shopify — avec délai de préparation, heures limites et plafonds de capacité. Sans code." contentType: "blog" locale: "fr" localized: true source: "https://orderrules.com/fr/blog/add-delivery-date-picker-shopify" slug: "add-delivery-date-picker-shopify" date: "2026-07-24" tags: - "shopify" - "delivery date picker" - "delivery time slots" - "delivery scheduling" - "no code" --- Pour ajouter un **sélecteur de date de livraison** à Shopify, installez une application de planification des livraisons comme OrderRules, ajoutez son bloc d'application au thème sur vos pages produit et panier, puis définissez vos règles de livraison — délai de préparation, heure limite de commande et jours de livraison disponibles — ainsi qu'un plafond de commandes par date de livraison. Cela prend quelques minutes, ne nécessite **aucun code** et fonctionne sur n'importe quel plan Shopify. Si vous fabriquez des produits sur commande — gâteaux, fleurs, kits repas, meubles — « quand sera-t-il livré ? » est la première question que pose chaque client. Shopify ne permet pas aux acheteurs de choisir une date de livraison par défaut, si bien que les commandes s'accumulent sur des jours que vous ne pouvez pas vraiment honorer. Ce guide montre comment ajouter un **sélecteur de date et de créneau de livraison** à vos pages produit et panier Shopify en quelques minutes, **sans code** — et comment plafonner chaque jour pour qu'il cesse de prendre des commandes dès qu'il est complet. ## Pourquoi Shopify a besoin d'un sélecteur de date de livraison Shopify est conçu pour être « toujours ouvert ». C'est parfait pour la demande, mais pas pour l'exécution : une boulangerie capable de décorer 50 gâteaux par jour accepte quand même 120 commandes pour le samedi, et quelqu'un finit déçu. Un sélecteur de date de livraison déplace la décision au moment de l'achat — le client vous dit *quand* il le veut, et vous décidez quels jours et combien de créneaux sont disponibles. Sur des marchés comme le Japon, choisir une date de livraison **et une fenêtre horaire** est une attente standard des consommateurs, normalisée par les transporteurs et les places de marché. La satisfaire est le minimum ; maîtriser votre propre capacité tout en le faisant, c'est l'avantage. ## Ce que fait un bon sélecteur de date de livraison Bien plus qu'afficher un calendrier. Recherchez : - **La sélection de date et de créneau** — une fenêtre de livraison (par ex. 14:00–16:00) en plus de la date. - **Par article ou par commande** — différentes lignes de commande peuvent porter des dates différentes lorsque vous en avez besoin. - **Des règles de livraison** — délai de préparation, heure limite de commande, jours sélectionnables et horizon de réservation. - **Des plafonds de capacité** — des limites par date et par créneau, pour que les fenêtres puissent afficher complet. - **L'application au paiement** — une vérification côté serveur qu'une date valide et disponible a bien été choisie (afin que Shop Pay et les paiements express ne puissent pas la contourner). OrderRules fait tout cela avec le forfait **Advanced**, en utilisant la même application au paiement via Shopify Functions qu'il utilise déjà pour les limites de commande et les horaires d'ouverture. ## Étape 1 — Installez OrderRules et activez le forfait Advanced Installez [OrderRules](/pricing) depuis le Shopify App Store, ouvrez l'application et passez au forfait **Advanced** sur la page **Forfait d'abonnement**. Les fonctionnalités de livraison sont réservées au forfait Advanced, et un **essai gratuit de 14 jours** s'applique. Les autorisations supplémentaires (commandes, exécution, emplacements) ne sont demandées que lorsque vous activez la fonctionnalité qui en a besoin — jamais à l'installation. ## Étape 2 — Ajoutez le bloc d'application au thème sur la page produit et le panier Le sélecteur de la boutique est un **bloc d'application de thème**, il vit donc à l'intérieur de votre thème sans code. 1. Allez dans **Boutique en ligne → Thèmes → Personnaliser**. 2. Sous **Intégrations d'applications**, activez **OrderRules Delivery**. C'est lui qui fait fonctionner le sélecteur. 3. Sur un modèle de **page produit**, choisissez **Ajouter un bloc** dans la zone principale et sélectionnez **Delivery date picker** sous *Blocs d'application*. 4. Répétez l'opération sur le modèle **Panier**. Pour afficher le sélecteur dans un tiroir de panier, activez l'option tiroir dans l'intégration d'application ; certains thèmes exigent d'y saisir les sélecteurs de leur tiroir. 5. **Enregistrez.** Détail complet : [Configurer le sélecteur de date de livraison](/docs/delivery/getting-started-delivery-dates). ## Étape 3 — Définissez vos règles de livraison Créez une règle de disponibilité avec un **délai de préparation** (le plus tôt qu'un client puisse demander), une **heure limite** (les commandes après, disons, 14:00 basculent au jour suivant), des **jours de livraison** et un **horizon** (jusqu'où à l'avance ils peuvent réserver). Appliquez-la à tous les produits ou limitez-la à un produit, une collection ou un tag. Voir [Règles de disponibilité](/docs/delivery/availability-rules). ## Étape 4 — Ajoutez des créneaux horaires et des plafonds de capacité Dans **Modèles de créneaux horaires**, ajoutez des fenêtres comme 10:00–12:00 et 14:00–16:00 et attribuez à chacune une **Limite/jour**, puis associez le modèle à votre règle. Pour la journée entière, définissez **Nombre maximum de commandes par date de livraison** sous **Comportement de la date de livraison** — un seul nombre qui s'applique à chaque date. Les créneaux complets se grisent en direct, et le checkout bloque un créneau complet. Une commande annulée libère son créneau automatiquement. Voir [limites de capacité](/docs/delivery/capacity-limits). ## Étape 5 — Dates d'indisponibilité et jours fériés Bloquez les jours où vous ne pouvez pas livrer, avec un motif facultatif — ou utilisez la fonction **« copier les jours fériés de la boutique » en un clic** pour importer les dates de fermeture que vous gérez déjà dans Shopify. Voir [dates d'indisponibilité et jours fériés](/docs/delivery/blackout-dates-and-holidays). ## Étape 6 — Testez au moment du paiement Passez une commande de test via votre boutique, et essayez aussi Shop Pay. Le **Shopify Function** d'OrderRules bloque toute sélection manquante, complète ou indisponible au paiement. Activez l'**étiquetage des commandes** et les commandes sont aussi étiquetées `delivery:YYYY-MM-DD` et `slot:HHMM-HHMM`, afin que vous puissiez constituer des listes de préparation quotidiennes à partir de la recherche de commandes Shopify. ## Au-delà du sélecteur : retrait, date de livraison estimée et CSV transporteur Une fois les dates en place, le reste de la suite de livraison s'appuie sur les mêmes règles : - **[Retrait en magasin planifié](/features/in-store-pickup)** — dates et créneaux de retrait sur plusieurs emplacements. Guide complet : [Retrait en magasin et retrait local sur Shopify : configuration, planification et règles](/blog/shopify-in-store-local-pickup-guide). - **[Date de livraison estimée](/docs/delivery/estimated-delivery-date)** — une estimation « Arrive 10–11 juil. » sur les pages produit, calculée à partir des délais de transit que vous définissez, en sautant les week-ends et les jours fériés. Nouveau avec ce terme ? [Ce que signifie « date de livraison estimée »](/blog/what-is-estimated-delivery-date). - **[Export CSV pour transporteurs japonais](/features/carrier-csv)** — remettez les expéditions à Yamato, Sagawa ou Japan Post dans leurs formats officiels. - **[Où placer le sélecteur](/blog/where-to-put-delivery-date-picker-shopify)** — page produit, panier ou checkout, et ce que chaque emplacement vous coûte. ## Une vision d'ensemble Un sélecteur de date de livraison n'est pas un simple ajout — c'est l'autre moitié de la maîtrise de la capacité. OrderRules gouverne déjà **quand les clients peuvent commander** (horaires d'ouverture, plafonds quotidiens/hebdomadaires/mensuels, limites par client) ; les dates de livraison gouvernent **quand vous livrez**. Même application, même application au paiement. Plus de détails dans [Limites de commande + planification des livraisons : pourquoi elles appartiennent à une seule application](/blog/order-limits-and-delivery-scheduling-one-app). Vous comparez encore les options ? [Meilleures applications de sélection de date de livraison pour Shopify](/blog/best-shopify-delivery-date-picker-apps) les met côte à côte sur la planification, les heures limites et la capacité. Prêt à l'essayer ? [Découvrez la fonctionnalité Dates de livraison](/features/delivery-dates) ou [démarrez un essai gratuit de 14 jours](/pricing).