Personnaliser les widgets d’avis des clients

Estimé 12 minute de lecture

Mis à jour 5 nov. 2024, 10:45 EST

Découvrez comment personnaliser l’apparence de vos widgets d’avis (par exemple, les blocs de votre boutique qui affichent et acceptent les avis sur vos produits).

Widgets d’avis disponibles

Klaviyo Reviews propose plusieurs widgets que vous pouvez ajouter à votre boutique :

Widget d’évaluation par étoiles
Affiche votre évaluation par étoiles actuelle pour un produit donné, et est le plus souvent ajouté sous le nom de votre produit.
Widget de résumé des avis
Affiche un tableau répertoriant toutes les notes données à un produit, l’avatar des personnes ayant déposé les avis ainsi que les commentaires client les plus courants. Il est généralement ajouté au bas de la page d’un produit.
Widget de liste d’avis
Affiche une liste de tous les avis publiés et de toutes les questions des clients, ainsi qu’une barre de recherche, des filtres, un bouton Écrire un avis et un bouton Poser une question. Il est le plus souvent ajouté juste en dessous du widget de résumé des avis.
Widget d’avis sur les produits
Combinaison des widgets de résumé des avis et de liste d’avis ci-dessus. Si vous ajoutez le widget d’avis sur les produits à votre site, vous n’avez pas besoin d’ajouter séparément les widgets de liste d’avis et de résumé des avis.
Widget de carrousel d’avis mis en avant.
Affiche une sélection d’avis sur l’un de vos produits. Il peut être affiché sur votre page d’accueil, sur une page seule dédiée aux avis ou à tout autre endroit de votre site. Vous pouvez sélectionner les avis présentés dans ce widget. Si elles sont disponibles, les images envoyées par les clients sont apposées à chaque avis. Sinon, ce sont les images de vos produits qui sont utilisées.
Le widget SEO/Tous les avis affiche tous vos avis sur tous les produits sur une seule page. Utilisez-le pour améliorer votre référencement et offrir à vos clients potentiels un endroit unique pour voir ce que vos clients actuels aiment. Ce widget est le plus souvent ajouté à une page Avis autonome sur votre site.

Ces widgets sont entièrement personnalisables, ce qui signifie que vous pouvez choisir les polices et les fonctionnalités de votre marque, et sélectionner manuellement les avis à mettre en avant dans le carrousel d’avis.

Sélectionnez une langue pour les widgets d’avis et les pages de soumission.

Par défaut, tous les contenus Klaviyo Reviews sont en anglais. Pour sélectionner une autre langue :

Accédez à l’onglet Avis dans Klaviyo.
Cliquez sur Paramètres des avis.
Sélectionnez Général.
Dans le menu Sélectionner la langue, choisissez votre langue.

La mise à jour de votre langue pour Klaviyo Reviews s’applique aux éléments suivants :

Page de publication d’avis
Widgets sur site

Widget de classement par étoiles
Widget de résumé des avis
Widget de liste d’avis
Widget d’évaluation des produits
Widget de carrousel d’avis mis en avant

Vous ne pouvez pas mettre à jour les paramètres linguistiques d’un seul widget. Tous les widgets doivent utiliser la même langue. Tous les widgets et la page de publication sont mis à jour immédiatement, y compris ceux qui sont déjà en ligne sur votre site.

La mise à jour de votre langue pour Klaviyo Reviews ne s’applique pas aux autres fonctionnalités Klaviyo (par exemple, les questions personnalisées, les flux, les formulaires d’inscription, les pages de préférences, le contenu des avis soumis par les clients, etc.) Ces éléments doivent être traduits et modifiés manuellement.

Masquer les widgets d’avis jusqu’à ce qu’un produit ait été évalué

Ces instructions s’appliquent au widget d’évaluation par étoiles et au widget de liste d’avis.

Par défaut, la note d’un produit sans avis est de 0/5 étoiles. Un message précise qu’aucun avis n’a encore été soumis. Si vous préférez masquer le widget jusqu’à ce que vous receviez des avis, procédez comme suit :

Ouvrez l’onglet Avis dans Klaviyo.
Sélectionnez Paramètres des avis.
Cliquez sur Widgets sur site.
Sélectionnez Avis sur les produits ou Évaluation sous forme d’étoiles.
Ouvrez le menu État vide.
Désactivez le paramètre Afficher avec zéro étoile.

Modifier l’apparence du widget

Suivez ces étapes pour ajuster le style (comme les polices et les couleurs) de n’importe quel widget d’avis.

Ouvrez l’onglet Avis dans Klaviyo.
Sélectionnez Paramètres des avis.
Cliquez sur Widgets sur site.
Choisissez le widget que vous souhaitez modifier.
Cliquez sur Mise en page et style.
Ajustez l’apparence du widget, y compris les polices, les couleurs et l’espacement.

La modification d’un paramètre dans un widget d’avis (la couleur du bouton, par exemple) n’a pas d’incidence sur les autres widgets, à l’exception du widget SEO/Tous les avis. Ce widget hérite de tous les paramètres du widget Avis sur les produits. Pour personnaliser l’apparence du widget SEO/Tous les avis, mais pas celle du widget Avis sur les produits, vous devez utiliser des feuilles de style CSS personnalisées.

Paramètres de style d’avis disponibles

Ouvrez chaque menu déroulant pour en savoir plus sur les options de style disponibles pour cette catégorie.

Widget d’évaluation des produits

Dans la section Mise en page et style des avis sur les produits, vous pouvez ajuster les paramètres suivants :

Marge
Ajustez l’espace en haut, en bas, à gauche et/ou à droite du widget.
Couleur principale d’arrière-plan
Activez ce paramètre pour ajouter une couleur d’arrière-plan à l’ensemble de la zone du widget.
Couleur d’arrière-plan secondaire
Modifiez la couleur de certains éléments du widget, comme les barres d’histogramme.
Couleur principale
Modifiez la couleur utilisée pour diverses accentuations, y compris la sélection sur une question de gamme et les badges d’évaluateur vérifié.
Arrondi des angles
Appliquez des coins arrondis à l’ensemble de la zone du widget d’évaluation des produits. Veuillez remarquer que cela n’est visible que si vous ajoutez une couleur d’arrière-plan principale.
Lignes de division
Ajoutez des lignes facultatives entre chaque avis.
Police principale
Choisissez Police du site web pour utiliser la police existante de votre site ou sélectionnez une police. Le paramètre Police principale s’applique à toutes les polices des widgets, sauf :
- L’étiquette #/5 dans la section Avis des clients.
- L’horodatage des avis.
- Le texte de l’étiquette dans l’histogramme en étoile.
- Le texte de remplissage dans le champ de recherche.
Police secondaire
Choisissez Police du site web pour utiliser la police existante de votre site ou sélectionnez une police. Le paramètre Police secondaire s’applique à l’histogramme en étoiles, au champ de recherche, à l’horodatage de chaque avis et à l’étiquette #/5 dans la section Avis des clients.
Taille, épaisseur et couleur de la police
Ajustez la taille, l’épaisseur et la couleur des polices principale et secondaire, respectivement.
Button settings
- Couleur
  Couleur des boutons.
- Arrondi des angles
  L’arrondi des coins des boutons. La valeur 0 permet de ne pas arrondir les angles.
- Bordure
  Bordure colorée autour des boutons.
- Spécifier la couleur lors du survol avec la souris
  Si vous souhaitez que les boutons changent de couleur au survol, activez ce paramètre.
- Marges internes
  Marges internes de chaque bouton, qui entourent le texte du bouton. L’ajout d’une marge interne donne l’impression que le bouton est plus grand.
- Police, taille de la police, épaisseur de la police, couleur de la police
  La police utilisée pour les boutons du widget.
Rating settings
- Couleur d’étoile pleine
  La couleur des étoiles sélectionnées (par exemple, si un produit est noté 4/5 étoiles, les 4 premières étoiles sont de cette couleur).
- Couleur d’étoile vide
  La couleur des étoiles non sélectionnées (par exemple, si un produit est noté 4/5 étoiles, la 5e étoile est de cette couleur).
- Bordure
  Une bordure colorée facultative qui entoure toutes les étoiles.
- Espacement
  L’espace entre chaque étoile.
- Forme
  Choisissez différents styles de classement, tels que des étoiles pointues, des cœurs arrondis, etc.
- Size
  - Résumé
    Taille des étoiles dans le résumé de l’évaluation.
  - Avis
    La taille des étoiles dans chaque avis client.
Paramètres des filtres
Les paramètres Filtres s’appliquent au champ de recherche et aux filtres d’avis.
- Couleur d’arrière-plan
  La couleur d’arrière-plan des boutons de filtrage et de la barre de recherche.
- Épaisseur et couleur du trait actif
  La largeur et la couleur de la bordure qui indique une option de filtre active (c’est-à-dire sélectionnée). (Minimum 1.)
- Arrondi des angles
  L’arrondi des coins du champ de recherche. Pour qu’il n’y ait pas d’arrondi, sélectionnez 0 px.
- Icône de recherche
  Activez ou désactivez l’icône de recherche en forme de loupe.
Images settings
- Arrondi des angles des images du résumé
  Arrondissement de la sélection des images du résumé dans le résumé de l’avis.
- Arrondi des angles des images de l’avis
  Arrondissement de chaque image dans les avis individuels.
- Taille des images de l’avis
  Taille des images incluses dans les avis individuels.

Carrousel d’avis mis en avant

Dans la section Mise en page des paramètres de style du carrousel des avis, vous pouvez ajuster certains paramètres :

Titre de la section
Ajoutez le libellé Avis des clients à ce widget.
Type de carrousel
Choisissez si le carrousel doit afficher des images ou uniquement du texte.
Nombre maximum d’avis par page
Choisissez le nombre d’avis mis en avant à afficher par page.
Limite de texte
Choisissez le nombre de lignes de texte à inclure dans chaque aperçu d’avis.
Marge
Ajustez l’espace en haut, en bas, à gauche et/ou à droite du widget.
Alignement du texte
Choisissez si le texte doit être aligné à gauche, à droite ou au centre.
Éléments de carte
Activez ou désactivez l’option permettant d’afficher la date, l’auteur et le badge de vérification d’un avis.

Dans la section Style des paramètres de style du carrousel des avis, vous pouvez ajuster certains paramètres :

Paramètres de police des titres de section
Définissez la police ainsi que la couleur et la taille de cette dernière pour le titre de la section. Notez que Titre de la section doit être activé sous Mise en page pour que ce paramètre s’applique à votre widget.
Hauteur de l’image
Modifiez la taille de l’image incluse dans l’aperçu de l’avis.
Arrondi des angles
Modifiez l’arrondi des coins de chaque tuile d’avis mis en avant.
Couleur de la carte
Ajoutez une couleur d’arrière-plan à chaque vignette d’avis.
Ombre
Ajoutez une ombre aux cartes, ou supprimez-la.
Bordure
Ajoutez une bordure aux cartes, ou supprimez-la.
Rating style settings
- Couleur d’étoile pleine
  La couleur des étoiles sélectionnées (par exemple, si un produit est noté 4/5 étoiles, les 4 premières étoiles sont de cette couleur).
- Couleur d’étoile vide
  La couleur des étoiles non sélectionnées (par exemple, si un produit est noté 4/5 étoiles, la 5e étoile est de cette couleur).
- Bordure
  Une bordure colorée facultative qui entoure toutes les étoiles.
- Espacement
  L’espace entre chaque étoile.
- Taille
  La taille des étoiles dans chaque avis client.
- Forme
  Choisissez différents styles de classement, tels que des étoiles pointues, des cœurs arrondis, etc.
Paramètres de police des titres d’avis
Choisissez Police du site web pour utiliser la police existante de votre site ou sélectionnez une police, sa taille, son épaisseur et sa couleur.
Paramètres de police des corps d’avis
Choisissez Police du site web pour utiliser la police existante de votre site ou sélectionnez une police, sa taille, son épaisseur et sa couleur.
Paramètres de police des libellés de date et de nom
Choisissez Police du site web pour utiliser la police existante de votre site ou sélectionnez une police, sa taille, son épaisseur et sa couleur.

Évaluation sous forme d’étoiles

Marge
Ajustez l’espace en haut, en bas, à gauche et/ou à droite du widget.
Rating style settings
- Couleur d’étoile pleine
  La couleur des étoiles sélectionnées (par exemple, si un produit est noté 4/5 étoiles, les 4 premières étoiles sont de cette couleur).
- Couleur d’étoile vide
  La couleur des étoiles vides (non sélectionnées). Par exemple, si un produit est noté 4/5 étoiles, la 5e étoile est de cette couleur.
- Bordure
  Une bordure colorée facultative qui entoure toutes les étoiles.
- Espacement
  L’espace entre chaque étoile.
- Taille
  La taille des étoiles dans chaque avis client.
- Forme
  Choisissez différents styles de classement, tels que des étoiles pointues, des cœurs arrondis, etc.
Police principale
Modifiez la police utilisée pour le texte Nombre d’évaluations. Choisissez Police du site web pour utiliser la police existante de votre site ou sélectionnez une police.
Taille, épaisseur et couleur de la police
Ajustez la taille, l’épaisseur et la couleur du texte Nombre d’évaluations.

Désactiver ou activer les filtres d’avis et les actions

Permettez à vos clients de filtrer les avis en fonction de l’évaluation, des médias (c’est-à-dire si les avis contiennent des images) ou de leurs réponses à des questions personnalisées. Cela peut aider les clients potentiels à trouver les avis les plus pertinents pour eux.

Accédez à l’onglet Avis dans Klaviyo.
Cliquez sur Paramètres des avis.
Sélectionnez Widgets sur site.
Sélectionnez Avis sur les produits widget.
Sélectionnez Liste d’avis.
Pour afficher ou masquer le bouton et l’onglet de questions et réponses, ou le bouton Écrire un avis, activez ou désactivez cette sélection dans la carte Actions.
Pour ajouter la section des filtres à votre widget de liste d’avis (ou la supprimer), désactivez ou activez le bouton bascule Filtres.
Cochez ou décochez l’un de ces paramètres pour choisir les options de filtrage à afficher : Barre de recherche, Tri (le plus récent, le plus élevé, le plus bas), Évaluation, Média, Questions personnalisées.

À propos du filtre « Le plus pertinent »

Le filtre Le plus pertinent affiche les avis que les utilisateurs sont susceptibles de trouver les plus utiles. Si vous le sélectionnez, les avis apparaîtront dans cet ordre :

Avis avec du texte, des images ou des questions personnalisées envoyés depuis le pays du visiteur.
Avis sans contenu (c’est-à-dire les avis à note uniquement) envoyés depuis le pays du visiteur.
Avis avec du texte, des images ou des questions personnalisées envoyés depuis d’autres pays.
Avis sans contenu (c’est-à-dire les avis à note uniquement) envoyés depuis d’autres pays.

Dans chaque catégorie, les avis sont classés par date d’envoi, les plus récents apparaissant en premier.

Choisissez de mettre en avant ou non les images des produits dans le résumé de vos avis.

Les résumés d’avis comprennent une galerie facultative d’images de produits soumises par les clients. Pour activer ou désactiver cette galerie :

Accédez à l’onglet Avis dans Klaviyo.
Cliquez sur Paramètres des avis.
Sélectionnez Widgets sur site.
Sélectionnez le widget Avis sur les produits.
Sélectionnez Résumé des avis et fichiers multimédias.
Activez ou désactivez le paramètre Galerie d’images.

Masquer des éléments de la liste des avis

Ces instructions s’appliquent au widget de liste d’avis.

Vous pouvez masquer des éléments de votre liste d’avis (par exemple, l’auteur de l’avis, la réponse de la boutique, l’horodatage) si vous le souhaitez. Pour cela, procédez comme suit :

Ouvrez l’onglet Avis dans Klaviyo.
Sélectionnez Paramètres des avis.
Cliquez sur Widgets sur site.
Choisissez Avis sur les produits.
Cliquez sur Liste d’avis.
Désactivez les éléments que vous souhaitez masquer.

Si vous désactivez la notation par étoiles, les fichiers multimédia et les questions personnalisées de la liste d’avis, les options Filtres des avis ne s’affichent plus. Pour qu’un visiteur du site puisse filtrer sa recherche, au moins un critère de filtrage (notation par étoiles, fichiers multimédia ou questions personnalisées) doit être visible dans la liste d’avis.

Sélectionner les avis à afficher dans le carrousel d’avis mis en avant

Les avis mis en avant apparaîtront dans le carrousel des avis mis en avant. Pour choisir ceux à inclure :

Accédez à l’onglet Avis.
Sélectionnez Tous les avis.
En regard d’un avis que vous souhaitez mettre en avant, cliquez sur Mettre en avant.
Répétez l’opération autant de fois que vous le souhaitez. Nous vous recommandons de sélectionner au moins 3 à 5 avis à mettre en avant.

Ressources supplémentaires

Cet article vous a-t-il été utile ?

Utilisez ce formulaire uniquement pour nous faire part de vos commentaires sur cet article. Comment contacter l’assistance.

Explorer d’autres contenus Klaviyo

Communauté

Contactez des membres de votre secteur, des partenaires et des experts Klaviyo pour trouver de l’inspiration, partager des informations et obtenir des réponses à toutes vos questions.

Consulter la communauté

Formation en direct

Participez à une session en direct avec des experts Klaviyo pour découvrir les bonnes pratiques, apprendre à configurer des fonctionnalités clés et bien plus encore.

S’inscrire (EN) ↗

Assistance

Accédez à l’assistance via votre compte.

Assistance par e-mail (essai gratuit et comptes payants) Disponible 24h/24 et 7j/7

Chat/assistant virtuel
La disponibilité varie selon l'emplacement et le type de forfait

Se connecter