Sur Shopify, la façon la plus simple de transformer votre boutique en un site "catalogue uniquement" (affichage uniquement) —où les clients peuvent voir les détails des produits mais ne peuvent pas ajouter au panier ni finaliser l'achat— est soit d'installer une application dédiée au "mode catalogue", soit de modifier votre thème pour que les prix, les boutons "Ajouter au panier" et le panier lui-même soient masqués.
Liste de Vérification pour Catalogue en Affichage Uniquement sur Shopify
1. Définissez Votre Scénario de Catalogue Uniquement
2. Choisissez Votre Méthode d'Implémentation
3. Masquez les Éléments d'Achat via le Code du Thème
4. "Hack" CSS Rapide
5. Optionnel : Protégez le Checkout par Mot de Passe
6. Préservez et Améliorez le SEO
7. Intégrez avec les Plateformes de Shopping IA
8. Optimisez les Chemins de Conversion Alternatifs
9. Testez et Surveillez
1. Utilisez une Application "Mode Catalogue" (pas de code requis)
Il existe plusieurs applications gratuites ou à faible coût dans l'App Store Shopify qui masqueront instantanément les prix et les boutons d'achat sur l'ensemble du site. Les options populaires incluent :
- Easy Catalog par HulkApps
- Catalog Mode par Supple
- Shopify Catalog (par Booster Apps)
Simplement :
- Allez dans Applications → Visitez l'App Store Shopify.
- Recherchez "catalog mode".
- Installez l'application de votre choix et suivez les paramètres à l'écran pour masquer les prix, variantes, panier et boutons de caisse.
2. Modification Manuelle du Thème (sans applications, code léger)
Avertissement : Dupliquez toujours votre thème actif avant de l'éditer.
- Boutique en ligne ▶ Thèmes ▶ Actions ▶ Dupliquer
2.1 Masquez le Formulaire "Ajouter au Panier" et le Prix via theme.liquid
- Allez dans Boutique en ligne ▶ Thèmes ▶ Actions ▶ Modifier le code.
- Dans la liste des fichiers, ouvrez votre modèle de produit, pour les thèmes basés sur Dawn, c'est sous sections/product-form.liquid (ou templates/product.liquid).
- Localisez le bloc qui commence par :
<form ... id="AddToCartForm">
...
<button type="submit" ...>{{ 'products.product.add_to_cart' | t }}</button>
</form>
- Commentez-le (ou supprimez-le) :
{%- comment -%}
<form ...>…</form>
{%- endcomment -%}
- Dans le même fichier, trouvez où le prix est rendu :
{{ product.price | money }}
- Sauvegardez.
2.2 Supprimez l'Icône du Panier et Désactivez la Page du Panier
- Toujours dans Modifier le code, ouvrez votre extrait d'en-tête (souvent sections/header.liquid).
- Commentez ou supprimez la ligne
<a href="/cart">…icône du panier…</a>.
- Pour empêcher quiconque d'accéder accidentellement à /cart, vous pouvez le rediriger :
- Créez templates/cart.liquid (s'il n'existe pas) avec :
{% comment %}
Boutique catalogue uniquement : panier désactivé.
{% endcomment %}
<script>window.location.href = '/';</script>
3. "Hack" CSS Rapide (si votre thème encapsule le formulaire/prix dans des classes identifiables)
Si vous voulez simplement masquer ces éléments sans toucher au Liquid, ajoutez ceci à Assets/base.css (ou theme.css, component-product.css, etc.) :
.template-product .product__form,
.template-product .price {
display: none !important;
}
.header__cart {
display: none !important;
}
Sauvegardez et testez sur votre boutique.
4. (Optionnel) Protégez le Checkout par Mot de Passe
Si vous souhaitez que les visiteurs puissent naviguer mais que seuls vous (ou des personnes sélectionnées) puissiez passer des commandes, vous pouvez protéger toute la boutique par mot de passe (y compris le checkout) sous :
Boutique en ligne ▶ Préférences ▶ Protection par mot de passe ▶ Activer le mot de passe.
Qui trouverait utile "Comment rendre les produits en affichage uniquement sur Shopify" ?
Catalogue B2B/Grossiste
De nombreux grossistes ou distributeurs n'ont besoin que de montrer les produits et les spécifications à des clients spécifiques (par ex., détaillants, revendeurs), tandis que les devis et commandes réels sont gérés hors ligne via des contrats ou des e-mails. Le mode "affichage uniquement" empêche les achats accidentels et évite les prix publics qui pourraient déclencher des guerres de prix.
Aperçu en Ligne avant Ventes en Personne ou par Téléphone
Avant de visiter ou d'appeler un client, l'équipe commerciale lui permet de naviguer parmi les images complètes de produits, spécifications, accessoires, etc., en ligne, puis le guide pour passer des commandes hors ligne ou envoyer un devis. Les clients peuvent directement générer une demande de devis (lead) pour le représentant commercial au lieu de passer par le panier d'achat.
Salle d'Exposition Virtuelle/Affichage d'Échantillons
Déplacer une salle d'exposition physique en ligne afin que les personnes qui ne peuvent pas la visiter en personne puissent toujours voir les nouveaux produits et collections ; l'expérience ou l'achat réel se produit toujours hors ligne dans un magasin ou une salle d'exposition.
Maintenance du Site Web ou Teasers de Nouveaux Produits
Pendant le développement du site ou avant le lancement d'un nouveau produit, vous pourriez vouloir seulement présenter les informations du produit, les images, les matériaux et les processus, permettant aux utilisateurs de s'inscrire pour une notification de lancement plutôt que d'acheter immédiatement.
Accès Privé/Exclusif aux Membres
Certaines marques veulent "cacher" les produits aux non-membres ; ce n'est qu'après la connexion que les utilisateurs peuvent voir les prix et le bouton "Ajouter au panier". Cette approche "voir avant d'acheter" encourage également l'inscription des utilisateurs ou les demandes d'adhésion.
Exigences Réglementaires ou de Conformité
Dans certains pays ou pour certains produits (par ex., dispositifs médicaux, produits personnalisés), les transactions directes en ligne ne sont pas autorisées ; une révision hors ligne ou une signature de contrat est requise. Vous ne pouvez afficher que des informations, et l'approvisionnement spécifique suit un processus désigné.
Ces changements affecteront-ils la façon dont les chatbots d'IA comme ChatGPT ou Gemini explorent et indexent les sites, notamment pour les fonctionnalités d'achat ?
Cela aurait-il un impact sur les principaux systèmes d'IA — comme ChatGPT, Gemini, Grok ou Claude ? Ces chatbots exploreraient-ils et indexeraient-ils ces sites moins souvent ? Surtout maintenant que ChatGPT a annoncé qu'il intégrerait des fonctionnalités d'achat.
Pour les chatbots d'IA grand public, masquer le bouton "Acheter" sur vos pages produit ne les empêche pas d'explorer, de comprendre ou de résumer votre contenu. Cependant, si vous voulez qu'ils recommandent ou intègrent activement vos produits dans leurs fonctionnalités d'achat, vous devrez fournir des données structurées supplémentaires et vous intégrer aux plateformes marchandes respectives.
6.1 Fonction d'Achat de ChatGPT
OpenAI a récemment intégré un module "d'achat conversationnel" dans ChatGPT, permettant aux utilisateurs de recevoir des recommandations de produits, des comparaisons de prix et des boutons d'achat directement dans le chat, puis d'être redirigés vers le site du marchand pour finaliser la commande.
- Comment ça marche : Il ne se contente pas d'explorer les pages web—il s'appuie sur des métadonnées tierces (par ex., API de plateformes d'achat, données JSON-LD structurées) et des sources éditoriales pour générer des recommandations.
- Impact : Si votre page produit n'affiche que du contenu frontend (avec prix et "Ajouter au panier" masqués), et que vous ne soumettez pas de flux de produits à OpenAI ni ne conservez un bloc de données structurées Offer sur la page, le panneau d'achat de ChatGPT ne listera pas vos articles comme achetables.
6.2 Google Gemini + Google Shopping
L'expérience Shopping de nouvelle génération de Google utilise le modèle Gemini combiné à son "Graphe de Shopping" pour générer des recommandations personnalisées.
- Dépendance : Flux Google Merchant Center—les marchands doivent télécharger et maintenir leurs données produits dans Merchant Center.
- Conséquence : Si votre site fonctionne uniquement comme un "catalogue en affichage uniquement" et que vous n'avez pas soumis vos produits à Merchant Center, Google Shopping (et tout résumé d'achat alimenté par Gemini) ne captureront pas vos annonces, donc elles n'apparaîtront pas dans les cartes d'achat IA.
6.3 Grok (xAI) et Autres Modèles à Usage Général
Selon une expérience récente, des modèles comme ChatGPT, Gemini, Claude d'Anthropic et Rufus d'Amazon agissent actuellement davantage comme des "moteurs de recherche avancés plus synthétiseurs" que comme des robots d'achat automatisés.
- Ils analysent le texte de la page, comparent les caractéristiques des produits et agrègent les avis des utilisateurs, mais ils nécessitent toujours qu'un humain fournisse des liens d'achat et finalise les transactions.
- Conclusion : Masquer le bouton "Acheter" n'affectera pas leur capacité à explorer ou comprendre votre contenu, et ne les incitera pas non plus à initier un achat via votre site.
6.4 Claude et Autres
Claude d'Anthropic n'inclut pas encore un plugin d'achat intégré comme ChatGPT ou Google Shopping—il répond principalement via des interfaces conversationnelles et de récupération en temps réel optionnelles. Supprimer les fonctionnalités d'achat frontend n'empêchera pas Claude d'explorer et de résumer vos informations produit. Cependant, si vous souhaitez éventuellement utiliser Claude dans des scénarios de "recommandation d'achat" ou "d'assistant vocal", vous devrez toujours fournir un flux marchand ou construire une couche intermédiaire qui fournit des liens d'achat.
6.5 Recommandations :
- Conservez les Données Structurées : Même si vous masquez les prix, conservez un bloc @type: Offer avec prix et disponibilité dans votre JSON-LD afin que les systèmes d'IA et les moteurs de recherche reconnaissent la page comme un produit.
- Intégrez-vous aux Plateformes Marchandes : Pour apparaître dans ChatGPT, Google Shopping et autres panneaux d'achat IA, soumettez les flux officiels (via le formulaire d'intégration marchand OpenAI, Google Merchant Center, etc.).
- Optimisez le Flux Utilisateur : Dans une configuration "affichage uniquement", ajoutez des boutons clairs "Demander un Devis" ou "Contactez-nous" pour capturer des leads et éviter de perdre des conversions potentielles.
