Le bloc Avis Clients vous permet d'afficher directement les avis Google et Yelp sur vos pages SeedProd. Ce bloc vous aide à présenter des retours clients authentiques avec des mises en page, des filtres et des options de style personnalisables pour renforcer la confiance et la crédibilité auprès des clients potentiels.
Afficher les avis clients réels est l'un des moyens les plus efficaces de créer une preuve sociale et d'influencer les décisions d'achat. Avec ce bloc, vous pouvez filtrer les avis par note, afficher les notes en étoiles, montrer les détails des avis avec photos, et même inclure des liens qui redirigent les visiteurs vers vos profils d'avis complets sur Google ou Yelp.
Ajouter le bloc Avis Clients à vos pages
Suivez ces étapes pour ajouter un bloc Avis Clients à votre page SeedProd :
Étape 1 : Ajouter les clés API
Avant d'ajouter le bloc Avis Clients, vous devez configurer vos identifiants API Google et/ou Yelp dans les paramètres de SeedProd. Accédez à SeedProd > Paramètres et ajoutez vos clés API.
- Cliquez ici pour trouver votre ID de lieu Google
- Vous aurez également besoin de votre ID d'entreprise Yelp si vous affichez des avis Yelp
Ajoutez votre clé API Google Places et vos identifiants API Yelp dans les paramètres de SeedProd avant d'utiliser le bloc Avis Clients.
Étape 2 : Ajouter le bloc
Sous Design > Blocs, faites glisser le bloc Avis Clients dans la section souhaitée de votre page.
Le bloc Avis Clients se trouve sous Design > Avancé et peut être glissé dans n'importe quelle section de votre page.
Étape 3 : Configurer les paramètres de contenu
Une fois ajouté, cliquez sur le bloc Avis Clients pour ouvrir ses paramètres. Dans l'onglet Contenu, vous pouvez configurer vos sources d'avis et vos options d'affichage.
Général :
- Source des avis : Choisissez les avis à afficher – Google Places, Yelp, ou une combinaison de Google et Yelp
- Clé API Google Places : Entrez votre clé API Google Places (si elle n'est pas déjà ajoutée dans les paramètres de SeedProd)
- ID de lieu Google : Entrez votre ID de lieu Google unique pour récupérer les avis de votre profil d'entreprise Google. Cliquez sur le lien fourni pour trouver votre ID
- Code de langue : Spécifiez le code de langue pour afficher les avis dans votre langue préférée (par exemple, « en » pour l'anglais, « es » pour l'espagnol)
Sélectionnez votre source d'avis et entrez votre ID de lieu Google et vos préférences linguistiques.
Paramètres :
- Sélectionner la mise en page : Choisissez entre Grille (avis affichés en lignes et colonnes) ou Carrousel (avis affichés dans un carrousel coulissant)
- Nombre d'avis : Définissez le nombre total d'avis à afficher. Notez que Google autorise un maximum de 5 avis, et le total combiné de Google et Yelp ne peut pas dépasser 8 avis
- Colonnes : Choisissez le nombre de colonnes pour afficher vos avis (1 à 5 colonnes). Plus il y a de colonnes, plus il y a d'avis par ligne, mais chaque avis a moins d'espace
Choisissez votre style de mise en page, le nombre d'avis à afficher et la configuration des colonnes.
Filtres :
- Filtrer par : Choisissez comment filtrer les avis qui apparaissent. Les options incluent Aucun filtre (tout afficher), Note (filtrer par note en étoiles) ou Date de l'avis (afficher les avis les plus récents)
- Note minimale : Définissez la note la plus basse qu'un avis doit avoir pour être affiché. Les options incluent 2 étoiles, 3 étoiles, 4 étoiles, 5 étoiles ou Aucune note minimale. Cela vous aide à présenter uniquement vos meilleurs avis.
Filtrez les avis par note ou par date, et définissez les exigences de note minimale.
Infos sur l'auteur de l'avis :
- Photo de l'auteur : Activez ou désactivez l'affichage de la photo de profil de l'auteur de l'avis.
- Taille de l'image : Ajustez la taille des photos de profil des auteurs d'avis.
- Nom de l'auteur : Activez ou désactivez l'affichage du nom de la personne qui a laissé l'avis.
- Nom du lien : Activez ou désactivez le lien sur les noms des auteurs, renvoyant à leur profil Google ou Yelp.
- Couleur du nom de l'auteur : Définissez la couleur des noms des auteurs d'avis.
Configurez les images de profil des auteurs, les noms et les options de lien.
Date de l'avis :
- Date de l'avis : Activez ou désactivez l'affichage de la date de publication de chaque avis.
- Sélectionner le type : Choisissez entre Numérique (s'affiche comme une date spécifique, par ex. « 15 janv. 2024 ») ou Relatif (s'affiche comme le temps écoulé, par ex. « il y a 2 semaines »).
- Couleur de la date de l'avis : Définissez la couleur du texte de la date de l'avis.
Contrôlez le format d'affichage et le style de la date de l'avis.
Note :
- Note en étoiles : Activez ou désactivez l'affichage des icônes de note en étoiles pour chaque avis.
- Taille des icônes : Ajustez la taille des icônes de note en étoiles.
- Couleur des icônes : Définissez la couleur des étoiles remplies (notées).
- Couleur des icônes non masquées : Définissez la couleur des étoiles vides (non notées).
Personnalisez l'affichage, la taille et les couleurs des notes en étoiles.
Texte de l'avis :
- Texte de l'avis : Activez ou désactivez l'affichage du contenu réel de l'avis rédigé par les clients.
- Couleur du texte : Définissez la couleur du contenu textuel de l'avis.
- Longueur du texte : Définissez le nombre maximum de caractères à afficher pour chaque avis. Les avis plus longs seront tronqués.
- Texte « Lire la suite » : Saisissez un texte personnalisé pour le lien « lire la suite » qui apparaît sur les avis tronqués (par ex. « Lire l'avis complet », « Afficher plus »).
- Couleur « Lire la suite » : Définissez la couleur du lien « lire la suite ».
Configurez l'affichage du texte de l'avis, les limites de longueur et la fonctionnalité « lire la suite ».
Étape 4 : Personnaliser la conception
Dans l'onglet Avancé, vous pouvez personnaliser l'apparence visuelle de votre bloc d'avis clients :
Styles :
- Typographie du nom de l'évaluateur : Contrôlez les propriétés de police pour les noms des évaluateurs, y compris la famille de polices, la taille, le poids et le style
- Couleur du nom de l'évaluateur : Définissez la couleur des noms des évaluateurs (également disponible dans l'onglet Contenu)
- Typographie de la date de l'avis : Personnalisez les propriétés de police pour les dates des avis
- Couleur de la date : Définissez la couleur du texte de la date de l'avis
- Typographie du contenu : Contrôlez les propriétés de police pour le contenu textuel des avis
- Couleur du contenu : Définissez la couleur du texte des avis
Espacement :
- Marge : Contrôlez l'espacement extérieur autour de votre bloc d'avis clients (Haut, Droite, Bas, Gauche). Cela détermine l'espace entre les avis et les éléments environnants
- Rembourrage : Ajustez l'espacement intérieur de votre bloc d'avis clients (Haut, Droite, Bas, Gauche). Cela crée un espace entre les avis et les bords du bloc
Attributs :
- ID CSS : Affiche l'identifiant unique généré automatiquement pour votre bloc d'avis clients. Cet ID est créé automatiquement par SeedProd pour le style personnalisé ou le ciblage JavaScript
- Classe personnalisée : Ajoutez des classes CSS personnalisées pour appliquer des styles spécifiques de votre thème ou de votre CSS personnalisé
- Attributs personnalisés : Ajoutez des attributs HTML à l'élément enveloppant du bloc. Entrez chaque attribut sur une nouvelle ligne en utilisant le format : nom-attribut|valeur (par exemple, data-reviews|business)
Visibilité de l'appareil :
- Masquer sur ordinateur : Masquez le bloc d'avis clients sur les écrans d'ordinateur
- Masquer sur tablette : Masquez le bloc d'avis clients sur les appareils tablettes
- Masquer sur mobile : Masquez le bloc d'avis clients sur les appareils mobiles
Effets d'animation :
- Animation d'entrée : Choisissez parmi divers effets d'animation qui se jouent lorsque les avis défilent dans la vue. Les options incluent Rebondir, Fondu, Zoom avant, Rotation avant, et bien d'autres. Cela attire l'attention sur votre preuve sociale
L'onglet Avancé fournit des contrôles de typographie, des options d'espacement et des effets d'animation pour l'affichage de vos avis.
Étape 5 : Enregistrer vos modifications
Une fois que vous avez terminé de configurer le bloc d'avis clients et de personnaliser son apparence, assurez-vous d'enregistrer votre travail.
Vous avez ajouté avec succès un bloc d'avis clients à votre page ! Cet outil puissant de preuve sociale vous aide à établir la confiance et la crédibilité en présentant les commentaires authentiques des clients de Google et Yelp. Expérimentez avec différentes mises en page, filtres et options de style pour créer un affichage d'avis qui met en valeur vos meilleures expériences client et encourage les clients potentiels à choisir votre entreprise.