Afficher étoiles et avis sur la boutique
En bref
- Ce que vous obtenez
- Les avis et les étoiles visibles sur les pages produit de votre boutique.
- Durée
- 10 minutes
- Forfait
- Tous les forfaits
Avant de commencer
- L’application est installée et le catalogue synchronisé. Voir Installation.
- Votre thème accepte les blocs d’applications (thème Online Store 2.0). Voir Avant de commencer.
L’application ne modifie pas votre thème et ne peut pas le lire. C’est vous qui ajoutez les blocs, avec les boutons de l’application qui ouvrent l’éditeur de thème au bon endroit. Ensuite, vous confirmez dans l’application que c’est fait.
Attention : l’éditeur de thème travaille sur le thème publié, celui que voient vos clients. Dès que vous cliquez sur Enregistrer, le bloc apparaît sur la boutique.
Ajouter les avis à la page produit
- Ouvrez Shopify Admin › Applications › IFG Reviews.
- Dans Vue d’ensemble, cliquez sur Ouvrir la configuration guidée et descendez jusqu’à l’encadré Widget dans le thème.
-
Cliquez sur Avis sur la page produit.
Ce que vous verrez : l’éditeur de thème s’ouvre dans un nouvel onglet, sur une page produit, avec le bloc IFG Reviews — avis déjà ajouté dans une nouvelle section.
- Regardez l’aperçu. Pour déplacer le bloc, faites-le glisser dans la liste de gauche.
- Cliquez sur Enregistrer en haut à droite de l’éditeur.
Ajouter les étoiles sous le titre
-
Revenez à l’onglet de l’application et cliquez sur Ajouter les étoiles à la page produit.
Ce que vous verrez : l’éditeur de thème, avec le bloc IFG Reviews — étoiles en bas de la section principale du produit.
- Dans la liste de gauche, faites glisser IFG Reviews — étoiles juste sous le titre du produit. Shopify ne permet pas de choisir la position depuis un lien, c’est pourquoi il faut le déplacer à la main.
- Cliquez sur Enregistrer.
Astuce : tant qu’un produit n’a pas d’avis, les étoiles n’affichent jamais une note vide. Si vous le souhaitez, elles affichent à la place une invitation à en écrire un : c’est l’option Afficher une invitation quand il n’y a pas d’avis.
Vérifier et confirmer
-
Ouvrez une page produit de votre boutique, en dehors de l’administration.
Ce que vous verrez : les étoiles sous le titre et, plus bas, l’encadré des avis avec le bouton pour en écrire un. Si le produit n’a encore aucun avis publié, l’encadré indique « Pas encore d’avis ».
-
Revenez à l’application, dans l’encadré Widget dans le thème, et cliquez sur J’ai ajouté le bloc.
Ce que vous verrez : « Paramètre enregistré. » et l’étape passe à Terminé.
Les autres blocs (facultatifs)
Le même encadré contient d’autres boutons. Chacun ouvre l’éditeur avec le bloc déjà ajouté ; ensuite, cliquez sur Enregistrer.
| Bouton dans l’application | Bloc dans l’éditeur de thème | Où il va |
|---|---|---|
| Questions sur la page produit | IFG Avis — questions | Page produit : les clients posent des questions, vous répondez |
| Carrousel sur la page d’accueil | IFG Reviews — carrousel | Page d’accueil : un bandeau défilant avec les avis récents |
| Avis sur la boutique en page d’accueil | IFG Reviews — avis sur la boutique | Page d’accueil : avis sur la boutique elle-même (service, livraison) |
| Badge de confiance en page d’accueil | IFG Avis — badge de confiance | Page d’accueil : une ligne avec la moyenne et le nombre d’avis |
| Galerie photo en page d’accueil | IFG Avis — galerie photo | Page d’accueil : les photos jointes aux avis |
Il y a aussi deux intégrations : elles s’appliquent à toutes les pages de la boutique et s’activent depuis Intégrations d’applications dans l’éditeur.
| Bouton dans l’application | Nom dans l’éditeur | Ce qu’elle fait |
|---|---|---|
| Bouton flottant d’avis | IFG Avis — bouton flottant | Un bouton fixe dans un coin qui ouvre les derniers avis |
| Pop-up d’avis | IFG Avis — pop-up d’avis | Une petite carte avec un vrai avis, quelques secondes après l’arrivée du visiteur |
-
Cliquez sur le bouton de l’intégration voulue.
Ce que vous verrez : l’éditeur de thème ouvert sur Intégrations d’applications, avec l’intégration activée.
-
Cliquez sur Enregistrer.
Remarque : le bloc IFG Reviews — tous les avis n’a pas de bouton. Il sert à une page de la boutique qui affiche tous les avis : vous l’ajoutez à la main à un modèle de page, comme expliqué dans Widgets.
Modifier les couleurs et l’apparence
Les couleurs, les colonnes, le titre et les angles se modifient dans l’éditeur de thème, pas dans l’application.
- Ouvrez Shopify Admin › Applications › IFG Reviews › Paramètres.
- Dans la section Apparence du widget, cliquez sur Ouvrir l’éditeur de thème.
-
Dans l’éditeur, cliquez sur le bloc à modifier (par exemple IFG Reviews — avis).
Ce que vous verrez : à droite, les réglages du bloc, comme Disposition, Colonnes sur ordinateur, Couleur des étoiles.
- Modifiez ce qu’il faut et cliquez sur Enregistrer.
Les réglages les plus utiles du bloc d’avis :
| Réglage | Ce qu’il fait |
|---|---|
| Titre | Le titre au-dessus des avis. Vide = titre dans la langue de la boutique |
| Disposition | Grille de cartes avec photos ou Liste sur une colonne |
| Colonnes sur ordinateur | De 2 à 4. Sur téléphone, toujours deux (une en dessous de 360 px) |
| Afficher la répartition par étoiles | Les barres avec le nombre d’avis pour chaque note |
| Permettre d’écrire un avis ici | Affiche le formulaire pour écrire un avis |
| Ajouter la note aux données structurées de la page | Donne aux moteurs de recherche la note du produit. Désactivez-le si votre thème ou une autre application le fait déjà |
| Couleurs et Rayon des angles | Laissez-les vides pour utiliser les couleurs du thème |
Tous les blocs et toutes les options sont dans Widgets.
Facultatif : le lien sur la page de confirmation de commande
L’application peut ajouter un lien « Écrire un avis » sous chaque produit de la page de remerciement que le client voit après l’achat. Il est désactivé tant que vous ne l’activez pas, dans l’éditeur de checkout de Shopify. Ses réglages n’existent qu’en anglais.
- Ouvrez Shopify Admin › Applications › IFG Reviews › Paramètres et repérez la section Diagnostic.
- Sur la ligne Lien sur la page de confirmation de commande, cliquez sur Ouvrir les paramètres du checkout.
- Dans l’éditeur de checkout, allez sur la page de confirmation de commande et choisissez Order confirmation link.
- Activez Show a review link under each purchased product. Pour un autre texte, saisissez-le dans Link text.
- Cliquez sur Enregistrer.
- Passez une commande de test et vérifiez que le lien apparaît sous chaque produit.
Remarque : un avis écrit depuis ce lien n’est pas « vérifié ». Le badge Achat vérifié vient uniquement de l’e-mail de demande.
En cas de problème
Je ne trouve pas le bloc dans l’éditeur. Votre thème, ou cette section, n’accepte pas les blocs d’applications. Utilisez le bouton de l’application plutôt que de le chercher à la main. S’il n’apparaît toujours pas, votre thème n’est pas Online Store 2.0.
J’ai enregistré mais je ne vois pas les avis sur la boutique. Vérifiez que vous avez cliqué sur Enregistrer dans l’éditeur et que vous regardez le thème publié. Si le produit n’a pas d’avis publiés, vous voyez seulement l’invitation à en écrire un. Si vous venez de publier un avis et ne le voyez pas, ouvrez Avis dans l’application : si l’avis « Les pages produit ne sont pas encore à jour » s’affiche, cliquez sur Mettre à jour les pages produit.
Les étoiles apparaissent en bas de la page. Le lien les place en bas de la section principale. Faites-les glisser sous le titre dans l’éditeur et cliquez sur Enregistrer.
Un outil de Google signale deux notes pour le même produit. Votre thème ou une autre application publie déjà une note. Désactivez Ajouter la note aux données structurées de la page dans le bloc d’avis.