Accueil » Blog » Plugins Wordpress » Afficher les Avis Google sur WordPress

Afficher les Avis Google sur WordPress

Actuellement, je suis en train de faire un site Internet pour un client. Il a beaucoup de commentaires sur Google My business. Il voudrait les intégrer dans son site internet. Afficher les avis Google sur WordPress augmente la notoriété du site en attestant que vos anciens clients sont satisfaits du travail que vous avez pu effectuer.

Afficher les avis Google sur WordPress permet aussi aux prospects d’avoir un site qui rassure sur votre entreprise et d’augmenter votre taux de conversion.

Dans ce tutoriel pour débutants, nous allons voir comment intégrer facilement ces avis clients par l’intermédiaire d’une extension mais aussi manuellement avec le code HTML fourni par Google.

Comment avoir les commentaires Google sur son compte My Business ?

La première étape pour pouvoir afficher les avis Google sur WordPress est d’autoriser les personnes à déposer un commentaire sur votre fiche d’établissement. Pour ça, vous devez indiquer l’adresse de votre entreprise afin que Google puisse vérifier qu’elle est bien réelle. Une fois vérifiée, vos clients pourront donner leur avis sur vos services et vous pourrez les afficher.

Les extensions pour afficher les avis Google sur WordPress

La méthode la plus simple pour afficher les avis de Google sur WordPress et d’utiliser un plugin. Les extensions les plus populaires sont « WP Google reviews » et « Google places reviews« . Elles sont simples à utiliser et offrent un large choix de méthode d’affichage pour vos commentaires Google sur votre blog. Pour ma part celle que j’aimerais vous présenter aujourd’hui se nomme « Widget d’avis Google« . Vous pouvez facilement la télécharger depuis le panneau extension de WordPress. Voilà à quoi ressemble l’image de l’extension :

widget d'avis google
Widget d’avis Google

Installer et activer le plugin pour les avis Google

Lorsque vous êtes connecté à WordPress, cliquez sur l’onglet « Extensions » situé dans la colonne de gauche du panneau administration.

Cliquez ensuite sur « Ajouter une nouvelle extension » et faites une recherche pour le plugin « Widget d’avis Google ».

Ce sera le premier résultat. Cette extension est développée par « Trustindex.io ». Installez ensuite l’extension et activez-la.

Configuration de l’extension « Widget d’avis Google »

Avec cette extension installée, vous pouvez afficher les avis Google sur WordPress. Pour ça nous allons intégrer un code court à notre page après quelques réglages.

1. Connecter Google à l’extension pour afficher les avis Google sur WordPress

Cliquez sur l’icône verte « Trustindex.io » dans la colonne de gauche pour paramétrer l’extension puis sur le bouton vert « Relier ».


Relier WordPress aux commentaires Google
Relier WordPress aux commentaires Google

Indiquez ensuite le nom de votre société et cliquez sur le bouton « Connect » :

Sélectionner la source des commentaires Google
Sélectionner la source des commentaires Google

2. Sélectionnez la mise en page

« Widget d’avis Google » vous permet de choisir parmi une galerie de présentations.

  • en liste
  • en colonne
  • en grille
  • en barre latérale
  • en bouton
  • sous la forme d’un badge
  • flottant

Cliquez sur « Sélectionner » pour valider la mise en page choisie et passer à l’étape suivante :

sélectionnez la mise en page pour afficher les avis Google sur WordPress
sélectionnez la mise en page pour afficher les avis Google sur WordPress

3. Sélectionnez le style

Dans cette 3e étape, vous pouvez sélectionner le style qui va être appliqué aux cartes des commentaires. Il existe 3 styles : avec un fond noir, blanc ou gris comme vous pouvez le voir sur cette image :

Choisir le style pour afficher les commentaires de Google sur WordPress
Choisir le style pour afficher les commentaires de Google sur WordPress

4. Configurer le widget

Vous pouvez maintenant sélectionner les informations que le widget doit afficher sur votre page WordPress. Pour ça vous devez régler les paramètres d’affichage des avis Google :

Parametres du plugin widget avis Google pour afficher les avis Google sur WordPress
Paramètres du plugin « Widget d’avis Google » pour afficher les avis Google sur WordPress.

Vous pouvez :

  • Filtrer les notes : permet d’afficher uniquement les notes de 5 étoiles sur le site.
  • Choisir la langue d’affichage.
  • Sélectionner le format d’affichage de la date.
  • Choisir l’alignement.
  • Choisir le défilement : texte lire la suite, faire défilé ou tronqué.
  • Masquer les avis sans commentaire.
  • Masquer le texte de la note.
  • Afficher la condition minimale du filtre d’examen.
  • Afficher les flèches de navigation.
  • Afficher la photo des évaluateurs.
  • Activer l’animation au survol de la souris.
  • Utiliser la police du site.
  • Afficher les logos de la plateforme.
  • Afficher les étoiles de la plateforme.

Sélectionnez les options désirées et cliquez sur le bouton vert « Enregistrer et obtenir le code ».

5. Insérer le code court pour afficher les avis Google sur WordPress

Il ne reste plus qu’a copier le code court comme le montre cette image :

Copier le code court pour afficher les avis Google sur WordPress
Copier le code court pour afficher les avis Google sur WordPress

Vous pouvez créer un article ou vus rendre sur l’article ou la page sur laquelle vous voulez afficher les articles, puis sélectionnez « Code court » parmi les blocs Widget de Gutenberg.

code court wordpress
Intégrer un code court WordPress

La démarche sera la même si vous utilisez un constructeur de pages comme Elementor.

Coller le code précédemment copié puis enregistrer votre page pour appliquer les modifications. N’hésitez pas à afficher l’article pour voir les modifications sur mobiles et ordinateurs.

Afficher les avis Google sur WordPress avec le code de Google My Business

Il est possible d’utiliser le code fourni par Google My Business plutôt que d’utiliser une extension. Ça permet de limiter le nombre de plugins d’installé sur WordPress. C’est rapide et accessible aux débutants.

1. Récupérer le code sur Google My Business

  1. Connectez-vous à votre compte Google My Business.
  2. Accédez à la section « Avis » dans le tableau de bord.
  3. Recherchez et cliquez sur l’option « Intégrer » ou « Partager ».

Copiez le code fourni par Google, qui ressemblera à quelque chose comme ceci :

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3244.930035163773!2dVOTRE_LONGITUDE!3dVOTRE_LATITUDE!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3AVOTRE_ID_GOOGLE!2sVotre%20Entreprise!5e0!3m2!1sfr!2sfr!4v1630602389832!5m2!1sfr!2sfr" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>

Ajoutez une balise « title » pour une meilleure accessibilité aux personnes mal voyantes et être en accord avec les bonnes pratiques de référencement demandées par Google. Comme ceci :

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3244.930035163773!2dVOTRE_LONGITUDE!3dVOTRE_LATITUDE!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3AVOTRE_ID_GOOGLE!2sVotre%20Entreprise!5e0!3m2!1sfr!2sfr!4v1630602389832!5m2!1sfr!2sfr" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" title="Ce que pensent les clients de la société X"></iframe>

Remplacez « la société X » par le nom de votre entreprise.

Assurez-vous aussi de remplacer « VOTRE_LONGITUDE », « VOTRE_LATITUDE », et « VOTRE_ID_GOOGLE » par vos propres coordonnées et l’identifiant unique de votre entreprise.

2. Intégrer le Code dans Votre Site WordPress

Il ne reste plus qu’a intégrer le code copié dans vos pages. Pour ça :

  1. Connectez-vous à votre tableau de bord WordPress.
  2. Allez à la page ou à l’article où vous souhaitez afficher les avis, ou créez une nouvelle page si nécessaire.
  3. Sur un thème « classique », passez en mode « Éditeur » et assurez-vous d’être en mode « Texte » plutôt qu’en mode « Visuel ». Sur un thème « FSE » utilisez le widget « HTML personnalisé » de Gutenberg.
  4. Collez le code fourni par Google à l’emplacement souhaité sur votre page.

3. Personnaliser l’affichage

Vous pouvez ajuster la largeur et la hauteur de l’iframe en modifiant les valeurs en pixels dans le code comme vous l’indique ce code :

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3244.930035163773!2dVOTRE_LONGITUDE!3dVOTRE_LATITUDE!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3AVOTRE_ID_GOOGLE!2sVotre%20Entreprise!5e0!3m2!1sfr!2sfr!4v1630602389832!5m2!1sfr!2sfr" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" title="Ce que pensent les clients de la société X"></iframe>

Veillez à maintenir les proportions pour un affichage optimal.

Après avoir intégré le code, enregistrez votre page ou votre article. Visitez ensuite la page pour voir vos avis Google s’afficher sur WordPress.

Avec cette méthode, vous pouvez intégrer les avis Google sur votre site WordPress sans avoir à utiliser de plugins supplémentaires. Ca offre une solution légère et personnalisable pour afficher la satisfaction de vos clients directement sur votre site. Cependant, c’est un peu plus technique que d’utiliser une extension.

Afficher les commentaires permet d’augmenter vos conversions. Mais pour cela vous devez augmenter la popularité de votre site avec un bon référencement et un bon environnement autour de votre site web. Je propose des services de référencement naturel SEO qui peuvent vous aider à mieux positionner votre fiche et votre site Internet. N’hésitez pas à me contacter.

Laisser un commentaire