WooCommerce es un plugin de comercio electrónico para WordPress que te permite crear una tienda online en tu sitio web. El editor de bloques Gutenberg, introducido en la versión 5.0 de WordPress, ofrece una nueva forma de crear contenido para tu sitio web, incluyendo la posibilidad de mostrar productos de WooCommerce.
En este artículo, te mostraremos dos métodos sencillos para mostrar un solo producto de WooCommerce en Gutenberg.
Tabla de contenidos
Método 1: Utilizar el bloque de productos.
El bloque de productos es un bloque nativo de Gutenberg que te permite mostrar uno o varios productos de tu tienda online. Para utilizarlo, sigue estos pasos:
- Abre la página o entrada en la que quieras mostrar el producto.
- Haz clic en el botón Añadir bloque.
- Busca el bloque Productos.
- Haz clic en el bloque Productos para añadirlo a la página o entrada.
Una vez que hayas añadido el bloque de productos, puedes configurarlo para que muestre el producto que deseas. Para ello, sigue estos pasos:
- Haz clic en el bloque de productos para abrir su configuración.
- En la sección Producto, selecciona el producto que deseas mostrar.
- En la sección Opciones, puedes configurar el aspecto del producto. Por ejemplo, puedes cambiar el tamaño de la imagen, el número de columnas o la posición del botón de compra.
Una vez que hayas configurado el bloque de productos, haz clic en Guardar para guardar los cambios.
Método 2: Utilizar el shortcode de WooCommerce.
También puedes utilizar el shortcode de WooCommerce para mostrar un solo producto en Gutenberg. Para ello, utiliza el siguiente shortcode:
[product id="ID_DEL_PRODUCTO"]
En este shortcode, reemplaza ID_DEL_PRODUCTO por el ID del producto que deseas mostrar.
Por ejemplo, si el ID del producto es 1234, el shortcode sería el siguiente:
[product id="1234"]
Este shortcode mostrará el producto con el ID 1234 en la página o entrada en la que lo utilices.
Conclusión.
Estos son dos métodos sencillos para mostrar un solo producto de WooCommerce en Gutenberg. El método que elijas dependerá de tus preferencias y necesidades.