WooCommerce es uno de los principales complementos de WordPress para sitios web de comercio electrónico. Y construir un sitio de WooCommerce en WordPress es más fácil que nunca con WooCommerce Blocks. Actualmente hay 20 bloques agregados al editor de bloques cuando instalas WooCommerce . Los bloques de WooCommerce brindan muchas opciones para exhibir sus productos. Hay aún más bloques y nuevas funciones disponibles en el complemento de bloques de WooCommerce, que prueba nuevos bloques y funciones para agregar al núcleo de WooCommerce. En este artículo, proporcionaremos una breve descripción de cada bloque y lo que puede hacer.
La búsqueda de Woo en el editor de bloques revela 20 bloques de WooCommerce. Estos bloques ya están integrados cuando instalas WooCommerce . También puede encontrarlos desplazándose hasta el final de la lista de bloques en el editor.
Al pasar el cursor sobre la mayoría de los bloques, se muestra una vista previa de cómo se vería en su sitio web. Cada uno de estos bloques proporciona una vista única de sus productos WooCommerce. Echemos un vistazo más de cerca a cada bloque. Mostraré cómo se ve en la página y resaltaré la vista previa si está disponible. También mencionaré cualquier configuración única.
Bloque de filtros de productos activos
El bloque de filtros de productos activos para WC muestra los filtros para el producto actualmente activo. Muéstrelos como una lista o como fichas (similares a los botones). Elija el nivel de título. Funciona con los bloques Todos los productos y Filtros de WooCommerce.
Aprenda a usar el bloque WooCommerce de filtros de productos activos .
Bloque de todos los productos
Todos los productos Block para WC muestra todos los productos en su tienda. Incluye clasificación y paginación. Alinéelo con el último bloque y muestre un menú desplegable de clasificación. Este no proporciona una vista previa después de agregarlo a la página.
Aprende a usar el bloque WooCommerce de todos los productos .
Bloque de todas las reseñas
El bloque Todas las reseñas muestra una lista completa de todas las reseñas de productos. Muestra la miniatura del revisor, el producto, la calificación de estrellas y la reseña. Puede ordenarlos, elegir el contenido que se mostrará, elegir el tipo de imagen y ajustar la configuración de la lista.
Aprende a usar el bloque WooCommerce de todas las reseñas . Vea otros complementos enfocados en revisiones para sus sitios de WordPress y WooCommerce.
Bloque de productos más vendidos
El bloque de productos más vendidos para WC muestra la cuadrícula con sus productos más vendidos de todos los tiempos. Puede alinearlo con el último bloque. Agregue elementos de contenido, incluidos el título, el precio, la calificación y el botón Agregar al carrito. También puede configurar las opciones de filtro.
Aprenda a usar el bloque WooCommerce de productos más vendidos .
Bloque de categoría destacado
El Bloque de categoría destacada para WC muestra todos los productos de una categoría específica que le gustaría configurar como categoría destacada. Elija la categoría de la lista. Sólo se puede elegir uno.
Aprenda a usar el bloque WooCommerce de categoría destacada .
Bloque de productos destacados
El bloque de productos destacados muestra un producto específico que elija de la lista, lo que le permite resaltar el producto.
Aprenda a usar el bloque WooCommerce de productos destacados .
Filtrar productos por bloque de atributos
El bloque Filtrar productos por atributo agrega un filtro para que los usuarios puedan filtrar los productos según los atributos del producto. Puede seleccionar los atributos, como el color y el tamaño, de la lista. Mostrar como una lista o menú desplegable. Establezca el tipo de consulta entre AND/OR. Incluya el recuento de productos, elija el nivel de encabezado, agregue un botón y elija los filtros.
Aprenda a usar el bloque Filtrar productos por atributo de WooCommerce .
Filtrar productos por bloque de precio
Filtrar productos por bloque de precios agrega un filtro que permite a los usuarios elegir los precios que buscan. El rango de precios puede ser botones editables o texto. Puede agregar un botón si lo desea y establecer el nivel de título. Este no proporciona una vista previa una vez que se agrega a la página.
Aprende a usar el bloque Filtrar productos por precio de WooCommerce .
Filtrar productos por bloque de existencias
El Bloque Filtrar Productos por Stock permite a los usuarios mostrar los productos según el estado del inventario. Pueden seleccionar entre en stock, agotado y en espera. Muestre el recuento de productos, elija el 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.
Aprenda a usar el filtro de productos por bloque WooCommerce de stock .
Bloque de productos seleccionados a mano
El bloque de productos cuidadosamente seleccionados le permite seleccionar los productos específicos que muestra el bloque. Elige tantos como quieras. Puede elegir los elementos de contenido que se mostrarán, incluidos el título, el precio, la calificación y el botón Agregar al carrito. También tiene una opción de alineación de botones y establece las opciones de orden y filtro.
Aprenda a usar el bloque WooCommerce de productos seleccionados a mano .
Bloque de productos más nuevos
El bloque de productos más nuevos muestra todos sus productos más nuevos dentro de un diseño de cuadrícula. Alinéelo con el último bloque y agregue elementos de contenido como el título, el precio, la calificación y el botón Agregar al carrito. También puede configurar las opciones de filtro.
Aprenda a usar el bloque WooCommerce de productos más nuevos .
Bloque de productos en oferta
El bloque de productos en oferta muestra una cuadrícula con todos sus productos que están en oferta. Elija mostrar 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 orden y filtro.
Aprende a usar el bloque WooCommerce de productos en oferta .
Bloque de lista de categorías de productos
El Bloque de lista de categorías de productos muestra una lista de sus categorías. Muéstrelos como una lista en un esquema o como un menú desplegable. Muestre los recuentos de productos, las imágenes, la jerarquía y las categorías vacías.
Aprenda a usar el bloque WooCommerce de la lista de categorías de productos .
Bloque de búsqueda de productos
El bloque de búsqueda de productos 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 a través de sus productos. Muestra u oculta la etiqueta del campo.
Aprenda a usar el bloque WooCommerce de búsqueda de productos .
Productos por bloque de atributo
El Bloque de Productos por Atributo muestra una cuadrícula de sus productos basada en los atributos que usted elige de una lista. Los atributos incluyen tamaño, color, etc. Alinéelo con el último bloque, elija los elementos de contenido que se mostrarán y configure el filtro y ordene por opciones.
Aprenda a usar los productos por atributo del bloque WooCommerce .
Productos por bloque de categoría
El bloque Productos por categoría muestra una cuadrícula de productos de las categorías específicas que elija. Seleccione tantas categorías como desee. Agregue elementos de contenido, incluidos el título, el precio, la calificación y el botón Agregar al carrito. También puede alinearlo con el último bloque y configurar las opciones de orden.
Aprenda a usar los productos por categoría WooCommerce Block .
Productos por etiqueta de bloque
El bloque Productos por etiqueta muestra una cuadrícula de productos de las etiquetas que seleccione de la lista. Seleccione tantas etiquetas como desee. Elija los elementos de contenido que se mostrarán desde el título, el precio, la calificación y el botón Agregar al carrito. Alinee con el último bloque y elija el orden por opciones.
Aprenda a usar los productos por etiqueta WooCommerce Block .
Reseñas por bloque de productos
El bloque Reseñas por producto WooCommerce Block muestra todas las reseñas de un producto específico que elijas de tu lista.
Aprende a usar el bloque de reseñas por producto de WooCommerce .
Reseñas por bloque de categoría
El bloque Reseñas por categoría muestra todas las reseñas de productos según la categoría que seleccione de la lista. Elija los elementos de contenido que se mostrarán. Agregue el título, el precio, la calificación y el botón Agregar al carrito.
Aprende a usar el bloque WooCommerce de reseñas por categoría .
Bloque de productos mejor valorados
El bloque de productos mejor calificados muestra una cuadrícula con todos sus productos mejor calificados. Elija los elementos de contenido para mostrar, incluidos el título, el precio, la calificación y el botón Agregar al carrito, y las categorías de filtro.
Aprenda a usar el bloque WooCommerce de productos mejor calificados .
Complemento de bloques de WooCommerce
El complemento WooCommerce Blocks agrega aún más funciones a los bloques en WordPress y agrega dos nuevos bloques. Los dos nuevos bloques le darán un aviso de compatibilidad, lo que indica que podría experimentar problemas de compatibilidad con otras extensiones e integraciones. Incluyen un enlace en su configuración donde puede proporcionar comentarios sobre el bloque.
El propósito de este complemento es probar nuevos bloques y características. Una vez que los bloques y las características se vuelven estables, se fusionan con el núcleo de WooCommerce. Deberá tener cuidado al usar este complemento con su sitio en vivo.
Carro
Este bloque agrega su carrito de compras a la página. Puede incluir una calculadora de tarifas de envío, elegir el enlace para el botón de pago y configurarlo en modo oscuro. Incluye la notificación de que puede configurar la página como el carrito de compras predeterminado en la configuración de WooCommerce. También incluye el enlace de comentarios.
Verificar
Este bloque proporciona un pago para su carrito de compras. Proporciona una notificación de que puede configurar esta página como su pago predeterminado en la configuración de WooCommerce. Incluye una opción de modo oscuro. Se compone de varios elementos que puedes personalizar de forma independiente. Este no proporciona una vista previa si ha agregado el bloque a su página.
Nuevas funciones para 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 personalice 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. Este se muestra en ancho completo y elimina las opciones de bloque y los elementos de contenido.
Reseñas por categoría : esta también agrega la configuración de tipografía y color. También muestra el bloque en ancho completo y elimina las opciones de bloque y los elementos de contenido.
Edición de sitio completo de WooCommerce con Divi
Divi lleva los bloques de WooCommerce al siguiente nivel. Puede personalizar cada elemento de WooCommerce utilizando el generador visual de Divi y sus más de 25 módulos de WooCommerce .
Con Divi , puede diseñar toda su tienda WooCommerce de arriba a abajo utilizando su interfaz visual frontal.
Pensamientos finales sobre los bloques de WooCommerce
Esa es nuestra mirada a los bloques de WooCommerce. Esto incluye los más de 20 bloques que están disponibles en el producto principal de WooCommerce y los 2 nuevos bloques y configuraciones del complemento de bloques de WooCommerce. Los bloques de WooCommerce brindan 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. Y si está buscando más opciones de estilo para construir su tienda en línea, Divi es una excelente opción.
Queremos escuchar de ti. ¿Utiliza bloques de WooCommerce en su sitio web de WordPress? Cuéntanoslo en los comentarios.
Imagen destacada vía aliaksei kruhlenia / shutterstock.com