Créer une date de livraison estimée

Ce guide construit une date de livraison estimée complète : un message avec une vraie fenêtre de livraison, une barre de progression de la commande, et les règles d’expédition et de livraison qui les alimentent.

Assurez-vous que l’intégration d’application est activée avant de commencer, faute de quoi le résultat n’apparaîtra pas sur votre vitrine.

Étapes de configuration

1. Créer le compte à rebours

   Cliquez sur Create countdown depuis le tableau de bord ou la page Countdowns.

2. Choisir une mise en page Delivery date

   Sur la page Countdown templates, passez l’onglet de type sur Delivery date. Il existe quatre mises en page :

   Mise en page	Affiche
   Message and progress bar	Le message au-dessus de la barre de progression
   Progress bar and message	La barre de progression au-dessus du message
   Message only	Uniquement le texte de livraison
   Progress bar only	Uniquement la bande Ordered → Dispatched → Delivered

   Cliquez sur Select sur celle que vous voulez. Vous pourrez changer de mise en page plus tard avec le contrôle Layout du générateur.

3. Lui donner un nom

   Donnez-lui un nom comme « Livraison standard Royaume-Uni ». Vous seul le voyez.

4. Rédiger le message

   Dans l’onglet Settings, ouvrez la section Content. Le champ Message est un éditeur de texte enrichi : vous pouvez mettre en gras, colorer et ajouter des sauts de ligne, et insérer des variables que l’application remplace par de vraies dates.

   Une nouvelle date de livraison commence avec un message de ce type :

   🚚 Free Shipping to {country_flag} {country_name} ✅ Order within the next {cutoff_time} for delivery between {delivered_min_date} - {delivered_max_date}

   Modifiez le texte selon votre boutique, en conservant les variables souhaitées. La liste complète se trouve dans Variables de livraison.

   

   Le champ Message associe votre propre texte et des variables de date.

5. Configurer la barre de progression

   Toujours dans Content, ouvrez la section Progress bar. Elle comporte trois étapes, chacune avec les quatre mêmes champs :

   Étape	Titre par défaut
   Order placement	Ordered
   Order dispatched	Order Dispatched
   Order delivered	Order Delivered

   Pour chaque étape, vous pouvez définir :

   • Icon : choisissez dans la bibliothèque d’icônes de l’application
   • Title : le libellé sous l’icône
   • Description : une ligne facultative sous le titre
   • Tooltip : le texte affiché lorsque l’on survole l’étape

   L’étape Order dispatched peut être désactivée si vous préférez une barre à deux étapes.

   

   Chaque étape de la barre de progression a une icône, un titre, une description et une infobulle.

   Note

   Si vous avez choisi Message only comme mise en page, ignorez cette étape : la barre de progression n’est pas affichée.

6. Définir les plages d’expédition et de livraison

   Ouvrez la section Date range setting et définissez la durée de chaque étape :

   • Order dispatched days range : Min days et Max days avant que la commande ne quitte votre entrepôt, ainsi que les jours de la semaine où vous expédiez. Par défaut : 1 à 3 jours, du lundi au vendredi.
   • Order delivered days range : Min days et Max days en transit, ainsi que les jours de la semaine où les livraisons arrivent. Par défaut : 3 à 5 jours, tous les jours.

   Tous les détails, y compris les jours fériés et les formats de date, se trouvent dans Paramètres de plage de dates.

   

   Les plages d’expédition et de livraison produisent la fenêtre affichée dans le message.

7. Définir l’heure limite

   Toujours dans Date range setting, définissez l’heure limite quotidienne, au-delà de laquelle une commande compte pour le lendemain. Elle est réglée par défaut sur 23:59, ce qui signifie en pratique « toute la journée ».

   Si votre heure limite réelle varie selon le jour de la semaine, vous pouvez en définir une par jour. Consultez Heure limite.

8. Choisir le format de date et d’heure

   Sous Date & time settings, choisissez un Date format et un Time format.

   Les formats de date vont de MMM DD (par défaut, « Mar 14 ») à DD/MM/YYYY, puis à dddd, MMMM DD, YYYY (« Friday, March 14, 2026 »). Les formats d’heure déterminent l’affichage du compte à rebours {cutoff_time}, de Hrs, Mins, Secs à H, M, S.

   Choisissez la convention attendue par votre clientèle. DD/MM et MM/DD n’ont pas le même sens selon les pays.

9. Personnaliser le style dans l’onglet Design

   Passez à Design pour ajuster le widget de message et le widget de progression : polices, couleurs, tailles, espacements. Consultez Personnaliser le design d’un compte à rebours.

10. Choisir où l’afficher

    Dans l’onglet Display, cochez Product page sous Show countdown on, ou copiez le Shortcode pour le placer exactement où vous le souhaitez.

    Utilisez Conditions pour le limiter : une promesse de livraison vraie pour une collection ne l’est souvent pas pour une autre. Consultez Conditions d’affichage.

    Note

    Des promesses de livraison différentes selon les produits ? Créez une date de livraison par promesse et donnez à chacune sa propre condition, plutôt que d’essayer d’en faire couvrir toutes les situations par une seule.

11. L’enregistrer avec le statut Active

    Définissez le statut sur Active et cliquez sur Save.

12. Le vérifier sur votre vitrine

    Ouvrez une page produit correspondante sur votre vitrine en ligne. Vérifiez que :

    • Les dates sont cohérentes : pas dans le passé, pas absurdement lointaines.
    • Le nom et le drapeau du pays correspondent à l’endroit d’où vous naviguez.
    • Le compte à rebours de l’heure limite est en marche.

    Vérifiez-le ensuite de nouveau une fois votre heure limite passée. La fenêtre doit avoir avancé d’un jour.

Étapes suivantes

• Paramètres de plage de dates
• Heure limite
• Variables de livraison
• Conditions d’affichage