Los bloques de WooCommerce brindan muchas opciones para presentar sus productos. Actualmente se agregan 20 bloques al editor de bloques durante la instalación WooCommerce. Incluso hay más bloques y nuevas funciones disponibles en el complemento WooCommerce Blocks que prueba nuevos bloques y funciones que se pueden agregar al núcleo de WooCommerce. En este artículo, proporcionaremos una breve descripción de cada bloque y sus capacidades.
Bloques de WooCommerce en el núcleo de WooCommerce
La búsqueda de Woo en el editor de bloques revela 20 bloques de WooCommerce. Estos bloques ya están integrados al instalar WooCommerce. También puede encontrarlos desplazándose hasta el final de la lista de bloqueo en el editor.
Al pasar el cursor sobre la mayoría de los bloques, se muestra una vista previa de cómo se verá en su página. Cada uno de estos bloques proporciona una vista única de sus productos WooCommerce. Echemos un vistazo más de cerca a cada bloque. Le mostraré cómo se ve en la página y seleccionaré una vista previa si está disponible. También mencionaré cualquier configuración única.
Filtros de productos activos
Este muestra los filtros para el producto actualmente activo. Muéstrelos como una lista o como tokens (similares a los botones). Seleccione un nivel de título. Funciona con los bloques WooCommerce Todos los productos y Filtros.
Todos los productos
Este muestra todos los productos en su tienda. Incluye clasificación y paginación. Combínalo con el último bloque y muestra el menú de clasificación. Este no proporciona una vista previa después de que se haya agregado a la página.
Todas las reseñas
Este bloque muestra una lista completa de todas las reseñas de productos. Muestra la miniatura, el producto, la calificación de estrellas y la reseña del revisor. Puede ordenarlos, elegir el contenido que se mostrará, elegir el tipo de imagen y ajustar la configuración de la lista.
Productos más vendidos
Este bloque muestra una cuadrícula de los productos más vendidos de todos los tiempos. Puede alinearlo con el último bloque. Agregue elementos de contenido, incluido el título, el precio, la calificación y el botón Agregar al carrito. También puede establecer opciones de filtro.
Categoría recomendada
Este muestra todos los productos de la categoría especificada que desea establecer como categoría destacada. Seleccione una categoría de la lista. Sólo se puede elegir uno.
producto descrito
Este muestra el producto específico que elija de la lista, lo que permite resaltar el producto.
Filtrar productos por atributo
Este agrega un filtro para que los usuarios puedan filtrar productos según los atributos del producto. Puede elegir atributos como el color y el tamaño de la lista. Mostrar como una lista o lista desplegable. Establece el tipo de consulta entre Y/O. Incluya la cantidad de productos, seleccione un nivel de encabezado, agregue un botón y seleccione filtros.
Filtrar productos por precio
Este bloque agrega un filtro que permite a los usuarios seleccionar los precios que buscan. El rango de precios puede ser botones editables o texto. Si lo desea, puede agregar un botón y establecer el nivel del encabezado. Este no proporciona una vista previa cuando se agrega a la página.
Filtrar productos por almacén
Este permite a los usuarios mostrar productos según el estado del stock. Pueden elegir entre en stock, fuera de stock y por encargo. Muestre la cantidad de productos, seleccione un nivel de encabezado y agregue un botón. Puede usarlo con otros bloques de WooCommerce, como el bloque Todos los productos. No muestra una vista previa si se agrega a la página.
Productos seleccionados a mano
Este bloque le permite seleccionar productos específicos que muestra el bloque. Elige tantos como quieras. Puede seleccionar los elementos de contenido que se mostrarán, incluido el título, el precio, la calificación y el botón Agregar al carrito. También tiene la opción de alinear los botones y configurar el orden y las opciones de filtrado.
Últimos productos
Este bloque muestra todos sus últimos productos en la cuadrícula. Combínalo con el último bloque y agrega elementos de contenido como el título, el precio, la calificación y el botón Agregar al carrito. También puede establecer opciones de filtro.
En venta de productos
Este bloque muestra una grilla con todos los productos que están en oferta. Seleccione para ver el título, el precio, la calificación y el botón Agregar al carrito. Puede alinearlo con el último bloque. También incluye opciones de pedido y filtrado.
Lista de categorías de productos
Este muestra una lista de sus categorías. Muéstrelos como una lista de esquema o como una lista desplegable. Muestra contadores de productos, imágenes, jerarquía y categorías vacías.
Buscador de productos
Este es uno de los bloques de WooCommerce más exclusivos. agrega un cuadro de búsqueda a su página donde los clientes pueden ingresar palabras clave para buscar sus productos. Mostrar u ocultar la etiqueta del campo.
Productos por atributo
Este muestra una cuadrícula de sus productos basada en los atributos seleccionados de la lista. Los atributos incluyen tamaño, color, etc. Alinéelo con el último bloque, seleccione los elementos de contenido para mostrar, configure el filtro y organice por opciones.
Productos por categoría
Este muestra una cuadrícula de productos de categorías específicas que elija. Seleccione tantas categorías como desee. Agregue elementos de contenido, incluido el título, el precio, la calificación y el botón Agregar al carrito. También puede alinearlo con el último bloque y establecer opciones de orden.
Productos por etiqueta
Este muestra una cuadrícula de productos con etiquetas seleccionadas de la lista. Seleccione tantas etiquetas como desee. Seleccione los elementos de contenido para mostrar, el título, el precio, la calificación y el botón Agregar al carrito. Alinear con el último bloque y seleccionar ordenar por opción.
Reseñas por producto
Este muestra todas las reseñas del producto específico que elija de la lista.
Reseñas por categoría
Este bloque muestra todas las reseñas de productos según la categoría seleccionada de la lista. Seleccione los elementos de contenido que se mostrarán. Agregue título, precio, calificación y botón Agregar al carrito.
Productos mejor valorados
Este muestra una cuadrícula con todos los productos mejor calificados. Seleccione elementos de contenido para mostrar, incluido el título, el precio, la calificación, el botón Agregar al carrito y las categorías de filtro.
Complemento de bloqueo de WooCommerce
los Complemento de bloques de WooCommerce agrega aún más funciones a los bloques en WordPress y agrega dos nuevos bloques. Los dos nuevos bloques proporcionarán notificaciones de compatibilidad, lo que indica que puede haber problemas de compatibilidad con otras extensiones e integraciones. Tienen un enlace en su configuración donde puede proporcionar comentarios sobre el bloqueo.
El propósito de este complemento es probar nuevos bloques y funciones. Una vez que los bloques y funciones estén estabilizados, se vincularán al núcleo de WooCommerce. Deberá tener cuidado al usar este complemento en su sitio activo.
Carro
Este bloque agrega su carrito a la página. Puede adjuntar una calculadora de costos de envío, seleccionar el enlace al botón de pago y configurarlo en modo oscuro. Incluye una notificación de que puede configurar el sitio como el carrito predeterminado en su configuración de WooCommerce. También incluye un enlace a la opinión.
Verificar
Este bloque proporciona efectivo para su carrito. Incluye una notificación de que puede configurar esta página como pago predeterminado en la configuración de WooCommerce. Incluye una opción de modo oscuro. Consta de varios elementos que puedes ajustar de forma independiente. Este no proporciona una vista previa si ha agregado un bloque a su página.
Nuevas funciones en los bloques actuales de WooCommerce
Tres de los bloques actuales de WooCommerce tienen características nuevas o diferentes:
Todas las reseñas – agrega configuración de tipografía y color. Elija entre 7 tamaños de fuente preestablecidos o ajuste el tamaño. Los colores incluyen 10 ajustes preestablecidos y una opción personalizada.
Reseñas por producto – agrega la misma configuración de tipografía y color que Todas las reseñas. Esto se muestra en todo el ancho y elimina las opciones de bloqueo y los elementos de contenido.
Reseñas por categoría – este también agrega configuración de tipografía y color. También muestra el bloque en todo su ancho y elimina las opciones de bloque y los elementos de contenido.
Pensamientos finales sobre los bloques de WooCommerce
Este es nuestro vistazo a los bloques de WooCommerce. Esto incluye los 20 bloques que están disponibles en el producto base de WooCommerce y los 2 nuevos bloques y configuraciones del complemento de bloques de WooCommerce. Los bloques de WooCommerce son una excelente manera de exhibir sus productos. Son fáciles de usar y son una excelente manera de agregar productos a cualquier página o publicación. En artículos futuros, repasaremos cada bloque con más detalle y veremos cómo usarlos.
Queremos escuchar de ti. ¿Está utilizando bloques de WooCommerce en su sitio de WordPress? Háganos saber en los comentarios.
Foto destacada vía aliaksei kruhlenia / shutterstock.com
