Le bloc d'évaluation par étoiles vous permet d'afficher une évaluation visuelle par étoiles sur n'importe quelle page SeedProd. Que vous évaluiez un produit, un service ou que vous ajoutiez de la crédibilité à un témoignage, le bloc affiche une rangée d'icônes d'étoiles remplies à côté d'une étiquette de texte facultative — donnant aux visiteurs un signal de qualité immédiat et reconnaissable d'un coup d'œil.
Vous avez un contrôle total sur l'échelle (0-5 ou 0-10), la valeur exacte de l'évaluation et la taille et l'espacement des étoiles. Combiné aux options de typographie et de couleur, le bloc d'évaluation par étoiles peut être harmonieusement stylisé pour correspondre à n'importe quel système de conception, des pages marketing audacieuses aux mises en page d'évaluation minimalistes.
Ajouter le bloc d'évaluation par étoiles à vos pages
Suivez ces étapes pour ajouter un bloc d'évaluation par étoiles à votre page SeedProd :
Étape 1 : Ajouter le bloc
Sous Conception > Blocs, faites glisser le bloc Évaluation par étoiles dans la section souhaitée de votre page.
Étape 2 : Configurer les paramètres de contenu
Une fois ajouté, cliquez sur le bloc d'évaluation par étoiles pour ouvrir ses paramètres. Dans l'onglet Contenu, configurez l'affichage de l'évaluation en utilisant la section Évaluation par étoiles :
- Échelle : Choisissez entre une échelle d'évaluation de 0 à 5 ou de 0 à 10 dans le menu déroulant.
- Évaluation : Définissez la valeur exacte de l'évaluation à l'aide du curseur. La plage disponible s'ajuste en fonction de l'échelle choisie — jusqu'à 5 ou jusqu'à 10 par incréments de 0,5.
- Étiquette : Saisissez une étiquette de texte facultative à afficher à côté des étoiles, telle qu'un nombre d'avis ou un court descripteur (par exemple, « 4,5 sur 5 »).
- Alignement : Définissez l'alignement horizontal de la rangée d'étoiles — Gauche, Centre ou Droite — avec un contrôle par appareil pour le bureau, la tablette et le mobile.
- Taille : Ajustez la taille de l'icône à l'aide du curseur (0-100px) pour agrandir ou réduire vos étoiles.
- Espace entre : Contrôlez l'écart entre chaque icône d'étoile à l'aide du curseur (1-100px).
Étape 3 : Personnaliser le design
Dans l'onglet Avancé, vous pouvez personnaliser l'apparence visuelle de votre bloc d'évaluation par étoiles. La section Styles contient les options suivantes :
- Typographie : Définissez la famille de polices, la taille, le poids, le style, la hauteur de ligne, l'espacement des lettres et la casse du texte de l'étiquette.
- Couleur des étoiles : Choisissez la couleur de remplissage des icônes d'étoiles (par défaut, or).
- Couleur du texte : Définissez la couleur du texte de l'étiquette affiché à côté des étoiles.
L'onglet Avancé fournit également des contrôles pour l'espacement (marge et remplissage), les attributs CSS personnalisés, la visibilité des appareils et les animations d'entrée.
Étape 4 : Enregistrez vos modifications
Une fois que vous avez terminé de configurer le bloc d'évaluation par étoiles et de personnaliser son apparence, assurez-vous de sauvegarder votre travail.
Vous avez ajouté avec succès un bloc d'évaluation par étoiles à votre page ! Utilisez-le dans les témoignages, les critiques de produits, les études de cas ou partout où vous souhaitez communiquer la qualité et la crédibilité d'un coup d'œil. Expérimentez avec différentes tailles, couleurs et textes d'étiquette pour créer une évaluation par étoiles qui s'intègre naturellement dans la conception de votre page.