Comment afficher la date de livraison sur Shopify (sans app, avec app et via le thème)

Introduction

La gestion de la livraison est une étape cruciale dans le processus d'achat en ligne. Afficher clairement une date de livraison estimée sur votre boutique Shopify permet de rassurer vos visiteurs, d’augmenter le taux de conversion et de réduire les abandons de panier.

Sur Shopify, il n’existe pas (à ce jour) de bloc universel “date de livraison” intégré nativement dans tous les thèmes. En revanche, vous pouvez :

afficher une estimation de livraison sans application grâce à un code personnalisé (compatible thèmes Online Store 2.0) ;
utiliser une application spécialisée pour gérer automatiquement les délais, les jours ouvrables, les jours fériés, les compteurs, etc. ;
profiter, si votre thème le propose (ex. certains thèmes premium), d’un bloc d’estimation de livraison prêt à l’emploi.

Dans ce guide complet, vous verrez comment :

comprendre la différence entre estimation et engagement de livraison ;
mettre en place une date de livraison dynamique avec du code personnalisé ;
configurer des applications d’estimation de livraison ;
gérer les délais selon les produits, les pays, les transporteurs ;
respecter les aspects légaux et les bonnes pratiques UX.

Concepts clés : estimation, calcul et affichage de la date de livraison

Avant de passer à la mise en place, il est important de bien maîtriser quelques notions fondamentales.

Estimation de livraison vs engagement contractuel

Une date de livraison estimée est une indication : par exemple, “Livraison estimée entre le 7 et le 12 décembre”. Elle reste soumise aux aléas logistiques (retards de transporteur, événements exceptionnels, etc.).

Un engagement de livraison du type “Livré au plus tard le 12 décembre” a, lui, une portée potentiellement contractuelle. En cas de retard, le client peut invoquer cette promesse pour demander une annulation, un remboursement ou une compensation, selon le droit de la consommation applicable dans votre pays.

Pour éviter les malentendus, il est recommandé d’utiliser un wording clair, par exemple :

“Livraison estimée entre le 7 et le 12 décembre” ;
“Délais de livraison estimés” ;
“Expédition estimée sous 3 à 5 jours ouvrés”.

Comment sont calculés les délais de livraison sur Shopify ?

Shopify ne calcule pas automatiquement une date exacte de livraison à afficher sur la page produit. En pratique, l’estimation affichée repose sur :

votre délai de traitement de commande (préparation, emballage) ;
le délai de transport moyen de chaque transporteur (Colissimo, Mondial Relay, DHL, etc.) ;
les jours ouvrables de votre entreprise ;
vos jours fériés et périodes de fermeture ;
éventuellement, le pays de destination et la méthode de livraison choisie.

Ces informations peuvent être configurées :

dans vos paramètres d’expédition Shopify (zones, tarifs, délais génériques) ;
dans une application d’estimation de livraison ;
dans un snippet de code personnalisé qui calcule, par exemple, une plage entre J+5 et J+10.

Où les informations sont-elles stockées ?

Shopify stocke principalement :

les règles d’expédition et de livraison dans les paramètres de votre boutique ;
les données de commande (adresse, mode d’expédition choisi, statut, etc.) dans les objets commande ;
les paramètres avancés de délais dans les applications tierces (jours ouvrables, cut-off, pays, produits ciblés, etc.).

En revanche, la date de livraison affichée au client sur la fiche produit est généralement un calcul dynamique réalisé au moment de la visite ou de la commande, par un script ou une app, plutôt qu’une donnée statique stockée dans Shopify.

Bonnes pratiques pour afficher une date de livraison sur Shopify

Pour intégrer une estimation de livraison de manière efficace, voici quelques recommandations générales.

Privilégiez une estimation claire : affichez une plage de dates (ex. “entre le 7 et le 12 décembre”) plutôt qu’un jour unique si vous n’êtes pas certain.
Utilisez un wording explicite : ajoutez toujours “estimée”, “approximative” ou équivalent si vous n’offrez pas un engagement contractuel.
Positionnez l’info au bon endroit : idéalement juste en dessous du prix ou du bouton “Ajouter au panier / Acheter maintenant”, sur la page produit.
Testez vos modifications : vérifiez l’affichage sur mobile et desktop, ainsi que sur plusieurs produits, avant de publier.
Vérifiez les performances : après ajout d’un script ou d’une app, testez la vitesse de chargement pour éviter de dégrader l’expérience utilisateur.

Méthode 1 : Afficher une date de livraison sans application (code personnalisé)

Il est tout à fait possible d’afficher une date de livraison estimée sur votre boutique Shopify sans utiliser d’application payante, en particulier si votre thème est basé sur Online Store 2.0.

Le principe consiste à :

ajouter un snippet de code ou un bloc Liquid personnalisé ;
calculer une date dynamique à partir de la date du jour (par ex. aujourd’hui + 5 à 10 jours ouvrés) ;
afficher le résultat dans un bloc sur la fiche produit.

Étape 1 : Accéder à votre thème

Dans l’admin Shopify, allez dans Boutique en ligne > Thèmes.
Cliquez sur Personnaliser sur le thème actif.
Assurez-vous d’utiliser un thème compatible Online Store 2.0 (sections dynamiques, blocs, etc.).

Étape 2 : Ajouter un bloc Liquid personnalisé

Dans l’éditeur de thème, ouvrez un modèle de produit (par exemple Produit par défaut).
Dans la colonne de gauche, cliquez sur Ajouter un bloc dans la section principale du produit.
Choisissez Liquid personnalisé ou un bloc HTML si votre thème le propose.
Collez votre snippet de date de livraison à l’intérieur.

Un exemple très répandu consiste à afficher une plage de livraison entre J+5 et J+10 par rapport à la date d’achat. Vous pouvez évidemment adapter ces valeurs aux délais réels de votre activité.

Étape 3 : Placer le bloc au bon endroit

Pour maximiser l’impact sur la conversion :

placez le bloc juste en dessous du bouton “Ajouter au panier” ou “Acheter maintenant” ;
évitez de le mettre trop bas dans la page, là où l’utilisateur risque de ne pas le voir.

Étape 4 : Personnaliser le style de l’estimation

Vous pouvez personnaliser l’apparence de votre message :

en ajoutant une classe CSS à votre bloc ;
en modifiant votre fichier de style (theme.css ou theme.css.liquid) pour adapter la couleur, la police ou l’icône.

L’objectif est de faire ressortir l’info sans qu’elle soit agressive : une petite icône de camion, un texte en gras et une couleur discrète mais visible fonctionnent généralement bien.

Avantages et limites de la méthode sans app

Avantages :

aucun coût d’abonnement supplémentaire ;
contrôle total du wording et du design ;
aucune dépendance à une application externe.

Limites :

configuration manuelle des règles de délais ;
gestion plus complexe des cas avancés (jours fériés, transporteurs multiples, zones géographiques différentes, produits avec délais spécifiques, etc.) ;
nécessite un minimum de connaissances en Liquid / JavaScript ou l’aide d’un développeur.

Méthode 2 : Utiliser une application d’estimation de date de livraison

Si vous souhaitez une solution plus flexible et plus complète, vous pouvez utiliser une application Shopify dédiée à l’affichage des dates de livraison estimées.

Ces apps permettent généralement de :

définir des jours ouvrables ;
configurer une heure limite de commande (cut-off) pour la préparation le jour même ;
gérer les jours fériés et périodes de fermeture ;
afficher un minuteur de compte à rebours (“Commandez dans les 2h 15min pour être livré entre le…”).

Exemple 1 : SM Estimated Delivery Date ETA

Une application populaire permet d’afficher une date de livraison estimée (ETA/EDD), une date d’expédition et/ou un temps de livraison moyen. Elle offre notamment les fonctionnalités suivantes :

affichage sur plusieurs pages :
- page produit ;
- page panier ;
- page de paiement (avec les limites de personnalisation imposées par Shopify, surtout hors Shopify Plus) ;
- page de remerciement ;
- page de statut de commande ;
- emails de commande dans certains cas.
configuration détaillée des délais :
- choix des jours ouvrables ;
- définition de l’heure limite de commande ;
- gestion des jours fériés ;
- activation d’un compte à rebours pour inciter à commander plus vite.
personnalisation avancée :
- délais différents selon les pays, provinces ou états ;
- délais spécifiques pour certains produits ou collections.

À noter : même si la fiche peut être traduite, l’interface de certaines de ces apps est principalement en anglais. Il faut donc vérifier si le texte visible par le client est entièrement personnalisable en français, ce qui est généralement le cas.

Exemple 2 : Delm – Estimated Delivery Date

Une autre application très utilisée pour Shopify est spécialisée dans l’affichage de la date de livraison estimée et des délais. Elle permet notamment :

d’afficher sur la page produit une estimation de la date de livraison ou du délai (ex. “Livraison estimée sous 3 à 5 jours ouvrés”) ;
de personnaliser les délais par :
- produits et variantes ;
- collections ;
- tags ;
- fournisseurs ;
- stocks et emplacements ;
- pays et régions.

Ce type d’outil est particulièrement utile si vous avez :

des produits en stock avec des délais très courts ;
des produits en précommande ou sur-mesure, avec des délais plus longs ;
des fournisseurs différents selon les articles (print on demand, dropshipping, stock interne, etc.).

Compatibilité avec le checkout Shopify

Shopify limite fortement la personnalisation de la page de paiement pour les boutiques qui n’utilisent pas Shopify Plus. De nombreuses applications indiquent pouvoir afficher des estimations sur le checkout, mais :

l’affichage au niveau du formulaire de paiement est souvent contraint ;
certaines intégrations utilisent des extensions de checkout et ne fonctionnent pleinement qu’avec certaines versions de thèmes ;
il est courant que l’affichage soit plus simple (un texte de rappel) que sur la page produit.

Avant de choisir une app, vérifiez :

les captures d’écran de la fiche applicative ;
la documentation concernant le checkout ;
les retours d’autres marchands à ce sujet.

Gestion multi-transporteurs

Si vous proposez plusieurs transporteurs (Colissimo, Mondial Relay, DHL, Chronopost, etc.), vous pouvez :

configurer des délai moyens par transporteur dans l’app ;
afficher une estimation globale sur la page produit (par ex. “Livraison estimée entre 3 et 5 jours ouvrés”) ;
éventuellement adapter l’estimation dans le tunnel de commande en fonction du mode sélectionné, si l’application le permet.

La granularité exacte dépendra de l’app choisie. Certaines permettent de définir des scénarios différents par type de transporteur et par pays, d’autres se concentrent plutôt sur des règles par produit ou collection.

Méthode 3 : Utiliser un thème ou un bloc “estimation de livraison” intégré

Shopify ne propose pas un bloc standard “date de livraison” identique dans tous les thèmes, mais certains thèmes premium incluent un bloc dédié à l’estimation de livraison.

Par exemple, des thèmes avancés permettent de :

configurer un nombre de jours minimum et maximum (ex. 3–5 jours, 10–15 jours, etc.) ;
afficher dynamiquement un message du type : “Entre le samedi 7 décembre et le jeudi 12 décembre” ;
choisir l’emplacement du bloc directement dans l’éditeur de thème.

Si votre thème propose un tel bloc :

accédez à Boutique en ligne > Thèmes > Personnaliser ;
ouvrez un produit dans l’aperçu ;
cliquez sur Ajouter un bloc dans la section produit ;
recherchez un bloc nommé “Estimation de livraison” ou similaire ;
ajustez les paramètres (nombre de jours mini/maxi, libellés, etc.).

Cette solution est souvent la plus simple si vous débutez, car elle ne nécessite pas de code ni d’app supplémentaire. En revanche, elle offre parfois moins de flexibilité que les applications spécialisées.

Aspects légaux et mentions obligatoires

Afficher la date ou les délais de livraison sur Shopify ne se limite pas à une question d’UX : c’est aussi un sujet juridique.

Obligations d’information précontractuelle

Dans la plupart des pays, le droit de la consommation impose au commerçant :

d’informer le client, avant la validation de la commande, des délais de livraison ou au moins d’un délai maximum ;
de respecter les délais annoncés ou, en cas de dépassement significatif, de proposer une solution (nouvelle livraison, remboursement, etc.).

Afficher une date de livraison estimée sur la fiche produit et/ou dans le récapitulatif de commande contribue à répondre à cette exigence, mais vous devez vous assurer que :

la formulation ne prête pas à confusion ;
vos conditions générales de vente précisent les modalités de livraison, les délais moyens et les recours en cas de retard.

Formulation recommandée

Pour limiter les risques juridiques en cas de retard indépendant de votre volonté, privilégiez des formulations telles que :

“Livraison estimée entre le … et le … (dates indicatives)” ;
“Délais de livraison estimés : 3 à 5 jours ouvrés après expédition” ;
“Les délais peuvent varier selon le transporteur et la période (Soldes, Noël, etc.)”.

Optimiser l’expérience utilisateur avec l’affichage de la date de livraison

Au-delà de la mise en place technique, l’objectif est d’optimiser l’expérience utilisateur et le taux de conversion de votre boutique Shopify.

Emplacement stratégique

Les emplacements les plus efficaces pour afficher une estimation de livraison sont :

page produit : près du prix, du stock ou du bouton d’ajout au panier ;
panier : rappel du délai estimé avant d’entrer dans le tunnel de commande ;
checkout / page de remerciement : confirmation du délai estimé pour rassurer le client après l’achat ;
emails de confirmation : rappel des délais pour éviter les sollicitations inutiles du support.

Messages marketing et urgence

Certaines applications permettent d’ajouter un compte à rebours du type :

“Commandez dans les 2h 15min pour être livré entre le 7 et le 10 décembre.”

Ce type de message peut :

augmenter le sentiment d’urgence ;
inciter les clients hésitants à finaliser leur commande plus rapidement.

Veillez toutefois à rester cohérent avec vos capacités logistiques : ne promettez pas une préparation le jour même si votre équipe n’est pas en mesure de la garantir dans la plupart des cas.

Gestion des périodes de forte activité

Pendant les périodes de pointe (Black Friday, Noël, soldes), il est essentiel de :

allonger vos délai estimés dans les paramètres de vos scripts ou applications ;
indiquer clairement, par exemple : “En raison d’un fort volume de commandes, les délais de livraison peuvent être allongés de 2 à 3 jours.” ;
mettre à jour les jours fériés et périodes de fermeture dans les paramètres.

Performances et impact sur la vitesse du site

L’ajout de scripts ou d’applications pour afficher la date de livraison a un impact potentiel sur la vitesse de chargement de votre boutique. Un site trop lent peut faire baisser votre taux de conversion et pénaliser votre référencement naturel.

Bonnes pratiques de performance

Tester avant/après : utilisez un outil de mesure (PageSpeed, Lighthouse…) avant l’ajout, puis après l’installation de l’app ou du script pour mesurer l’impact.
Limiter le nombre d’apps : évitez d’installer plusieurs applications qui font la même chose. Choisissez-en une seule bien configurée.
Optimiser le code personnalisé : gardez vos scripts aussi légers que possible, évitez les appels externes inutiles.

FAQ – Questions fréquentes sur la date de livraison Shopify

Pourquoi est-il important d’afficher la date ou le délai de livraison sur Shopify ?: Parce que cela rassure le client, réduit les incertitudes et les questions au support, diminue les abandons de panier et contribue à respecter vos obligations d’information précontractuelle.
Peut-on afficher une date de livraison sans utiliser d’application ?: Oui. Vous pouvez utiliser un code personnalisé (snippet + bloc Liquid ou HTML) pour afficher une estimation dynamique, par exemple une plage de 5 à 10 jours à partir de la date d’achat, sur un thème Online Store 2.0.
Est-il obligatoire d’utiliser une application payante pour afficher la date de livraison ?: Non. Une application payante n’est pas obligatoire. Elle devient utile si vous avez besoin de fonctionnalités avancées (gestion fine par pays, transporteurs, collections, jours fériés, compte à rebours, etc.).
Shopify propose-t-il un bloc de date de livraison standard dans tous les thèmes ?: Non. Certains thèmes premium incluent un bloc “Estimation de livraison”, mais ce n’est pas une fonctionnalité native présente dans tous les thèmes Shopify. Sur de nombreux thèmes, vous devrez passer par un code personnalisé ou une application.
Peut-on afficher l’estimation uniquement sur la page produit ?: Vous pouvez choisir de n’afficher l’estimation que sur la page produit, mais plusieurs applications permettent également de l’afficher sur la page panier, la page de paiement (dans les limites du checkout Shopify), la page de remerciement, la page de statut de commande et dans les emails.
Peut-on personnaliser l’affichage (texte, couleurs, langue) ?: Oui. Que vous utilisiez un code personnalisé ou une application, vous pouvez généralement personnaliser le texte (en français), le style (via CSS) et parfois même les icônes. Assurez-vous simplement que l’app permet de modifier tous les textes visibles par le client.
Comment gérer des délais différents selon les produits ?: Les applications spécialisées permettent de définir des règles par produit, variante, collection, tag, stock, emplacement ou fournisseur. Avec du code personnalisé, vous pouvez aussi prévoir des conditions (par exemple, un délai plus long pour une certaine collection).
Quels sont les risques si la date de livraison n’est pas mise à jour ou est irréaliste ?: Une estimation trop optimiste ou non mise à jour peut créer un décalage entre la promesse et la réalité : cela entraîne perte de confiance, plaintes, demandes de remboursement, mauvaises évaluations et risque juridique selon le droit applicable.
Peut-on afficher un calendrier où le client choisit sa date de livraison ?: Oui, certaines implémentations avancées avec code ou apps permettent d’ajouter un sélecteur de date (pickup, livraison programmée, etc.). Cette mise en place demande toutefois plus de configuration technique.

Conclusion

Afficher la date de livraison estimée sur Shopify est un levier puissant pour améliorer l’expérience utilisateur, rassurer les clients et augmenter votre taux de conversion. Contrairement à une idée reçue, vous n’êtes pas obligé de recourir à une application payante : un snippet de code personnalisé, intégré à un thème Online Store 2.0, peut suffire pour afficher une estimation dynamique simple (par exemple une plage de 5 à 10 jours).

Si vous avez des besoins plus complexes (multi-transporteurs, multiples pays, produits avec délais très différents, gestion précise des jours fériés, compteurs d’urgence, affichage dans les emails et sur plusieurs pages), une application dédiée sera souvent la solution la plus efficace et la plus rentable à long terme.

Dans tous les cas, prenez soin de :

clarifier la différence entre estimation et engagement ;
adapter le wording à vos obligations légales ;
tester l’affichage et les performances avant et après la mise en place ;
mettre régulièrement à jour vos délais, notamment en période de forte activité.

En appliquant ces bonnes pratiques, vous ferez de l’affichage des délais et dates de livraison un véritable atout pour votre boutique Shopify, à la fois sur le plan commercial, juridique et en termes d’expérience client.