¿Qué son los bloques de WooCommerce? Cómo usarlos de manera efectiva en 2023

Hay muchos componentes que componen una tienda de comercio electrónico exitosa, desde catálogos de productos y reseñas de clientes hasta funciones de búsqueda y filtrado fáciles de usar. Si bien los bloques de WooCommerce le permiten agregar todas estas características (y más), juntar esos elementos puede parecer desalentador.

Afortunadamente, los bloques de WooCommerce están diseñados para ayudar a los usuarios de WordPress a crear tiendas en línea con facilidad. Además, le permiten promocionar sus productos de manera más efectiva e impulsar más ventas, todo sin usar códigos cortos de WooCommerce como lo necesitaba en el pasado.

En esta publicación, veremos más de cerca los bloques de WooCommerce y cómo acceder a ellos en WordPress. Luego examinaremos seis bloques que puede agregar a su tienda para aumentar su tasa de conversión. ¡Empecemos!

¿Qué son los bloques de WooCommerce? Una breve introduccion

WooCommerce es una de las herramientas de comercio electrónico más populares para WordPress. Esta plataforma gratuita de código abierto le permite crear una tienda en línea sin invertir mucho tiempo o dinero en ella.

Además, WooCommerce viene con una amplia gama de bloques a los que puede acceder en el editor de bloques nativo de WordPress (también conocido como Gutenberg). Con estos bloques, puede enumerar algunos o todos sus productos, mostrar filtros de productos, agregar un cuadro de búsqueda de productos y más.

Además, estos bloques reemplazan muchos de los códigos cortos de WooCommerce que tenía que usar en el pasado, lo que le brinda una experiencia más simple y visual cuando trabaja en el editor.

Puede usar estos bloques de WooCommerce de la misma manera que lo haría con cualquier otro bloque.

Abra la página o publicación en la que desea trabajar, haga clic en el signo más (+) y busque el bloque deseado:

También puede ver una lista completa de los bloques de WooCommerce disponibles haciendo clic en el botón más (+) en la esquina superior izquierda de su pantalla. Bajo la bloques pestaña, desplácese hacia abajo hasta la WooCommerce sección:

Tenga en cuenta que, para acceder a los bloques de WooCommerce, primero deberá instalar y activar WooCommerce en su sitio. Además, si todavía usa el Editor clásico, deberá cambiar al Editor de bloques.

Los mejores bloques de WooCommerce (y cómo usarlos)

Una vez que haya instalado WooCommerce y cargado sus productos, puede comenzar a agregar nuevas características y funciones a su tienda. Exploremos seis bloques útiles de WooCommerce y cómo usarlos de manera efectiva en su sitio de WordPress.

1. Él Todos los productos bloquear
2. Él Productos mejor calificados bloquear
3. Él Filtrar productos por precio bloquear
4. Él Búsqueda de Producto bloquear
5. Él Todas las reseñas bloquear
6. Él Producto destacado bloquear

1. El Todos los productos bloquear

Él Todos los productos block es uno de los elementos más esenciales para cualquier tienda. Le permite mostrar todos sus productos en una cuadrícula ordenada:

De forma predeterminada, el bloque muestra el nombre, el precio y la clasificación por estrellas de cada producto, así como un botón de llamada a la acción (CTA). También viene con opciones de paginación y clasificación, lo que facilita a los usuarios navegar a través de su catálogo de productos.

Como con la mayoría de los bloques de WooCommerce, puede personalizar el Todos los productos característica para satisfacer sus necesidades. Si hace clic en el bloque, obtendrá una selección de configuraciones en el panel del lado derecho:

Allí, puede editar el diseño de su cuadrícula. Por ejemplo, puede cambiar el número de filas y columnas por página. También tiene la opción de ocultar el menú de clasificación o elegir otra opción predeterminada para ordenar productos.

Además, puede editar los elementos dentro de la cuadrícula. Para hacer esto, seleccione el bloque y haga clic en el ícono del lápiz en la barra de herramientas:

Dentro de la vista previa, puedes editar elementos individuales como la imagen, el nombre del producto y el botón CTA:

Puede reorganizar estos elementos utilizando las flechas hacia arriba y hacia abajo en sus barras de herramientas individuales. También puede eliminar elementos o agregar otros bloques de productos, como Resumen del producto o Calificación del producto. Además, estos cambios se aplicarán a todos los productos de su cuadrícula, por lo que no tendrá que editarlos individualmente.

Le recomendamos que mantenga los detalles del producto al mínimo, para evitar abrumar a los compradores con demasiada información. En la misma nota, es posible que desee mostrar solo algunos elementos por página.

También es mejor incluir un Añadir al carrito botón. De esta manera, los usuarios que estén interesados ​​en un producto en particular pueden agregarlo fácilmente a sus pedidos sin tener que salir de la página.

2. El Productos mejor calificados bloquear

Recibir críticas positivas de los compradores puede ser muy gratificante. Aún mejor, puede aprovechar esas calificaciones para aumentar sus ventas.

Él Productos mejor calificados bloque le permite mostrar los productos con el mayor número de críticas positivas:

Las calificaciones juegan un papel vital en el éxito de su tienda. Sirven como prueba para los visitantes primerizos de que sus productos son de alta calidad, lo que puede ayudarlo a generar más conversiones.

Por lo tanto, le recomendamos que utilice el Productos mejor calificados bloque en un lugar destacado de su sitio web. Por ejemplo, es posible que desee agregarlo a su página de inicio o a la barra lateral de las páginas de sus productos.

Cuando se trata de personalizar el Productos mejor calificados bloque, tienes varias opciones. Por ejemplo, puede ajustar la cantidad de productos que desea mostrar:

También puede ocultar detalles particulares sobre los productos, como sus precios. Además, puede optar por mostrar solo los artículos mejor calificados en una categoría en particular, como ropa.

Si aún no tiene muchas reseñas para mostrar, es posible que desee utilizar el Productos más vendidos bloquear en su lugar. Esto muestra los artículos más populares en su sitio de acuerdo con la cantidad de ventas realizadas.

Otra característica similar es la Productos más nuevos bloquear. Como sugiere el nombre, esto le permite promocionar sus incorporaciones más recientes.

3. El Filtrar productos por precio bloquear

La función de filtrado facilita que los usuarios encuentren lo que buscan. Esto puede ser particularmente útil cuando un comprador tiene un presupuesto fijo.

Él Filtrar productos por precio bloque permite a los usuarios definir un precio mínimo y máximo usando un control deslizante simple:

Este bloque trabaja en conjunto con el Todos los productos bloque que presentamos anteriormente. Una vez que un usuario establece un rango de precios específico, WooCommerce actualizará automáticamente la lista de productos para mostrar solo los artículos que se incluyen en ese presupuesto:

Él Filtrar productos por precio bloque es fácil de usar. Sin embargo, puede hacer las cosas aún más fáciles para sus usuarios al permitirles ingresar cantidades específicas. Para hacer esto, seleccione el bloque y navegue hasta el panel de configuración. Por debajo Rango de preciosSelecciona el Editable opción:

Además de filtrar productos por precio, también puede permitir que los compradores busquen artículos según los atributos del producto, como el tamaño y el color. Para ello, puede utilizar el Filtrar productos por atributo bloque junto con el Todos los productos bloquear:

Otra característica útil es la Filtros Activos bloquear. Cuando agregue esto a su página, los usuarios podrán ver una lista de sus filtros actuales.

4. El Búsqueda de Producto bloquear

Una forma poderosa de mejorar la experiencia del usuario (UX) de su sitio es agregar la función de búsqueda. Esto permitirá a los usuarios buscar rápidamente cualquier artículo específico que tengan en mente, en lugar de tener que navegar por su catálogo hasta que encuentren lo que están buscando.

Afortunadamente, WooCommerce ofrece una Búsqueda de Producto bloquear:

Puede colocar la barra de búsqueda en cualquier lugar que desee en su sitio. Sin embargo, le recomendamos que lo coloque justo encima de las cuadrículas de sus productos, donde los usuarios puedan verlo fácilmente:

Él Búsqueda de Producto block no ofrece muchas opciones de personalización. Sin embargo, tiene la opción de ocultar la etiqueta del campo de búsqueda, de modo que solo se vea la barra de búsqueda.

5. El Todas las reseñas bloquear

Como mencionamos anteriormente, mostrar reseñas puede alentar a los visitantes primerizos a probar sus productos. De hecho, un estudio reciente mostró que casi todos los compradores consultan las reseñas de los clientes antes de realizar una compra. [1].

Como su nombre indica, el Todas las reseñas block le permite mostrar todos los comentarios de sus clientes en un solo lugar:

También obtiene cierto control sobre el diseño y el contenido de sus reseñas. Por ejemplo, puede ocultar cierta información, como los nombres de los revisores y los datos de revisión.

También puede reemplazar las fotos de los revisores con imágenes de productos y seleccionar la cantidad de reseñas que desea mostrar a la vez. Mientras tanto, los usuarios podrán ordenar reseñas por fecha de publicación, calificación más alta y calificación más baja.

Hay varias maneras de mostrar sus reseñas. Por ejemplo, puede colocarlos en su página de inicio para aumentar su visibilidad o agregarlos nuevamente en su página Acerca de.

También puede combinar el Todas las reseñas bloque con otras dos características relacionadas: Reseñas por producto y Reseñas por categoría. Estos bloques le permiten mostrar calificaciones y reseñas de clientes para artículos y categorías particulares.

6. El Producto destacado bloquear

Si desea generar interés en un artículo en particular, el Producto destacado bloque puede ser muy eficaz. Puede resaltar cualquier producto que desee, en cualquier página o publicación en su sitio.

Además, puede crear múltiples Producto destacado Bloques para diferentes artículos. Cuando agregue este bloque a su página, se le pedirá que seleccione un producto:

A continuación, puede personalizar el diseño de su producto destacado:

Por ejemplo, puede ocultar la descripción y el precio del producto y elegir un color de superposición diferente. También hay un selector de punto focal, que le permite cambiar la posición del objeto principal en su imagen.

Además, puedes editar el botón CTA dentro del bloque. Todo lo que tienes que hacer es hacer clic en él y obtendrás una selección de opciones. Por ejemplo, puede actualizar el enlace y personalizar el color y la tipografía del botón:

Sean cuales sean sus preferencias, es importante asegurarse de que los elementos esenciales, como el nombre del producto y el CTA, estén claramente visibles. También querrá asegurarse de que el botón se vincule a la página correcta.

Para una mayor visibilidad, recomendamos mostrar los productos destacados en su página de inicio o en una página de tienda dedicada. Sin embargo, también puede usar este bloque en publicaciones de blog para llamar la atención sobre productos particulares.

También es posible que desee consultar el Categoría destacada bloquear. Esta característica puede ser muy útil si está tratando de aumentar las ventas en categorías de productos particulares.

Comience hoy mismo con los bloques de WooCommerce

En esta publicación, analizamos algunos de los bloques de WooCommerce más esenciales. por ejemplo, el Todos los productos block te permite mostrar todo tu catálogo de productos en una cuadrícula profesional. Mientras tanto, funciones como Productos mejor calificados y Todas las reseñas puede ayudarlo a generar más ventas.