Revisión de bloques de woobuilder: construya páginas de productos de WooCommerce con Gutenberg

Si conduce una tienda WooCommerce, siempre desea poner los mejores pies de sus productos para que pueda acumular tantas ventas como sea posible. Pero cuando se trata de la página única del producto de WooCommerce, está casi limitado solo al diseño prefabricado con el que viene su tema. Pero si desea personalizar ese diseño, para un solo producto, una categoría de producto o para todos sus productos? Woobuilder Blocks le brinda la oportunidad de personalizar su página única de productos de WooCommerce utilizando el nuevo editor de bloques de WordPress Drag-and-Drop (también conocido como Gutenberg).
En nuestra revisión de Woobuilder Blocks, compartiré más sobre sus características y le mostraré cómo funciona esta herramienta en una tienda real de WooCommerce. Revisión de bloques de woobuilder: las características básicas de WooBooBouilder Blocks son bastante simples: le permite usar el nuevo editor de bloques de WordPress (Gutenberg) para diseñar sus páginas de productos individuales, activando opcionalmente el editor de bloques para productos individuales y ofrecer acceso a un conjunto de detalles del producto WooCommerce bloques. Puede usarlo para crear páginas de productos de la siguiente manera:

Más o menos:


El artículo continúa a continuación
¡O como lo que quieras! Esta es la idea: puedes construir tus propios modelos. Pero, aunque esta funcionalidad es fácil de entender, las implicaciones son bastante fuertes, ya que le brinda la oportunidad de personalizar completamente todos o algunos de sus productos de WooCommerce. Para controlar dónde aparecen sus dibujos, puede aplicar automáticamente las plantillas que crea ciertas taxonomías de productos. P.ej:
Todos los productos en la categoría X
Todos los productos con T Tag
Y también obtenga algunos bloques útiles nuevos, como un temporizador de conteo inverso para generar urgencia. A partir de esto, puede usar todos los bloques habituales, así como cualquier bloques que agregó con terceros complementos. Esto le brinda mucha flexibilidad para agregar nuevo contenido. Por ejemplo, puede traer una galería de video o testimonios de clientes satisfechos. Y también obtendrá opciones de estilo simples en la barra lateral, al igual que los bloques habituales de Gutenberg. La hoja de ruta de WooBooBouilder bloquea aunque estas características no se han lanzado cuando escribo esta revisión, el desarrollador ya ha lanzado la hoja de productos para lo que está en el camino.
En la fecha límite inmediata trabaja en:
Plantillas pre-priews que puede insertar y personalizar
Más opciones de apariencia para la galería de productos
Un bloque avanzado de apariencia del producto
Y a largo plazo, planea agregar pruebas divididas para productos individuales de WoCommerce. Esta es una característica realmente interesante que le permitirá probar diferentes modelos de un solo producto para encontrar los modelos que mejor se convierten. ¿Estás listo para comprobarlo? Pasemos a practicar y te mostraré cómo funciona …
El artículo continúa a continuación

Básicamente con los bloques Woobuilder: cómo funciona todo para usar los bloques Woobuilder, también necesitará instalar el complemento Caxton Free del mismo desarrollador (PootlePress). Caxton es una colección de bloques de Gutenberg que lo ayudan a crear modelos más complejos y, debido a que Woobuilder Blocks le permite usar bloques de terceros complementos, esto le brinda más flexibilidad para el diseño de productos de WooCommerce. Tanto los bloques de Woobuilder y Caxton están listos para comenzar a construir. Hay dos formas de diseñar sus páginas de productos únicas:

Puede crear plantillas que aplique automáticamente a los productos en función de sus taxonomía.
Puede crear modelos completamente únicos para productos individuales.
Independientemente del enfoque que elija, comenzará de la misma manera, es decir, abrirá un producto en su sitio y haga clic en el botón Woobuilder Bloque:
El uso de bloques de woobuilder que activan los bloques de woobuilder abrirá la misma interfaz familiar del editor de bloques de WordPress que usa para crear publicaciones o páginas. De hecho, esta es una de las cosas hermosas de este enfoque: no tiene que aprender una nueva interfaz:
Para diseñar su producto, podrá utilizar todos los bloques de WordPress habituales, junto con un nuevo conjunto de bloques Woobuilder y los bloques de complementos Caxton:

En total, obtienes bloques dedicados para tu producto WooCommerce …

El artículo continúa a continuación

Título

El botón se suma al carrito

Imágenes
Precio
Reseñas
Productos similares
pestañas
Breve descripción
Metainformación (por ejemplo, categoría de producto)
EVALUACIÓN
Venta de ventas: una buena manera de agregar emergencia contando el reverso hasta el final de la adición, también recibirá los bloques Caxton, que lo ayudan. Kadence Blocks sería otra buena opción aquí, porque ese complemento le ofrece algunas opciones de aspecto muy hermosas.
Por ejemplo, puede crear un aspecto simple con dos columnas con Caxton:
Luego puede agregar sus bloques de Woobuilder a esa apariencia en dos columnas para agregar los detalles del producto. Una cosa es que Woobuilder agregará dinámicamente los detalles reales del producto, lo que ayuda a crear una experiencia más visual. Es decir, si agrega el bloque de precios, mostrará el precio real del producto que edita, en lugar del contenido genérico. Aquí hay un ejemplo simple, en el que la columna izquierda tiene la imagen y la meta información, y la columna derecha tiene el título, el precio y el botón de adición en la canasta:
Y si miras esto en el front-end, puedes ver ese aspecto, junto con el estilo de estilo:

Hablando de estilo, hablemos sobre cómo hacer que el aspecto se vea un poco mejor … Stile Your Woobuilder bloquea para atacar sus diseños, recibirá controles de color e impresión en la barra lateral para cada bloque:

Diferentes bloques tendrán opciones adicionales. Por ejemplo, el bloque Agregar en la canasta le permite agregar un contorno al botón e inserción también. Además, recuerde que puede usar todos los otros bloques. Por ejemplo, para agregar algunas distancias entre diferentes elementos, puede usar el espacio nativo.

Una vez que haga esto, tendrá un poco más de espacio para respirar en la página del producto:

Las cosas de Spice con múltiples bloques nuevamente, una de las cosas verdaderamente cuidadas que Woobuilder Blocks permite hacer es incorporar bloques de terceros de la multitud de complementos. Por ejemplo, suponga que desea agregar un video de Lightbox emergente a la página del producto para ayudarlo a presentar su producto. Agregaría el bloque al Backynd (use apilable para tener acceso a un bloque de video como este). Y luego, voilà, una caja de video pop -up que se ajusta directamente a la página de su producto: o puede traer más bloques de los bloques de Woobuilder. Por ejemplo, el bloque de ventas del medidor es una muy buena manera de agregar urgencia a su tienda cuando los productos tienen descuento:

Cómo guardar su diseño como plantilla Si desea utilizar su diseño para un solo producto, todo lo que tiene que hacer es actualizar el producto y está listo. Sin embargo, si desea reutilizar el aspecto de múltiples productos, puede optar por guardarlo como plantilla:
Cuando haga esto, podrá ver una lista de todas sus plantillas accediendo a productos → Todas las plantillas. Y al editar una plantilla, podrá seleccionar las categorías de productos y las etiquetas que aplicará:

Por ejemplo, si lo aplico a la categoría de accesorios, todos los productos en esa categoría adoptarán automáticamente esa plantilla. Si no desea aplicar la plantilla de todos los productos con cierta taxonomía, puede aplicar rápidamente la plantilla y al editar un producto individual. Woobuilder Blocks Woobuilder Blocks Los precios ofrecen cuatro paquetes. Todos los paquetes están completos, la única diferencia es la cantidad de sitios que puede usar:

1 sitio – $ 49

5 sitios- $ 75

Sitios ilimitados: $ 199

Los pensamientos finales sobre Woobuilder Woobuilder Blocks Blocks es una muy buena manera de integrar el nuevo editor de bloques WooMoMoCommerce WoomCommerce. Sin la necesidad de un complemento de generación de páginas, como Elementor o Beaver Builder, puede obtener el control total sobre el diseño de su producto. Donde esto es realmente poderoso es la combinación de bloques de bloques de woobuilder con todos los nuevos bloques innovadores que crean los desarrolladores de terceros. Esta combinación le brinda mucha flexibilidad, todo sin tener que aprender una nueva interfaz. En general, si le gusta la premisa básica, construir páginas únicas de WooCommerce con el editor de bloques de Gutenberg, debe echar un vistazo. Todo funcionó perfectamente en mi prueba, y la hoja de producto del producto parece realmente interesante en el futuro (principalmente la función de prueba dividida). Para comenzar, haga clic a continuación: Obtenga bloques de woobuilder