Comment configurer les précommandes sur Shopify : options natives, applications et points de vigilance

Points clés

• La fonction de précommande de Shopify nécessite une application. Les acomptes et les paiements différés fonctionnent avec des options d’achat, configurées via une application de précommande.¹
• La méthode sans application se résume à une case à cocher et quelques modifications de thème. “Continuer à vendre en cas de rupture de stock” permet de vendre une variante avec un stock à zéro, mais le client paie l’intégralité et rien ne signale qu’il s’agit d’une précommande.²
• Les précommandes avec option d’achat suppriment certains moyens de paiement. Les paiements accélérés Shop Pay, Apple Pay et Google Pay, ainsi que les méthodes locales comme Klarna, ne sont pas disponibles.³
• Le texte du bouton doit suivre la variante. Dawn le réinitialise sur “Ajouter au panier” à chaque changement de variante, donc une modification uniquement en Liquid ne fonctionnera pas.
• Une date d’expédition est une promesse légale aux États-Unis. La FTC exige une base raisonnable pour l’annoncer, et un avis de retard avec option de remboursement si vous ne la respectez pas.⁴

Une précommande Shopify est une commande pour un produit que vous ne pouvez pas encore expédier : un lancement à venir, ou un réassort encore en transit. Ce guide explique comment configurer les précommandes sur Shopify des deux manières - la méthode sans application basée sur le paramètre “Continuer à vendre en cas de rupture de stock”, et la méthode avec application basée sur les options d’achat - et ce qui pose problème avec chacune d’elles.

Pourquoi vous pouvez nous faire confiance

Nous travaillons dans l’écosystème Shopify depuis plus de quatre ans et avons accompagné des centaines de marques Shopify sur leurs boutiques. Jacques a plus de 15 ans d’expérience en développement. Nous créons Fudge, un éditeur de boutique IA avec une note de 4.9 sur le Shopify App Store et le statut “Built for Shopify”, et la gestion de l’état d’un bouton de précommande sur une page produit est exactement le genre de code de thème qu’il écrit. Les règles Shopify citées ici ont été lues dans la documentation de Shopify au moment de la rédaction de cet article.

Que signifie précommande sur Shopify ?

Shopify utilise ce terme pour deux choses qui se comportent différemment lors du passage en caisse.

La fonction de précommande documentée est une option d’achat. Le centre d’aide de Shopify indique que vous pouvez “percevoir un paiement intégral, partiel ou aucun paiement” lorsque le client commande, et que vous avez besoin d’une application de précommande du Shopify App Store pour la configurer.¹

L’autre type est une commande ordinaire pour un article en rupture de stock, sans plan de vente et sans moyen de paiement enregistré. Shopify cite les précommandes comme l’une des raisons d’autoriser la vente à découvert sur une variante.²

Cela donne trois modèles de paiement :

De quoi les précommandes avec option d’achat ont-elles besoin ?

Une passerelle de paiement prise en charge. Le centre d’aide indique que les précommandes sont “actuellement uniquement disponibles pour les marchands utilisant Shopify Payments ou Paypal Express”.¹ La documentation développeur mentionne également Adyen sur Shopify et, pour certains marchands, Stripe.⁵

Moins de méthodes de paiement. Les clients ne peuvent pas utiliser les paiements accélérés Shop Pay, Apple Pay ou Google Pay, ni les méthodes de paiement locales comme Klarna.³

Le bon canal et le bon checkout. Les précommandes ne fonctionnent que sur les canaux Boutique en ligne (Online Store) et Custom Storefront, et ne sont pas compatibles avec les passages en caisse personnalisés, Shop Promise, les réductions Achetez X obtenez Y, Shopify POS, les commandes préliminaires ou le B2B.³⁵

Shopify stocke le moyen de paiement ; l’application planifie le prélèvement différé et gère les échecs de paiement.⁵

Peut-on configurer une précommande Shopify sans application ?

Oui, mais uniquement pour le paiement intégral. La méthode sans application consiste à utiliser le paramètre de variante “Continuer à vendre en cas de rupture de stock”, couplé à des modifications du thème qui indiquent au client quand l’article sera expédié.

Ce que le paramètre ne fait pas :

• Le client est facturé en totalité lors du passage en caisse, comme pour toute autre commande.
• Rien ne signale que la commande est une précommande à moins d’ajouter une propriété de ligne (line item property) ou un tag.
• Il n’y a pas de limite de quantité. Les clients peuvent continuer à acheter avec un stock à zéro ou moins, le stock descend donc dans les nombres négatifs.²
• La vitrine ne change pas. Le bouton affiche toujours “Ajouter au panier” et aucune date d’expédition n’apparaît.
• Les paniers mixtes deviennent une seule commande avec des frais d’expédition uniques.

Comment configurer les précommandes sur Shopify sans application

Les étapes utilisent les noms de fichiers du thème Dawn. D’autres thèmes peuvent différer, mais la logique reste la même.

Étape 1 : Autoriser la variante à se vendre avec un stock à zéro

Dans votre interface d’administration Shopify, ouvrez le produit ou la variante. Dans la section Stock, assurez-vous que l’option Suivre la quantité est activée, puis sélectionnez Continuer à vendre en cas de rupture de stock.²

Étape 2 : Stocker la date d’expédition dans un champ méta

Allez dans Paramètres → Champs méta et métaobjets, choisissez Produits, et ajoutez une définition avec le type Date, l’espace de noms custom et la clé preorder_ship_date. Remplissez-le sur chaque produit en précommande.

Pour un tutoriel complet, voir comment ajouter des champs méta aux produits Shopify.

Étape 3 : Afficher “Précommande” et la date d’expédition sur la page produit

Dupliquez d’abord votre thème, puis ouvrez Boutique en ligne → Thèmes → ⋯ → Modifier le code et trouvez snippets/buy-buttons.liquid. Ajoutez ceci juste au-dessus du bouton de soumission :

{%- liquid
  assign current_variant = product.selected_or_first_available_variant
  assign ship_date = product.metafields.custom.preorder_ship_date.value
  assign is_preorder = false
  if current_variant.inventory_management == 'shopify' and current_variant.inventory_policy == 'continue' and current_variant.inventory_quantity <= 0 and ship_date != blank
    assign is_preorder = true
  endif
-%}

À l’intérieur du bouton, ajoutez une condition avant le else final qui affiche le texte d’ajout au panier :

{%- elsif is_preorder -%}
  Précommander

Sous le bouton, toujours à l’intérieur du formulaire, ajoutez la note :

<p id="PreorderNote-{{ section_id }}" class="preorder-note"{% unless is_preorder %} hidden{% endunless %}>
  {%- if is_preorder -%}
    {%- capture preorder_text -%}Expédié le {{ ship_date | date: '%d %B %Y' }}{%- endcapture -%}
    Précommande. {{ preorder_text }}.
    <input type="hidden" name="properties[Précommande]" value="{{ preorder_text | escape }}">
  {%- endif -%}
</p>

Les trois vérifications de stock sont nécessaires. Selon la référence Liquid de Shopify, inventory_policy est continue ou deny, inventory_management est nil quand le stock n’est pas suivi, et inventory_quantity renvoie le nombre d’articles vendus quand il n’est pas suivi.⁶

Pas de date, pas d’étiquette. La condition exige le champ méta, donc “Précommande” n’apparaît jamais sans date d’expédition.

L’input masqué est le marqueur de la commande. Il ajoute une propriété de ligne nommée “Précommande” qui accompagne l’article dans le panier, lors du paiement et dans la commande. Voir aussi comment modifier le texte d’un bouton sur Shopify.

Étape 4 : Garder la bonne étiquette lors du changement de variante

C’est là que les snippets purement Liquid échouent. Lorsqu’un acheteur change de variante, Dawn récupère à nouveau la section, puis définit le texte du bouton à partir d’une chaîne JavaScript - “Ajouter au panier” - quel que soit le rendu généré par votre code Liquid.

Lire le stock depuis le JSON de la variante ne fonctionne pas non plus : le filtre json de Shopify omet inventory_quantity et inventory_policy.⁶ À la place, copiez l’étiquette et la note depuis le HTML que Dawn a déjà récupéré. Ajoutez ceci au-dessus de la balise schema dans sections/main-product.liquid :

<script>
  document.addEventListener('DOMContentLoaded', function () {
    if (typeof subscribe !== 'function') return;
    subscribe(PUB_SUB_EVENTS.variantChange, function (event) {
      var id = event.data.sectionId;
      var fresh = event.data.html;
      var newButton = fresh.getElementById('ProductSubmitButton-' + id);
      var button = document.getElementById('ProductSubmitButton-' + id);
      if (newButton && button) {
        button.querySelector('span').textContent = newButton.querySelector('span').textContent.trim();
      }
      var newNote = fresh.getElementById('PreorderNote-' + id);
      var note = document.getElementById('PreorderNote-' + id);
      if (newNote && note) {
        note.innerHTML = newNote.innerHTML;
        note.hidden = newNote.hidden;
      }
    });
  });
</script>

subscribe et PUB_SUB_EVENTS.variantChange sont des utilitaires de Dawn. D’autres thèmes nécessitent leur propre hook de changement de variante.

La méthode Fudge. Fudge écrit le code Liquid et le script de changement de variante spécifiquement pour le thème que vous utilisez. Dites à Fudge :

“Sur les pages produits, lorsqu’une variante est en rupture de stock mais paramétrée pour continuer à se vendre, change le bouton Ajouter au panier en ‘Précommander’, et affiche ‘Expédié le’ plus la date du champ méta date d’expédition de précommande du produit sous le bouton. Mets-le à jour lorsque le client change de variante.”

Vous recevez le code natif du thème sous forme de brouillon à examiner avant de le publier. Le paramètre de stock et la valeur du champ méta restent dans l’admin Shopify.

Étape 5 : Prévenir le client dans le panier, à la caisse et par e-mail

Panier. La page panier et le tiroir de panier de Dawn affichent déjà les propriétés de ligne qui ne commencent pas par un trait de soulignement, donc “Précommande : Expédié le 20 novembre 2026” apparaît sous l’article.

Caisse. La documentation de Shopify indique qu’un trait de soulignement (underscore) au début masque une propriété aux clients lors du paiement, alors n’en mettez pas.⁶

Paniers mixtes. Ajoutez un avertissement au-dessus du footer dans snippets/cart-drawer.liquid :

{%- liquid
  assign preorder_count = 0
  for item in cart.items
    if item.properties['Précommande'] != blank
      assign preorder_count = preorder_count | plus: 1
    endif
  endfor
-%}
{%- if preorder_count > 0 and preorder_count < cart.items.size -%}
  <p class="cart-preorder-warning">Votre panier contient des articles en précommande et en stock. L'ensemble de la commande sera expédié lorsque l'article en précommande sera prêt.</p>
{%- endif -%}

Modifiez la phrase pour qu’elle corresponde à ce que vous faites réellement. À ce sujet : avertissements d’expédition sur Shopify et modifier le texte du tiroir de panier.

La méthode Fudge. Fudge peut écrire la même logique pour le tiroir de votre thème. Dites à Fudge :

“Dans le tiroir du panier, affiche une notification sous chaque article en précommande avec sa date d’expédition prévue, et un avertissement lorsque le panier mélange des articles en précommande et des articles en stock.”

Le résultat arrive comme un brouillon dans votre thème, sans widget d’application ou script tiers supplémentaire sur la vitrine.

E-mail de confirmation de commande. Allez dans Paramètres → Notifications → Notifications aux clients → Confirmation de commande → Modifier le code. Les variables de notification de Shopify incluent line.properties, ce qui permet d’imprimer une ligne par article en précommande :

{% for line in subtotal_line_items %}
  {% for property in line.properties %}
    {% if property.first == 'Précommande' %}
      <p><strong>{{ line.title }}</strong> est une précommande. {{ property.last }}. Vous avez été facturé en totalité aujourd'hui.</p>
    {% endif %}
  {% endfor %}
{% endfor %}

Utilisez Aperçu et Envoyer un e-mail de test avant d’enregistrer. Les modèles de notification se trouvent dans l’admin Shopify, pas dans le thème, donc cette modification vous appartient.

Étape 6 : Tagger les précommandes pour le traitement

Shopify Flow est une application gratuite sur les forfaits Basic, Grow, Advanced et Plus.⁷ Créez un flux de travail en trois étapes :

1. Déclencheur (Trigger) : Commande créée (Order created).
2. Condition : order / lineItems / product / tags, contient au moins pre-order.
3. Action : Ajouter des tags à la commande, avec le tag pre-order.

La documentation de Flow de Shopify utilise un produit tagué presale comme exemple pour cette condition.⁷ Taguez le produit pendant qu’il est en précommande et retirez le tag quand le stock arrive. Voir aussi nos prompts pour l’assistant IA de Shopify Flow.

Comment limiter la quantité des précommandes ?

Avec “Continuer à vendre en cas de rupture de stock”, il n’y a pas de plafond. Vous devez surveiller le chiffre de stock négatif et décocher la case vous-même.

Pour une limite stricte, faites l’inverse. Laissez la case décochée et entrez le nombre d’unités que vous êtes prêt à pré-vendre comme quantité disponible, afin que les ventes s’arrêtent à zéro. Le stock est maintenant positif, supprimez donc les trois vérifications de stock de l’Étape 3 et laissez le champ méta de date d’expédition piloter seul l’étiquette. Effacez le champ méta lorsque le stock arrive.

Optionnel : un badge de précommande sur les pages de collection

La carte produit de Dawn affiche uniquement les badges “Épuisé” (Sold out) et “Promo” (Sale). Un badge de précommande utilise la condition de l’Étape 3 dans snippets/card-product.liquid ; voir comment ajouter des badges produit sur Shopify.

La méthode Fudge. Fudge ajoute le badge à la carte produit de votre thème. Dites à Fudge :

“Ajoute un badge ‘Précommande’ aux cartes produits sur les pages de collection pour les produits avec un stock à zéro qui peuvent toujours être achetés.”

Vous obtenez un brouillon à prévisualiser sur une collection mélangeant des produits en précommande et en stock avant de publier.

Méthode sans app vs application de précommande : quelle configuration Shopify choisir ?

Lorsque vous comparez des applications, vérifiez que l’application utilise les options d’achat de Shopify, quels modèles de paiement elle prend en charge, à quel moment elle réserve le stock, et comment elle gère les échecs de paiement du solde. Si vous désinstallez une application de précommande, ses données de précommande sont supprimées après 48 heures à moins que l’application ne dispose d’une sauvegarde.¹

Qu’est-ce qui pose problème avec les précommandes Shopify ?

Commandes avec stock partiel. S’il reste trois unités et que “continuer à vendre” est activé, un client peut en commander cinq. L’étiquette indique “Ajouter au panier”, pourtant deux des cinq articles sont en réalité des précommandes.

Paniers mixtes et traitement scindé. Avec la méthode sans application, il s’agit d’une seule commande avec un seul tarif de livraison. Vous pouvez mettre les articles en précommande en attente avec Marquer comme en attente (Mark as on hold) et traiter le reste, mais le deuxième envoi sera à vos frais.

Expiration de l’autorisation. Ne créez pas vous-même de système “payer plus tard” avec la capture manuelle des paiements. Shopify Payments accorde une période d’autorisation de 7 jours ; l’autorisation prolongée est uniquement pour les boutiques Shopify Plus sur Shopify Payments, et capturer le paiement après la période standard entraîne des frais de 1,75 %.⁸ Les précommandes avec option d’achat stockent plutôt la méthode de paiement.

Paiement accéléré sur la page produit. Avec la méthode sans application, ce bouton contourne le panier et votre message d’avertissement. Pensez à désactiver le paramètre Boutons de paiement dynamique dans le bloc Boutons d’achat de Dawn sur les produits en précommande.

Réductions et taxes. Avec la méthode sans application, les deux s’appliquent lors du paiement comme pour toute commande. Les pages de précommande de Shopify n’expliquent pas en détail le traitement fiscal des acomptes, alors confirmez-le avec votre application et votre comptable.

Annulations lorsque la date est repoussée. Shopify indique que si un client annule une précommande, vous devrez peut-être toujours la rembourser manuellement.¹

Obligations légales. (Applicable aux US, vérifiez les lois locales). En vertu de la règle de la FTC sur les marchandises commandées par courrier, internet ou téléphone, vous devez avoir une base raisonnable pour toute date d’expédition que vous annoncez, ou pour expédier dans les 30 jours si aucune date n’est indiquée. Si vous ne pouvez pas expédier à temps, vous devez demander le consentement du client pour le retard ou le rembourser, avec un avis donnant une date révisée et la possibilité d’annuler pour un remboursement complet et rapide.⁴ Les autres pays ont leurs propres règles, alors vérifiez celles qui s’appliquent à vos clients.

Précommande, alerte de retour en stock ou épuisé ?

Prenez l’argent maintenant lorsque vous avez une date de livraison confirmée, que vous pouvez l’indiquer sur la page, et que vous êtes prêt à rembourser si elle est repoussée.

Collectez plutôt des e-mails lorsque la date est incertaine. Une inscription pour être alerté du retour en stock conserve la demande sans faire de promesse d’expédition. Le déclencheur “Variante de produit de retour en stock” (Product variant back in stock) de Shopify Flow s’active lorsque le stock d’une variante passe de 0 ou moins à 1 ou plus.

Laissez-le épuisé lorsque le produit ne reviendra pas. C’est le comportement par défaut : avec l’option “continuer à vendre” désactivée, Dawn désactive le bouton et affiche “Épuisé”.

Pour l’aspect visuel de ces trois options sur la vitrine, consultez la page de l’éditeur de boutique Shopify.

FAQ