Le bloc Star Rating vous permet d'afficher une note visuelle sous forme d'étoiles sur n'importe quelle page SeedProd. Que vous évaluiez un produit, notiez un service ou renforciez la crédibilité d'un témoignage, le bloc affiche une rangée d'icônes en forme d'étoiles remplies accompagnées d'une étiquette textuelle facultative, offrant ainsi aux visiteurs un indicateur de qualité immédiat et reconnaissable en un coup d'œil.
Vous avez un contrôle total sur l'échelle (0-5 ou 0-10), la valeur exacte de la note, ainsi que la taille et l'espacement des étoiles. Associé à des options de typographie et de couleur, le bloc Star Rating peut être stylisé de manière transparente pour s'adapter à n'importe quel système de conception, des pages marketing audacieuses aux mises en page minimalistes.
Ajouter le bloc Évaluation par étoiles à vos pages
Suivez ces étapes pour ajouter un bloc « Évaluation par étoiles » à votre page SeedProd :
Étape 1 : Ajouter le bloc
Sous Design > Blocs, glissez-déposez 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 Évaluation par étoiles pour ouvrir ses paramètres. Dans l'onglet Contenu, configurez l'affichage de l'évaluation à l'aide de la section Évaluation par étoiles:
- Échelle : choisissez entre une échelle de notation de 0 à 5 ou de 0 à 10 dans le menu déroulant.
- Note : définissez la valeur exacte de la note à 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 textuelle facultative à afficher à côté des étoiles, telle que le nombre d'avis ou une brève description (par exemple, « 4,5 sur 5 »).
- Alignement : définissez l'alignement horizontal de la rangée d'étoiles (à gauche, au centre ou à droite) avec un contrôle par appareil pour les ordinateurs de bureau, les tablettes et les mobiles.
- Taille : ajustez la taille de l'icône à l'aide du curseur (0-100 px) pour agrandir ou réduire vos étoiles.
- Espace entre les éléments : contrôlez l'espace entre chaque icône en forme d'étoile à l'aide du curseur (1 à 100 pixels).
Étape 3 : Personnalisez le design
Dans l'onglet Avancé, vous pouvez personnaliser l'apparence visuelle de votre bloc Évaluation par étoiles. La section Styles contient les options suivantes :
- Typographie : définissez la police, la taille, le poids, le style, l'interligne, l'espacement des lettres et la casse pour le texte de l'étiquette.
- Couleur des étoiles : choisissez la couleur de remplissage des icônes en forme d'étoile (la couleur par défaut est le doré).
- Couleur du texte : définissez la couleur du texte de l'étiquette affiché à côté des étoiles.
L'onglet Avancé fournit également des commandes 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 Évaluation par étoiles et de personnaliser son apparence, veillez à enregistrer votre travail.
Vous avez ajouté avec succès un bloc Évaluation par étoiles à votre page ! Utilisez-le dans les témoignages, les avis sur les produits, les études de cas ou partout où vous souhaitez communiquer la qualité et la crédibilité en un coup d'œil. Essayez différentes tailles, couleurs et textes d'étiquette pour créer une évaluation par étoiles qui s'intègre naturellement au design de votre page.