Afficher les avis Google sur Shopify : section Liquid ou widget

Vous vendez sur Shopify et votre boutique a aussi une fiche Google, avec des avis. Vous voulez les montrer sur la page d'accueil ou les fiches produit, là où le visiteur hésite à commander. Avant de choisir une méthode, il faut lever une confusion fréquente sur le mot « avis ».

De quels avis parle-t-on sur Shopify ?

Trois choses différentes portent le même nom, et elles ne s'affichent pas de la même façon :

L'aide Google le dit noir sur blanc : les avis clients Google sont « différents » des avis du profil d'établissement, parce qu'ils ne viennent que d'acheteurs vérifiés. Cette page traite du premier cas : afficher les avis de votre fiche Google sur votre boutique. Pour les avis produits, une application d'avis produits reste le bon outil.

Quelles méthodes fonctionnent sur Shopify ?

Shopify n'exécute pas votre propre code serveur : pas d'include PHP ni de Server Component. Liquid, le langage des thèmes, ne peut pas aller chercher une page sur un autre site. Il reste deux méthodes simples et une méthode de développeur.

Revys n'a pas d'application dans l'App Store Shopify. Vous n'installez rien : vous collez du code dans le thème.

Le HTML collé : lisible, mais figé

Revys génère un fragment HTML complet : les avis, leur mise en forme (CSS limité au widget) et un balisage schema.org LocalBusiness ou Organization, sans JavaScript. Collé dans une section Liquid personnalisé, il fait partie du HTML que les serveurs de Shopify envoient. Google et les robots des IA le lisent comme le reste de la page.

La contrepartie : il ne bouge plus. Quand de nouveaux avis arrivent, vous régénérez le HTML dans Revys et vous le recollez. Une fois par mois suffit pour la plupart des boutiques.

Le snippet JavaScript : à jour, mais invisible des IA

Une ligne <script> charge le widget dans une iframe, à jour chaque nuit. Pratique, mais le texte des avis n'est pas dans votre page : les robots d'IA, qui ne lisent que le HTML, ne le voient pas.

Comment coller vos avis dans une section Liquid personnalisé ?

La plupart des thèmes gratuits de Shopify (Dawn et les thèmes récents de la boutique de thèmes) proposent une section « Liquid personnalisé » (« Custom Liquid » en anglais). Testez d'abord sur une copie du thème si vous préférez.

1. Préparez le widget dans Revys

   Connectez votre fiche Google, puis ouvrez « Mes établissements › votre établissement › Sur mon site » : votre widget y est prêt (un carrousel). Avec « Changer le style », choisissez une autre mise en page si vous voulez (grille, liste, mur ou badge) et réglez « Nombre d'avis max » sur 6 à 8 (voir la limite plus bas).

2. Générez le HTML

   Cliquez sur « Mettre sur mon site » et saisissez l'adresse de votre boutique : Revys reconnaît Shopify (sinon, choisissez « Shopify » sous « Ce n'est pas ça ? ») et affiche le HTML à coller. Cliquez sur « Générer le HTML » et copiez le code.

3. Ouvrez l'éditeur de thème

   Dans l'administration Shopify : Boutique en ligne, puis « Modifier le thème » sur le thème voulu. Choisissez le modèle (page d'accueil, produit…) dans le menu du haut.

4. Ajoutez la section

   Dans la barre latérale, « Ajouter une section », puis cherchez « Liquid personnalisé ». Placez-la où vous voulez, par exemple sous la présentation du produit.

5. Collez et enregistrez

   Collez le HTML dans le champ de la section, puis « Enregistrer ». Si Shopify refuse l'enregistrement, le code dépasse la limite : réduisez le nombre d'avis et régénérez.

6. Notez la date

   Mettez-vous un rappel mensuel : régénérez et recollez le HTML pour afficher les nouveaux avis. Pour le snippet JavaScript, collez simplement la ligne <script> à la place, sans rappel nécessaire.

Le snippet JavaScript, pour mémoire :

<script src="https://revys.io/api/embed/VOTRE_ID" async></script>

Combien d'avis tiennent dans une section ?

La documentation Shopify fixe la limite : le contenu d'un réglage Liquid « ne peut pas dépasser 50 Ko ». Nous avons mesuré le HTML Revys sur un widget de test : environ 24 000 caractères pour la structure et le style, puis à peu près 3 000 caractères par avis d'une longueur moyenne (330 caractères de texte). Six avis donnent environ 42 000 caractères, douze en donnent 60 000.

En pratique :

• Visez 6 à 8 avis par section, moins si vos clients écrivent de longs avis.
• La mise en page badge (note et nombre d'avis seulement) tient toujours, avec environ 24 000 caractères.
• Besoin de plus d'avis ? Utilisez deux sections, ou le snippet JavaScript pour la page « Tous nos avis ».
• Ne filtrez pas que les 5 étoiles : un mélange crédible convainc mieux qu'une vitrine parfaite.

Existe-t-il une méthode à la fois lisible et automatique ?

Oui, mais avec un développeur. Liquid ne sait pas appeler Revys, mais il sait afficher un metafield de la boutique. Le montage :

1. Une petite application personnalisée Shopify (créée dans votre administration, avec un jeton Admin API) tourne une fois par jour, sur un serveur ou une tâche planifiée.
2. Elle récupère le fragment HTML Revys (https://revys.io/api/embed/VOTRE_ID/html) ou les avis en JSON via l'API Revys.
3. Elle l'enregistre dans un metafield de la boutique, par exemple revys.avis_html.
4. Votre section Liquid personnalisé affiche {{ shop.metafields.revys.avis_html }}.

Le résultat est rendu par Shopify, donc lisible, et rafraîchi chaque jour. Revys ne fournit pas cette application : c'est un développement sur mesure, raisonnable pour une agence, disproportionné pour une petite boutique.

Comment vérifier que vos avis sont dans le HTML ?

Sur la page publiée, clic droit puis « Afficher le code source de la page » (Ctrl+U, Cmd+Option+U sur Mac), puis cherchez une phrase d'un avis.

• Avec le HTML collé, elle apparaît dans le code source.
• Avec le snippet, vous ne trouverez qu'une balise <script> : c'est le comportement attendu.

Pourquoi c'est important pour les AI Overviews et ChatGPT : voir SEO et GEO pour un commerce local. Pour toutes les méthodes, CMS par CMS, voir afficher les avis Google sur son site.

Et les autres outils ?

Les applications d'avis Google de l'App Store Shopify sont nombreuses ; beaucoup chargent un widget JavaScript dans un bloc d'app. Avant d'en installer une, faites le test du code source sur une page de démonstration. Notre comparatif des widgets d'avis Google détaille le mode de rendu de chacun. Vous êtes sur un autre CMS e-commerce ? Voir la page PrestaShop, où un include serveur est possible.

Questions fréquentes

Shopify a-t-il un module d'avis Google intégré ?

+

Non. Shopify ne propose pas d'élément natif qui affiche les avis de votre fiche Google. Il faut une application de l'App Store Shopify ou du code collé dans le thème, par exemple dans une section Liquid personnalisé.

Quelle différence entre avis Google, avis produits et Avis clients Google ?

+

Les avis Google concernent votre établissement et sont publiés sur votre fiche Google. Les avis produits sont collectés sur votre boutique par une application d'avis. Avis clients Google (Google Customer Reviews) est un programme de Merchant Center : une enquête après achat qui alimente une note de marchand, distincte de votre fiche.

Les avis affichés sur Shopify sont-ils lisibles par ChatGPT ?

+

Seulement s'ils sont dans le HTML du thème. Le HTML collé dans une section Liquid personnalisé est rendu par les serveurs de Shopify : il est lisible. Un widget JavaScript ou une iframe ne l'est pas pour les robots des IA, qui n'exécutent pas le JavaScript.

Combien d'avis puis-je coller dans une section Liquid personnalisé ?

+

Le contenu d'un réglage Liquid est limité à 50 Ko. Le HTML Revys pèse environ 24 000 caractères de base, puis environ 3 000 par avis de longueur moyenne : comptez 6 à 8 avis par section. Réglez « Nombre d'avis max » dans le widget avant de générer le HTML.

Ça marche avec le forfait Starter de Shopify ?

+

Non. Le forfait Starter n'inclut pas de boutique en ligne complète ni la personnalisation des thèmes. Il faut au minimum le forfait Basic pour accéder à l'éditeur de thème et ajouter une section.

Afficher mes avis Google sur Shopify donne-t-il des étoiles dans Google ?

+

Non. Les avis qu'une entreprise affiche sur elle-même sur son propre site sont « self-serving » pour Google, qui n'affiche pas d'étoiles pour eux. Les étoiles de vos fiches produit dans Google viennent d'avis produits ou de Merchant Center, pas de vos avis d'établissement.

Sources

1. Shopify Help Center : sections et blocs (ajouter une section dans l'éditeur de thème)
2. Shopify.dev : input settings, type liquid (limite de 50 Ko)
3. Shopify Help Center : forfait Shopify Starter
4. Aide Google Merchant Center : Avis clients Google (Google Customer Reviews)
5. Google Search Central : extraits d'avis, règle des avis self-serving