Case à cocher CGV sur Shopify : l’ajouter au panier (guide 2026)

La réponse courte : quel que soit votre forfait Shopify, placez la case à cocher dans le panier, juste au-dessus du bouton de paiement, et rendez-la obligatoire. Enregistrez la réponse comme attribut de panier : elle apparaît alors sur chaque commande. Seules les boutiques Shopify Plus peuvent ajouter une case dans le checkout lui-même, car les extensions d’interface du checkout sur les étapes informations, livraison et paiement sont réservées à Plus(ouvre dans un nouvel onglet). Ce guide couvre les deux options, la version code en 10 minutes pour les thèmes comme Dawn, et les failles à combler pour que vos clients ne puissent pas la contourner.

Panier ou checkout : où placer la case à cocher CGV ?

Shopify verrouille son checkout : impossible d’en modifier le HTML. L’emplacement de la case dépend donc de votre forfait.

Si vous hésitez à passer sur Plus pour contrôler le checkout, notre comparatif des forfaits Shopify détaille ce que coûte Plus. Pour une simple case CGV, ça ne vaut pas le coup : la version panier suffit à la plupart des boutiques.

Avant de commencer : publiez vos CGV

Une case qui renvoie vers rien ne prouve rien. Dans l’admin Shopify, allez dans Paramètres > Politiques et remplissez les conditions d’utilisation (vos CGV), la politique de remboursement et la politique de confidentialité. Une fois enregistrées, Shopify :

• donne à chaque politique sa propre URL, par exemple /policies/terms-of-service ;
• affiche ces politiques en liens en bas du checkout ;
• met l’URL de vos CGV à disposition du thème via shop.terms_of_service.url, que le code ci-dessous utilise.

Pas encore de CGV ? Le générateur de Shopify donne une base, mais faites-la relire : les CGV d’une boutique française doivent notamment couvrir le droit de rétractation et ses exceptions.

Méthode 1 : ajouter la case à cocher dans la page panier (code)

Cette méthode fonctionne sur Dawn et la plupart des thèmes Online Store 2.0 qui en dérivent (Refresh, Sense, Craft, Studio…). Aucun JavaScript : c’est le navigateur qui bloque le bouton de paiement tant que la case n’est pas cochée, grâce à l’attribut required.

Dupliquez d’abord votre thème (Boutique en ligne > Thèmes > … > Dupliquer) et travaillez sur la copie.

1. Dans l’admin, ouvrez Boutique en ligne > Thèmes > … > Modifier le code.
2. Ouvrez sections/main-cart-footer.liquid et repérez le bouton de paiement : <button type="submit" id="checkout" … form="cart">.
3. Collez cette ligne juste au-dessus du <div class="cart__ctas" qui contient le bouton :

<p class="cart__terms"><label><input type="checkbox" id="CartTerms" name="attributes[CGV acceptées]" value="Oui" form="cart" required> J’accepte les <a href="{{ shop.terms_of_service.url }}" target="_blank">conditions générales de vente</a></label></p>

1. Enregistrez, ouvrez votre panier et cliquez sur « Procéder au paiement » sans cocher la case. Le navigateur doit vous arrêter avec son propre message « Cochez cette case ».

Pourquoi ce code fonctionne

• form="cart" rattache la case au formulaire du panier, même si elle est placée en dehors. Vérifiez l’id du <form> dans main-cart-items.liquid : sur Dawn, c’est cart.
• required empêche le navigateur d’envoyer le formulaire tant que la case est décochée. Pas de script, donc rien qui casse à la mise à jour du thème.
• name="attributes[CGV acceptées]" enregistre la réponse comme attribut de panier. Elle s’affiche dans Détails supplémentaires sur la commande, sans application ni base de données.
• La case n’est jamais pré-cochée : une case pré-cochée ne vaut pas consentement.

L’ajouter aussi dans le tiroir panier

Si votre thème ouvre un tiroir panier au lieu de la page panier, vos clients paient depuis le tiroir et ne voient jamais la page panier. Collez la même ligne dans snippets/cart-drawer.liquid, au-dessus du bloc cart__ctas du tiroir, en changeant deux choses : form="CartDrawer-Form" et id="CartDrawerTerms" (deux champs avec le même id sur une page cassent le libellé). Les réponses de la communauté pour Dawn 14(ouvre dans un nouvel onglet) utilisent le même emplacement.

Si le bouton envoie quand même le formulaire avec la case décochée, c’est que le formulaire porte l’attribut novalidate. Retirez-le, ou demandez à votre développeur de bloquer le clic en JavaScript.

Combler les failles : la checkbox peut encore être contournée

Une checkbox dans le panier ne protège que les parcours qui passent par le panier. Trois parcours l’évitent :

• Les boutons de paiement dynamique sur la fiche produit (Acheter maintenant, Shop Pay, Apple Pay, Google Pay) envoient directement au checkout. Dans l’éditeur de thème, ouvrez le modèle produit, sélectionnez le bloc Boutons d’achat et décochez Afficher les boutons de paiement dynamique. Les marchands signalent souvent ce contournement(ouvre dans un nouvel onglet).
• Les boutons de paiement express du panier sont générés par content_for_additional_checkout_buttons et ne passent pas non plus par le formulaire. Retirez ce bloc du panier, ou acceptez la faille.
• Les liens directs vers le checkout (liens d’achat dans un e-mail ou une publicité, relances de panier abandonné) ouvrent le paiement sans passer par le panier. Seule une extension de checkout Plus les couvre.

Retirer les boutons express coûte des conversions : pesez le pour et le contre. Pour la plupart des boutiques, les liens vers les politiques déjà affichés au checkout plus une case dans le panier forment un bon équilibre.

Méthode 2 : passer par une application

Si vous préférez ne pas toucher au code, le Shopify App Store(ouvre dans un nouvel onglet) propose une dizaine d’applications de case CGV. Elles ajoutent la case dans la page et le tiroir panier via une intégration d’application, et certaines enregistrent l’acceptation avec la date et l’heure. Avant d’en installer une, vérifiez :

• qu’elle gère votre type de panier (page, tiroir ou les deux) ;
• si elle bloque les boutons express ou se contente de les masquer ;
• qu’elle traduit le libellé si vous vendez en plusieurs langues ;
• son prix mensuel : pour une seule case, le code ci-dessus est gratuit et ne charge rien de plus.

Méthode 3 (Shopify Plus) : une case dans le checkout

Sur Plus, une application peut ajouter une extension de checkout avec un bloc case à cocher. L’extension enregistre la réponse avec applyAttributeChange et, grâce à la capacité block_progress, empêche l’acheteur de payer tant que la case n’est pas cochée (documentation Shopify(ouvre dans un nouvel onglet)). Le bloc s’ajoute dans Paramètres > Checkout > Personnaliser, où vous autorisez l’application à bloquer le paiement. C’est la seule configuration qui couvre aussi les boutons express et les liens directs, puisque tous les parcours finissent au checkout.

La case à cocher CGV est-elle obligatoire en France ?

Pas en tant que telle, mais c’est le moyen le plus simple de prouver que le client a accepté vos CGV. Ces éléments sont généraux et ne remplacent pas l’avis d’un avocat.

• Acceptation des CGV : selon l’article 1119 du Code civil(ouvre dans un nouvel onglet), les conditions générales ne s’appliquent à l’autre partie que si elle en a eu connaissance et les a acceptées. C’est au vendeur de le prouver. Une case cochée et enregistrée sur la commande constitue cette preuve.
• Le « double clic » : l’article 1127-2 du Code civil(ouvre dans un nouvel onglet) exige que l’acheteur puisse vérifier le détail et le prix total de sa commande, et corriger ses erreurs, avant de la confirmer. Le checkout Shopify, avec son récapitulatif avant paiement, répond déjà à ce point ; la case CGV n’y change rien.

Si vous vendez des produits numériques, des abonnements ou des produits personnalisés, vos CGV contiennent aussi les exceptions au droit de rétractation. C’est là qu’un « J’accepte » explicite compte le plus.

Questions fréquentes