Comment modifier checkout.liquid sur Shopify Plus (2026)

À retenir

• checkout.liquid ne tourne plus sur aucune boutique : Shopify l’a désactivé pour les étapes du checkout le 13 août 2024 et pour les pages de remerciement / statut de commande le 28 août 2025.
• Les boutiques Plus personnalisent leur checkout avec les checkout UI extensions et les Shopify Functions.
• Toutes les dates limites sont passées, et les boutiques Plus qui n’avaient pas migré ont été basculées automatiquement vers Checkout Extensibility à partir de janvier 2026.
• Les scripts additionnels ont été désactivés pour les boutiques Plus le 28 août 2025 et pour les autres forfaits le 26 août 2026.

Vous ne pouvez plus modifier checkout.liquid sur Shopify Plus. Shopify l’a désactivé pour les étapes Informations, Expédition et Paiement le 13 août 2024, et pour les pages de remerciement et de statut de commande le 28 août 2025. Les boutiques Plus personnalisent désormais leur checkout avec les checkout UI extensions et les Shopify Functions. Les exemples obsolètes ci-dessous montrent ce que faisait checkout.liquid, afin que vous puissiez comprendre d’anciennes personnalisations et les recréer sur le nouveau système.

Qu’est-il arrivé à checkout.liquid ?

Shopify a désactivé checkout.liquid pour les étapes Informations, Expédition et Paiement le 13 août 2024, et pour les pages de remerciement et de statut de commande le 28 août 2025. Toutes les personnalisations du checkout tournent désormais sur Checkout Extensibility, et non plus sur checkout.liquid.

Toutes les dates limites sont passées, et les boutiques Plus qui n’avaient pas migré ont été basculées automatiquement à partir de janvier 2026. Considérez le code sur cette page comme une référence pour comprendre d’anciennes personnalisations, pas comme un guide d’intégration. Notre guide de migration de checkout.liquid vers les checkout extensions détaille le processus étape par étape.

Qui avait accès à checkout.liquid ?

Uniquement les marchands Shopify Plus. Sur les boutiques Plus, le fichier se trouvait dans l’éditeur de code du thème (le menu à trois points (…) à côté de votre thème, puis Modifier le code) dans le dossier layout/. Il n’est jamais apparu pour les forfaits Basic, Shopify ou Advanced, qui ne pouvaient modifier le checkout que via Paramètres → Passage à la caisse (paramètres visuels limités) et le champ Scripts additionnels. Modifier checkout.liquid ne change plus le checkout, quel que soit votre forfait.

À quoi servait checkout.liquid

Ajouter des éléments de confiance

Les boutiques utilisaient checkout.liquid pour ajouter des éléments de réassurance là où l’anxiété d’achat est la plus forte, par exemple :

<!-- À ajouter dans le header ou la sidebar du checkout -->
<div class="checkout-trust-bar">
  <span>🔒 Paiement sécurisé</span>
  <span>Retours gratuits sur toutes les commandes</span>
  <span>Livraison en 2 à 3 jours ouvrés</span>
</div>

Le contenu personnalisé ne pouvait être placé que dans les zones exposées par le template autour du balisage natif du checkout de Shopify. Aujourd’hui, ce même contenu se place dans une checkout UI extension ou un app block ajouté via l’éditeur de checkout.

En-tête et pied de page de paiement personnalisés

Par défaut, le checkout héritait d’une version simplifiée du header du thème (logo uniquement) et d’un footer générique. Dans checkout.liquid, les boutiques Plus ajoutaient des éléments de marque, des liens de navigation personnalisés et du contenu de footer. Aujourd’hui, le logo, les couleurs et les polices se configurent dans les paramètres de branding de l’éditeur de checkout, et le contenu supplémentaire du header ou du footer passe par une checkout UI extension.

Ajouter du CSS personnalisé

<!-- Dans la section <head> de checkout.liquid -->
<style>
  .checkout-trust-bar {
    display: flex;
    gap: 24px;
    justify-content: center;
    padding: 12px;
    background: #f5f5f5;
    font-size: 12px;
  }
</style>

Checkout Extensibility n’accepte pas le CSS personnalisé. Le styling est limité aux paramètres de branding, donc un CSS de ce type n’a pas d’équivalent direct. Pour le contenu de réassurance de l’autre côté du checkout, consultez Ajouter des badges de confiance au checkout Shopify.

Checkout Extensibility : la nouvelle approche

Checkout Extensibility est l’actuelle plateforme de personnalisation du checkout de Shopify. Elle se compose de :

Checkout UI Extensions : des composants basés sur React qui s’affichent à des emplacements spécifiques du checkout. Ils font le travail que le code HTML de checkout.liquid faisait auparavant, mais sont gérés depuis l’Admin Shopify → Paramètres → Passage à la caisse → Personnaliser.

Shopify Functions : une logique côté serveur qui s’exécute pendant le traitement du checkout (logique de réduction, personnalisation des paiements, personnalisation des livraisons).

Ce que Checkout Extensibility permet de faire

• Ajouter des blocs UI personnalisés au checkout : bannière d’information, texte personnalisé, champs de formulaire
• Ajouter des offres d’upsell dans la sidebar du checkout
• Implémenter une logique de réduction personnalisée
• Personnaliser l’affichage des moyens de paiement
• Ajouter des pages d’upsell post-achat

Accéder à Checkout Extensibility

Paramètres → Passage à la caisse → Personnaliser ouvre l’éditeur visuel du checkout. Vous pouvez y déplacer des éléments, activer/désactiver des sections et ajouter des blocs d’extensions.

Pour créer des UI extensions personnalisées, vous avez besoin d’un développeur et de la CLI de Shopify pour déployer le code de l’extension. C’est plus complexe que de modifier checkout.liquid, mais c’est la méthode officiellement supportée. Pour modifier le libellé des champs du checkout, consultez Changer les libellés des champs du checkout sur Shopify.

Ce que Fudge fait et ne fait pas pour le checkout

Fudge, l’opérateur IA pour les boutiques Shopify, crée et modifie des pages au sein de votre thème Shopify : pages produits, landing pages, pages collections, panier, sections personnalisées. Il ne modifie pas le checkout. La personnalisation du checkout est un système distinct du thème, régi par Checkout Extensibility.

Pour les éléments de conversion pré-checkout (barres ATC sticky, upsells sur les pages produits, personnalisation du cart drawer, comptes à rebours, badges de confiance), Fudge est l’outil idéal. Décrivez ce que vous souhaitez à son éditeur de boutique, et Fudge génère le code sous forme de brouillon pour que vous l’approuviez. La seule partie de son travail qui impacte le checkout concerne les réductions : Fudge crée des offres via les réductions natives de Shopify, elles s’appliquent donc au checkout sans avoir besoin de modifier le code de ce dernier.

Pour les personnalisations spécifiques au checkout sur les forfaits Plus, utilisez les checkout UI extensions et les Shopify Functions.

Page de remerciement / Page de statut de commande

Les pages de confirmation de commande (remerciement) et de statut de commande acceptaient auparavant du HTML et du JavaScript personnalisés dans :

Paramètres → Passage à la caisse → Page de statut de commande → Scripts additionnels

Les scripts additionnels ont été désactivés pour les boutiques Plus le 28 août 2025 et pour les autres forfaits le 26 août 2026. Utilisez les pixels personnalisés (Paramètres → Événements client) pour le tracking, et les app blocks dans l’éditeur de checkout pour le contenu. Historiquement, ce champ servait souvent à :

• Des pixels de suivi de conversion (pour les plateformes n’utilisant pas les Événements client)
• L’intégration d’enquêtes post-achat
• L’affichage de programmes de parrainage
• Des messages de remerciement personnalisés

Avec Checkout Extensibility, Shopify a recréé la page de remerciement pour qu’elle devienne une véritable zone cible pour les extensions, avec un éditeur visuel accessible via Paramètres → Passage à la caisse → Personnaliser.

FAQ