El bloque Star Rating te permite mostrar una clasificación visual por estrellas en cualquier página de SeedProd. Ya sea que estés reseñando un producto, calificando un servicio o añadiendo credibilidad a un testimonio, el bloque muestra una fila de iconos de estrellas rellenos junto con una etiqueta de texto opcional, lo que proporciona a los visitantes una señal de calidad inmediata y reconocible de un solo vistazo.
Tienes control total sobre la escala (0-5 o 0-10), el valor exacto de la calificación y el tamaño y espaciado de las estrellas. En combinación con las opciones de tipografía y color, el bloque de calificación por estrellas se puede diseñar a la perfección para adaptarse a cualquier sistema de diseño, desde páginas de marketing llamativas hasta diseños de reseñas minimalistas.
Añadir el bloque de valoración por estrellas a tus páginas
Sigue estos pasos para añadir un bloque de valoración con estrellas a tu página SeedProd:
Paso 1: Añadir el bloque
En Diseño > Bloques, arrastra y suelta el bloque Calificación por estrellas en la sección deseada de tu página.
Paso 2: Configurar los ajustes de contenido
Una vez añadido, haz clic en el bloque Star Rating para abrir su configuración. En la pestaña Contenido, configura la visualización de la valoración utilizando la sección Star Rating:
- Escala: Elija entre una escala de calificación de 0 a 5 o de 0 a 10 en el menú desplegable.
- Calificación: Establezca el valor exacto de la calificación utilizando el control deslizante. El rango disponible se ajusta en función de la escala elegida: hasta 5 o hasta 10 en incrementos de 0,5.
- Etiqueta: Introduzca una etiqueta de texto opcional para mostrar junto a las estrellas, como el número de reseñas o una breve descripción (por ejemplo, «4,5 sobre 5»).
- Alineación: Establezca la alineación horizontal de la fila de estrellas (izquierda, centro o derecha) con control por dispositivo para computadoras de escritorio, tabletas y dispositivos móviles.
- Tamaño: Ajusta el tamaño del icono con el control deslizante (0-100 píxeles) para hacer tus estrellas más grandes o más pequeñas.
- Espacio entre: controla el espacio entre cada icono de estrella utilizando el control deslizante (1-100 píxeles).
Paso 3: Personalizar el diseño
En la pestaña Avanzado, puedes personalizar el aspecto visual de tu bloque de valoración por estrellas. La sección Estilos contiene las siguientes opciones:
- Tipografía: Establezca la familia tipográfica, el tamaño, el grosor, el estilo, la altura de línea, el espaciado entre letras y el uso de mayúsculas y minúsculas para el texto de la etiqueta.
- Color de la estrella: Elige el color de relleno para los iconos de estrella (por defecto es dorado).
- Color del texto: Establece el color del texto de la etiqueta que se muestra junto a las estrellas.
La pestaña Avanzado también ofrece controles para el espaciado (márgenes y relleno), atributos CSS personalizados, visibilidad del dispositivo y animaciones de entrada.
Paso 4: Guarde los cambios
Una vez que haya terminado de configurar el bloque Star Rating y personalizar su apariencia, asegúrese de guardar su trabajo.
¡Has añadido correctamente un bloque de valoración con estrellas a tu página! Úsalo en testimonios, reseñas de productos, casos prácticos o en cualquier lugar en el que quieras comunicar calidad y credibilidad de un solo vistazo. Prueba con diferentes tamaños, colores y textos de etiqueta para crear una valoración con estrellas que encaje de forma natural en el diseño de tu página.