El bloque «Productos mejor valorados » te permite mostrar tus productos WooCommerce mejor valorados en una cuadrícula navegable. Al mostrar los productos que han obtenido buenas opiniones de los clientes, puedes generar confianza entre los nuevos visitantes y guiar a los compradores hacia los artículos que ya han demostrado ser populares entre tu público.
Puede controlar cuántos productos aparecen, cómo se ordenan y aplicar filtros opcionales utilizando los controles de consulta. La pestaña Avanzado le ofrece un control total sobre la tipografía de la cuadrícula, los estilos de los botones y la presentación de las imágenes de los productos para que se adapten a la imagen de marca de su tienda.
Añadir el bloque de productos mejor valorados a tus páginas
Siga estos pasos para añadir un bloque de productos mejor valorados a su página SeedProd:
Paso 1: Añadir el bloque
En Diseño > Bloques > WooCommerce, arrastra y suelta el bloque Productos mejor valorados en la sección deseada de tu página.
Paso 2: Configurar los ajustes
Una vez añadido, haz clic en el bloque Productos mejor valorados para abrir su configuración. En la pestaña Configuración, los ajustes están organizados en dos secciones.
Contenido:
- Columnas: Establezca el número de columnas de productos que se mostrarán en la cuadrícula.
- Paginación: Actívela para habilitar la paginación, dividiendo la cuadrícula de productos en varias páginas.
- Mostrar recuento de artículos: Actívelo para mostrar el número total de productos mostrados.
- Mostrar ordenar por: Actívelo para mostrar un menú desplegable de clasificación, de modo que los visitantes puedan reordenar los productos según criterios como precio, popularidad o valoración.
- Límite: Establece el número máximo de productos que se mostrarán. Utiliza
-1Mostrar todos los productos mejor valorados (por defecto).
Consulta:
- Tipo: Elige qué productos mostrar: todos los productos, productos destacados, productos en oferta, productos más vendidos, productos recientes o productos mejor valorados. Este bloque muestra por defecto los productos mejor valorados.
- Ordenar por: Establezca cómo se ordenan los productos: por fecha, título, precio, popularidad, valoración, aleatorio o orden del menú.
- Orden: Establece la dirección de clasificación: ASC (ascendente) o DESC (descendente).
Paso 3: Personalizar el diseño
En la pestaña Avanzado, puedes personalizar el aspecto visual del bloque Productos mejor valorados. Los ajustes se organizan en tres secciones.
Estilos:
- Alineación: Establezca la alineación horizontal de la cuadrícula de productos (izquierda, centro o derecha) con controles específicos para cada dispositivo: ordenador, tableta y móvil.
- Descripción tipográfica: Establezca la familia tipográfica, el tamaño, la altura de línea, el espaciado entre letras, el grosor, el estilo y las mayúsculas y minúsculas del texto de la descripción del producto.
- Tipografía de precios: Establezca la familia tipográfica, el tamaño, la altura de línea, el espaciado entre letras, el peso, el estilo y las mayúsculas y minúsculas del texto del precio del producto.
- Color del precio: Establece el color del precio normal del producto.
- Color de rebaja: Establece el color del precio rebajado cuando un producto tiene descuento.
Botón:
- Estilo del botón: Elige un estilo visual para el botón Añadir al carrito: plano, 2D, vintage, fantasma o enlace.
- Color del botón: Establece el color de fondo del botón Añadir al carrito.
- Tipografía de botones: Establezca la familia de fuentes, el tamaño, la altura de línea, el espaciado entre letras, el peso, el estilo y las mayúsculas y minúsculas del texto de los botones.
- Tamaño del botón: Elija un tamaño de botón preestablecido: pequeño, mediano, grande, extragrande o 2X grande.
- Radio del borde: Ajusta la redondez de las esquinas del botón «Añadir al carrito» mediante un control deslizante.
Imagen:
- Sombra: Aplica una sombra a las imágenes de los productos utilizando tamaños preestablecidos: Ninguno, Línea del cabello, Pequeño, Mediano, Grande, Extragrande, 2X Grande o Sombra inferior.
- Estilo del borde: Establece el estilo del borde de las imágenes de los productos: sólido, punteado o discontinuo.
- Color del borde de la imagen: Establece el color del borde de la imagen del producto.
- Ancho del borde de la imagen: Establece el grosor del borde en cada lado (superior, derecho, inferior, izquierdo) de la imagen del producto.
- Relleno de espacios en blanco de la imagen: añade relleno interior alrededor de las imágenes de los productos dentro de su borde.
Espaciado:
- Margen: establece el espacio exterior alrededor del bloque en los cuatro lados, con controles independientes para ordenador, tableta y móvil.
- Relleno: Establece el espaciado interior dentro del contenedor del bloque en los cuatro lados, con controles por dispositivo.
Atributos:
- Clase personalizada: añade una o más clases CSS personalizadas al contenedor del bloque para aplicar un estilo específico.
- ID CSS: SeedProd genera automáticamente un ID CSS único para este bloque. Puede utilizarlo para hacer referencia al bloque en CSS o JavaScript personalizados.
- Atributos personalizados: añade atributos HTML personalizados al elemento contenedor del bloque. Introduce cada atributo en una nueva línea utilizando el formato clave|valor.
Visibilidad del dispositivo:
- Ocultar en el escritorio: Activa esta opción para ocultar el bloque cuando se vea en pantallas de escritorio.
- Ocultar en tableta: Activa esta opción para ocultar el bloque cuando se vea en pantallas de tableta.
- Ocultar en dispositivos móviles: Activa esta opción para ocultar el bloque cuando se vea en pantallas de dispositivos móviles.
Efectos de animación:
- Efecto de desplazamiento: aplica una animación activada por desplazamiento al bloque, incluyendo opciones de desplazamiento vertical y horizontal con controles de dirección, velocidad y desplazamiento de la ventana gráfica.
- Efecto ratón: aplica un efecto de paralaje impulsado por el movimiento del ratón al bloque.
Paso 4: Guarde los cambios
Una vez que haya terminado de configurar el bloque Productos mejor valorados y de personalizar su apariencia, asegúrese de guardar su trabajo.
¡Has añadido correctamente un bloque de productos mejor valorados a tu página! Destacar tus productos mejor valorados es una forma eficaz de generar confianza y ayudar a los compradores indecisos a sentirse seguros a la hora de comprar. Para obtener los mejores resultados, asegúrate de que tus productos tengan suficientes reseñas que reflejen con precisión su calidad y considera combinar este bloque con una visualización de valoración por estrellas para reforzar la credibilidad de cada recomendación.