WooCommerce: Cómo comenzar con los bloques de WooCommerce - PARTE 1
Publicado: 2022-01-26
Desde WordPress 5.0, el editor predeterminado de páginas/mensajes se ha rediseñado por completo. Seguro que has oído hablar de Gutenberg.
La mala noticia es que WooCommerce se unió a la nueva experiencia de edición mucho más lentamente, y todavía hay cosas importantes que desarrollar para que sea compatible con Gutenberg.
El progreso de la compatibilidad se puede rastrear a través del complemento oficial de WooCommerce Blocks, que dice “ Puede usar este complemento si desea acceder a todos los bloques disponibles para WooCommerce, incluidos los experimentales. Nuestros bloques "estables" actuales están agrupados en WooCommerce y se pueden agregar desde la sección "WooCommerce" en el insertador de bloques ", porque puede encontrar sus bloques "beta" allí, los que ellos llaman "experimentales" y que serán oficialmente liberados en WooCommerce una vez que se aprueban.
En este artículo, profundizaremos específicamente en los bloques de WooCommerce: qué son, por qué son importantes, cuántos bloques hay disponibles y cómo puede usarlos.
Dado que este es un tema muy amplio, tenemos veinte bloques de WooCommerce para cubrir, lo dividiremos en dos partes. Este artículo evaluará los primeros diez Bloques que puedes usar en tu tienda. Pero primero, identifiquemos qué son los bloques de WooCommerce e investiguemos por qué son tan importantes.
¿Qué son los bloques de WooCommerce y por qué son tan importantes?
WooCommerce crea automáticamente páginas como páginas de categorías y páginas de tiendas para mostrar sus productos. Sin embargo, es probable que otro sitio web de WooCommerce parezca similar a su tienda de comercio electrónico, si eligen la misma página y diseño de producto que el suyo.
Sin embargo, con WooCommerce Blocks, puede hacer que su tienda sea única y exhibir sus productos de la manera y el diseño que prefiera.
Los bloques de WooCommerce le brindan más control sobre el diseño de su tienda. Su integración con el Editor de bloques le permite personalizar su tienda sin escribir una sola línea de CSS, agregar código o requerir experiencia en diseño gráfico.
Puede agregar bloques fácilmente con un simple método de arrastrar y soltar. Con la interfaz fácil de usar de WooCommerce Block, puede:
- Crear páginas de tienda personalizadas
- Cree páginas de destino para mostrar una colección de productos
- Agregue bloques de productos en páginas específicas o incluso en publicaciones de blog
- Agrega recomendaciones de productos, reseñas de productos y banners promocionales donde quieras
Entonces, echemos un vistazo a los diferentes bloques de WooCommerce. Obtienes 20 bloques de WooCommerce incorporados cuando instalas WooCommerce . Aquí hay un vistazo a los primeros diez bloques y cómo puede usarlos.
Una lista de bloques esenciales de WooCommerce [Parte 1]
1. Filtros de productos activos
Los filtros de productos facilitan la búsqueda de productos para sus clientes. Sin ellos, existe el riesgo de perder clientes, ya que tendrán que buscar los productos de su elección manualmente. Desafortunadamente, este proceso lleva mucho tiempo y hace que su sitio web sea menos útil e interactivo para su público objetivo.
El bloque Filtros de productos activos muestra los filtros de productos que están actualmente activos en la vista actual (es decir, los filtros que se seleccionaron en el paso anterior). Además, este bloque capturará automáticamente los atributos de su producto, lo que permitirá a sus clientes filtrar los productos activos por cualquier atributo.
Puede diseñar el encabezado del bloque y elegir mostrar los filtros como un chip (similar a los botones) o una lista. Por lo tanto, este bloque facilita la adición de filtros como el tamaño, la forma o el color del producto, lo que lo hace extremadamente conveniente para sus clientes.
2. Todas las reseñas
Mostrar las reseñas de los clientes es una excelente manera de mostrar la credibilidad y la autenticidad de su producto. Actúa como un testimonio del producto en el que los compradores confían más de lo que afirma el producto, lo que aumenta las posibilidades de que los usuarios compren los productos.
Según Trustpilot, el 89% de los clientes lee reseñas en línea antes de comprar los productos. Esto muestra el papel integral que juegan las reseñas de los clientes en sus ventas de comercio electrónico.
Por lo tanto, incluir el Bloque de todas las reseñas en su sitio web de WooCommerce puede cambiar las reglas del juego para las ventas de sus productos.
Este bloque le permitirá mostrar la lista completa de todas las reseñas de productos que recibió en cualquier lugar de su tienda, como la publicación del blog o la página de destino.
Viene con muchas opciones de personalización en las que puede elegir ocultar o mostrar el nombre del producto, el nombre del revisor, la fecha de revisión, la calificación del producto, el contenido de la revisión y la imagen del producto.
Puede personalizar la configuración al permitir que los usuarios ordenen por calificación más baja o más alta, o incluso establecer la cantidad de reseñas para mostrar y agregar una opción de "cargar más reseñas" para sus clientes.
3. Todos los productos
El bloque Todos los productos muestra todos los productos en su tienda WooCommerce y viene con opciones de clasificación y paginación. Puede alinear este bloque con el bloque Filtros de productos activos para mostrar un menú desplegable de clasificación.
Usando su opción de paginación incorporada, sus clientes pueden navegar fácilmente por sus productos hacia adelante y hacia atrás para ver la página completa del producto si no desea mostrar todos los productos en una sola página.
Tiene la opción de seleccionar el orden de clasificación de productos predeterminado, ya sea para ordenar por los productos más recientes o por la popularidad de los productos. También puede ocultar el menú desplegable de clasificación si es necesario. Además, este bloque también le permite agregar contenido adicional como imágenes, texto y videos.
4. Categoría destacada
El Bloque de categoría destacada le permite elegir productos de una categoría de producto en particular que desea configurar y mostrar como una categoría destacada o en un banner de llamada a la acción.
Es una solución perfecta para resaltar una categoría de producto específica en su página de destino o en una publicación de blog, para generar tráfico y maximizar las ventas de esa categoría de producto específica.
Una de sus características más importantes es el Selector de punto focal que le permite arrastrar el punto de enfoque de la imagen del producto para colocarlo perfectamente dentro del contenedor de fondo. Este bloque también le brinda opciones como ocultar o mostrar descripciones de productos, agregar un color superpuesto y cambiar la opacidad.
Por lo tanto, si recientemente lanzó una nueva colección de productos, el bloque Categoría destacada puede ayudarlo a mostrar la colección en varios lugares de su tienda e impulsar las ventas.
5. Productos destacados
El bloque de productos destacados le permite mostrar los productos de su tienda en un banner presentable, de buen impacto y bien diseñado con un llamado a la acción (CTA).
Viene con muchas configuraciones y opciones para mostrar u ocultar el precio y la descripción del producto, controlar la alineación del texto, agregar un color de superposición, ajustar la posición y la opacidad del fondo, anular la foto del producto y cambiar el botón CTA.
Este bloque es la manera perfecta de mostrar productos específicos en las publicaciones de su blog o página de destino y captar la atención de los clientes, atrayéndolos para que realicen la compra.
6. Productos por categoría
El bloque Productos por categoría le permite mostrar productos de una categoría o categorías seleccionadas en una cuadrícula.
Le permite modificar el número de filas y columnas de la cuadrícula con la opción de ocultar o mostrar el título del producto, el precio, la calificación y el botón Agregar al carrito. Este bloque puede crear diferentes secciones con diferentes categorías de productos en su página de inicio.
7. Productos más vendidos
El bloque de productos más vendidos le permite mostrar los productos más vendidos de su tienda en una cuadrícula.
El diseño de este bloque es muy similar al del bloque Productos por categoría con idénticas opciones de personalización. Por ejemplo, puede establecer opciones de filtro apropiadas para los productos, como filtrar por color, tamaño y precio.
Con este bloque, puede alentar a los clientes a navegar a través de sus productos más vendidos y atraerlos para que compren productos por sí mismos.
8. Filtrar productos por precio
Este bloque muestra un control deslizante fácil de usar que permite a los clientes filtrar los productos por precio. Por ejemplo, arrastrar el controlador izquierdo hacia la derecha aumenta el precio, mientras que arrastrar el controlador derecho hacia la izquierda lo reduce.
Puede editar el rango de precios mínimo y máximo y agregar un botón para establecer el nivel de encabezado. Funciona perfectamente en combinación con el bloque Todos los productos.
9. Filtrar productos por atributo
Este bloque agrega un filtro que permite a sus clientes filtrar productos por atributos. Los atributos pueden ser el color, el tamaño o incluso el sabor de los alimentos.
Tiene la opción de mostrar el filtro como una lista o un menú desplegable. Además, puede elegir el nivel del encabezado, incluir el recuento de palabras o agregar un botón.
10. Productos más nuevos
Puede usar este bloque para mostrar todos sus últimos lanzamientos y productos más nuevos en una cuadrícula. Los clientes pueden filtrar los productos según una categoría relevante.
Este bloque es perfecto para exhibir y comercializar las nuevas existencias de su tienda en la página de inicio y atraer más miradas. Sus opciones de personalización son similares a las del Bloque de productos más vendidos.
Conclusión
Ya sea que sea un experto en tecnología o un profesional no técnico, usar WooCommerce Blocks es la forma más fácil y rentable de mostrar sus productos de una manera atractiva y llevar su tienda al siguiente nivel.
Puede promocionar sus productos en cualquier página y publicación de blog en su sitio web. Todo lo que tiene que hacer es arrastrar los bloques a un lugar específico en una página, y la página se actualiza en vivo en tiempo real.
Entonces, si desea animar su tienda WooCommerce y llamar más la atención, use los Bloques WooCommerce mencionados anteriormente.
También tenemos la parte 2 de este artículo con diez bloques WooCommerce más y formas de agregarlos y editarlos con facilidad. ¡Échale un vistazo a medida que salga en vivo la próxima semana!