---
title: "Configurer le sélecteur de date de livraison"
description: "Activez les dates de livraison OrderRules, ajoutez le bloc d'application de thème, définissez votre première règle de disponibilité et affichez un sélecteur de date et de créneau sur vos pages produit et panier. Sans code."
contentType: "docs"
locale: "fr"
localized: true
source: "https://orderrules.com/fr/docs/delivery/getting-started-delivery-dates"
slug: "delivery/getting-started-delivery-dates"
---
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

1. Ouvrez OrderRules depuis votre admin Shopify (**Applications → OrderRules**).
2. Allez dans **Dates de livraison**. La page s'ouvre sur l'onglet **Configuration**.
3. 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.

1. Dans l'admin Shopify, allez dans **Boutique en ligne → Thèmes → Personnaliser**.
2. Ouvrez **Intégrations d'applications** et activez **OrderRules Delivery**. C'est ce qui fait fonctionner le sélecteur.
3. 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*).
4. 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.
5. **Enregistrez.** *(Détail de configuration : voir [Configuration du bloc d'application de thème](/docs/delivery/theme-app-block-setup) si le bloc n'apparaît pas.)*

## 3. Créez votre première règle de disponibilité

1. De retour dans OrderRules, **Dates de livraison → Règles de disponibilité → Ajouter une règle**.
2. 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*.
3. 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.
4. (Facultatif) Cochez **Exiger une date de livraison au paiement** pour imposer une sélection.
5. **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](/docs/delivery/order-auto-tagging), elle porte aussi les tags `delivery:YYYY-MM-DD` et `slot:HHMM-HHMM`.

## Étapes suivantes

- [Règles de disponibilité](/docs/delivery/availability-rules) · [Créneaux horaires](/docs/delivery/time-slots) · [Limites de capacité](/docs/delivery/capacity-limits)
- [Dates de blocage et jours fériés](/docs/delivery/blackout-dates-and-holidays) · [Date de livraison estimée](/docs/delivery/estimated-delivery-date)
- [Export CSV transporteur](/docs/delivery/carrier-csv-export) · [Retrait en magasin](/docs/delivery/in-store-pickup)
- Voir la [présentation de la fonctionnalité Dates de livraison](/features/delivery-dates).
- [Où placer le sélecteur : page produit, panier ou checkout](/blog/where-to-put-delivery-date-picker-shopify) · [Les meilleures applications de sélection de date de livraison Shopify comparées](/blog/best-shopify-delivery-date-picker-apps)
- [Limites par date de livraison](/docs/delivery/delivery-date-limits) — une fois les dates activées, comptez la limite quotidienne d'un produit sur la date choisie par le client
