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 sommes dans l’écosystème Shopify depuis plus de quatre ans et avons travaillé avec des centaines de marques Shopify sur leurs vitrines (storefronts). Jacques a plus de 15 ans d’expérience en développement. Nous créons Fudge, l’opérateur IA pour les boutiques Shopify, avec une note de 4.9 sur le Shopify App Store et le statut Built for Shopify. Les états de page produit, comme un bouton de précommande, sont 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.

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 en pur 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, “Add to cart”, peu importe ce que votre Liquid a rendu.

Lire le stock à partir du JSON de la variante ne fonctionne pas non plus : le filtre json de Shopify ignore inventory_quantity et inventory_policy.⁶ À la place, copiez le label et la note du 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 helpers de Dawn. Les autres thèmes ont besoin de leur propre hook de changement de variante.

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

“Sur les pages produit, lorsqu’une variante est en rupture de stock mais configurée pour continuer à vendre, change le bouton Ajouter au panier en ‘Précommande’, et affiche ‘Expédié le’ avec la date provenant du metafield de date d’expédition de précommande sous le bouton. Mets-le à jour quand le client change de variante.”

Vous recevez le code natif du thème sous forme de draft (brouillon) à revoir avant de le publier. Le paramètre d’inventaire et la valeur du metafield 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 cart drawer (tiroir du panier) de Dawn affichent déjà les line item properties qui ne commencent pas par un underscore. Ainsi, “Précommande : Expédié le 20 novembre 2026” apparaît sous l’article.

Checkout. La documentation de Shopify indique qu’un underscore au début masque une propriété aux clients lors du checkout, donc ne le 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. Toute la commande sera expédiée lorsque l'article en précommande sera prêt.</p>
{%- endif -%}

Modifiez la phrase pour qu’elle corresponde à ce que vous faites réellement.

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

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

Cela arrive comme un draft dans votre thème, sans widget d’application ou script tiers supplémentaire sur le storefront.

E-mail de confirmation de commande. Allez dans Paramètres → Notifications → Notifications clients → Confirmation de commande → Modifier le code. Les variables de notification de Shopify incluent line.properties, ce qui permet d’afficher 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 de sauvegarder. Les templates 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 product card (carte produit) de Dawn n’affiche que 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 dans Shopify.

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

“Ajoute un badge ‘Précommande’ aux product cards sur les pages collection pour les produits avec un inventaire à zéro qui peuvent encore être achetés.”

Vous obtenez un draft pour prévisualiser sur une collection qui mélange des produits en précommande et en stock avant de publier.

Pour d’autres textes dans le cart drawer, voir comment modifier le texte du cart drawer dans Shopify.

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 l’option de continuer à vendre est activée, un client peut en commander cinq. Le bouton indique “Ajouter au panier”, mais deux des cinq articles sont effectivement des précommandes.

Paniers mixtes et traitement fractionné (split fulfilment). Sans application, c’est une seule commande avec un seul frais de port. Vous pouvez retenir les articles en précommande avec Marquer comme en attente (Mark as on hold) et expédier le reste, mais le deuxième envoi sera à vos frais.

Expiration de l’autorisation. Ne créez pas vous-même de système de paiement différé avec capture manuelle. Shopify Payments donne un délai d’autorisation de 7 jours ; l’autorisation prolongée est uniquement pour les boutiques Shopify Plus utilisant Shopify Payments, et capturer le paiement après la période standard ajoute des frais de 1,75 %.⁸ Les précommandes via des options d’achat (purchase options) enregistrent plutôt le moyen de paiement.

Checkout accéléré sur la page produit. Sans application, ce bouton saute le panier et votre message d’avertissement. Pensez à décocher l’option Boutons de paiement dynamique (Dynamic checkout buttons) dans le bloc Boutons d’achat (Buy buttons) de Dawn pour les produits en précommande.

Réductions et taxes. Sans application, les deux s’appliquent au checkout comme sur n’importe quelle commande. Les pages de précommande de Shopify ne détaillent pas le traitement fiscal des acomptes, alors confirmez-le avec votre application et votre comptable.

Annulations quand la date est repoussée. Shopify indique que si un client annule une précommande, vous pourriez tout de même devoir la rembourser manuellement.¹

Obligations légales. Aux États-Unis, selon la règle de la FTC sur les ventes par correspondance, Internet ou téléphone, vous devez avoir une base raisonnable pour toute date d’expédition annoncée, ou pour une expédition dans les 30 jours si vous n’en précisez aucune. 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 l’option d’annuler pour un remboursement total et rapide.⁴ Les autres pays ont leurs propres règles, vérifiez donc celles qui s’appliquent à vos clients.

Pour les formulations définissant les attentes de livraison ailleurs sur la boutique, voir comment ajouter des disclaimers d’expédition dans Shopify.

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

Prenez l’argent maintenant quand 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 quand la date est incertaine. Une inscription pour le retour en stock (back-in-stock) maintient la demande sans promesse d’expédition. Le déclencheur “Variante de produit de retour en stock” de Shopify Flow s’active quand le stock d’une variante passe de 0 ou moins à 1 ou plus.

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

Pour le côté storefront de ces trois options, voir la page éditeur de boutique Shopify.

FAQ