Points clés
checkout.liquidn’est disponible que sur Shopify Plus (et Shopify POS Pro). Les forfaits standards n’y ont pas accès.- Pour y accéder : Boutique en ligne → Thèmes → Actions → Modifier le code →
layout/checkout.liquid.- Shopify a retiré checkout.liquid au profit de Checkout Extensibility - toutes les dates limites d’obsolescence sont désormais dépassées, et toutes les nouvelles personnalisations utilisent la nouvelle approche.
- Checkout Extensibility (checkout UI extensions + Shopify Functions) est la solution à long terme prise en charge pour toutes les personnalisations du checkout sur Plus.
Le checkout est la page la plus stratégique de votre boutique. Une mise en page de checkout personnalisée, l’ajout de signaux de confiance ou un upsell bien placé peuvent considérablement améliorer votre taux de conversion. Sur Shopify Plus, vous avez les outils pour créer cela — mais le paysage évolue.
Qui peut accéder à checkout.liquid ?
Uniquement les marchands Shopify Plus. Le fichier checkout.liquid n’apparaît pas dans l’éditeur de code pour les forfaits Basic, Shopify ou Advanced. Les forfaits standards ne peuvent modifier le paiement que via Paramètres → Passage en caisse (paramètres visuels limités) et le champ “Scripts supplémentaires” de la “Page de statut de la commande”.
Note pour PDV Pro : checkout.liquid est également accessible sur Shopify PDV Pro, mais ce guide se concentre sur la personnalisation du checkout en ligne.
Accéder à checkout.liquid
- Allez dans Boutique en ligne → Thèmes → Actions → Modifier le code
- Cherchez le dossier
layout/ - Trouvez
checkout.liquid— il n’est visible que sur les forfaits Plus
Si vous ne le voyez pas, votre boutique n’est pas sur Shopify Plus.
Sur le même sujet : Modifier les libellés des champs de paiement sur Shopify.
Dupliquez toujours votre thème avant de modifier checkout.liquid. Une erreur dans checkout.liquid peut casser tout votre flux de paiement, empêchant tout achat sur le site.
Ce que vous pouvez personnaliser avec checkout.liquid
Ajouter des éléments de confiance
Le checkout est le moment où l’anxiété d’achat est à son maximum. L’ajout de signaux de confiance dans checkout.liquid peut réduire les abandons de panier :
<!-- À ajouter dans l'en-tête ou la barre latérale 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 Liquid du paiement Shopify dispose de zones spécifiques où du contenu personnalisé peut être inséré : content_for_header, content_for_main, etc. Consultez la documentation de Shopify sur checkout.liquid pour obtenir la liste actuelle des variables prises en charge.
En-tête et pied de page de paiement personnalisés
Par défaut, votre checkout hérite d’une version simplifiée de l’en-tête de votre thème (logo uniquement) et d’un pied de page générique. Dans checkout.liquid, vous pouvez ajouter des éléments de marque, des liens de navigation personnalisés et un contenu de pied de page qui correspond à votre marque.
Sur le même sujet : Ajouter des badges de confiance au paiement Shopify.
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>L’avertissement important : checkout.liquid est obsolète
Shopify a désactivé checkout.liquid pour les étapes d’Informations, d’Expédition et de 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 fonctionnent désormais sur Checkout Extensibility, et non sur checkout.liquid.
Toutes les dates limites sont dépassées, et les boutiques Plus qui n’avaient pas fait la mise à jour ont été migrées automatiquement à partir de janvier 2026 - considérez donc tout ce qui suit comme une référence pour comprendre les anciennes personnalisations, et non comme un guide de développement. Notre guide de migration de checkout.liquid vers les checkout extensions détaille la transition étape par étape.
Checkout Extensibility — la nouvelle approche
Checkout Extensibility est la plateforme actuelle de personnalisation du paiement de Shopify. Elle se compose de :
Checkout UI Extensions — Des composants basés sur React qui s’affichent à des emplacements spécifiques du checkout. C’est l’équivalent du HTML de checkout.liquid, mais géré via l’interface administrateur de Shopify (Paramètres → Passage en caisse → Personnaliser).
Shopify Functions — Une logique côté serveur qui s’exécute pendant le traitement du paiement (logiques de réduction, personnalisation du paiement et de la livraison).
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 barre latérale du paiement
- Implémenter une logique de réduction sur mesure
- Personnaliser l’affichage des moyens de paiement
- Ajouter des pages d’upsell post-achat
Accéder à Checkout Extensibility
Paramètres → Passage en caisse → Personnaliser — cela ouvre l’éditeur visuel du checkout. Vous pouvez y déplacer des éléments, activer/désactiver des sections et ajouter des blocs d’extension.
Pour créer des UI extensions personnalisées, faire appel à un développeur utilisant la CLI de Shopify pour déployer le code est nécessaire. C’est plus complexe que de modifier checkout.liquid, mais c’est l’approche à long terme officiellement supportée.
Ce que Fudge fait et ne fait pas pour le checkout
Fudge crée et modifie les pages au sein de votre thème Shopify — pages produits, landing pages, pages de collection, sections personnalisées. La personnalisation du checkout est un système distinct du thème (régi par checkout.liquid et Checkout Extensibility).
Pour les éléments de conversion en amont du paiement — barres sticky d’ajout au panier, upsells sur les pages produits, personnalisation du tiroir de panier, comptes à rebours, badges de confiance — Fudge est le bon outil. Décrivez ce que vous voulez, Fudge génère le code sous forme de brouillon.
Pour les personnalisations spécifiques au checkout sur les forfaits Plus, il faudra utiliser checkout.liquid (ancienne méthode) ou Checkout Extensibility (nouvelle approche).
Page de remerciement / Page de statut de commande
La page de confirmation de commande (la page « de remerciement ») est accessible sur tous les forfaits Shopify via :
Paramètres → Passage en caisse → Page de statut de la commande → Scripts supplémentaires
Historiquement, ce champ acceptait du HTML et du JavaScript qui s’exécutaient après un achat réussi. Depuis l’arrêt d’août 2025, il est en lecture seule - utilisez plutôt les web pixels ou les checkout UI extensions. Cas d’usage historiques courants :
- Pixels de suivi des conversions (pour les plateformes n’utilisant pas les Customer Events)
- Intégration de sondages post-achat
- Invitations au programme de parrainage
- Messages de remerciement personnalisés
Avec Checkout Extensibility, Shopify a reconstruit la page de remerciement comme une véritable cible d’extension avec un éditeur visuel sous Paramètres → Passage en caisse → Personnaliser.
FAQ
Shopify a rendu checkout.liquid obsolète pour les pages d'Informations, d'Expédition et de Paiement le 13 août 2024, et pour les pages de remerciement et de statut de commande le 28 août 2025. Ces deux échéances sont passées - les boutiques Plus restantes ont été automatiquement mises à niveau vers Checkout Extensibility à partir de janvier 2026.
checkout.liquid offre un contrôle total du template Liquid sur le HTML du checkout. Checkout Extensibility est un framework encadré mais pris en charge : vous créez des extensions d'interface utilisateur basées sur React qui s'affichent dans des zones prédéfinies, ainsi que des Shopify Functions pour la logique côté serveur. Moins de flexibilité brute, mais pris en charge par Shopify et compatible avec les futures évolutions.
Oui — mais les données du champ doivent être gérées lors de la soumission (stockage sous forme de propriétés d'article, envoi à un webhook, ou sauvegarde dans un méta champ client). Avec Checkout Extensibility, l'extension d'UI des Informations Client gère les champs personnalisés beaucoup plus proprement, avec validation et soumission natives.
Historiquement, oui - les deux se trouvaient dans le même fichier checkout.liquid. Depuis l'arrêt du 28 août 2025, la page de statut de commande est gérée par Checkout Extensibility, et non plus par checkout.liquid. Les modifications existantes de checkout.liquid sur les pages de remerciement et de statut de commande ont cessé de s'appliquer à cette date.
Oui. Toutes les échéances de fin de prise en charge de checkout.liquid sont passées, et les boutiques qui n'avaient pas fait la mise à jour ont été automatiquement migrées vers Checkout Extensibility à partir de janvier 2026. Toutes les personnalisations du checkout fonctionnent désormais sur Checkout Extensibility.
Pour mesurer les résultats, consultez comment ajouter des scripts de suivi à Shopify.