{"id":29481,"date":"2019-04-23T17:05:47","date_gmt":"2019-04-23T15:05:47","guid":{"rendered":"https:\/\/www.hostinet.com\/formacion\/?p=29481"},"modified":"2019-04-23T17:05:47","modified_gmt":"2019-04-23T15:05:47","slug":"woocommerce-bloques-productos-gutenberg","status":"publish","type":"post","link":"https:\/\/www.hostinet.com\/formacion\/woocommerce\/woocommerce-bloques-productos-gutenberg\/","title":{"rendered":"WooCommerce y los Bloques de Productos para Gutenberg"},"content":{"rendered":" <!-- x0 --><div style=\"min-height: 30px; margin-top: 0px; padding-bottom: 7px; z-index: 1;position: relative; float: none;\" class=\"social-container\"><\/div><p>\n\t<img loading=\"lazy\" decoding=\"async\" alt=\"WooCommerce y los Bloques de Productos para Gutenberg\" class=\"aligncenter size-medium wp-image-29494\" height=\"361\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/04\/woocommerce-bloques-productos-600x361.png\" width=\"600\" srcset=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/04\/woocommerce-bloques-productos.png 600w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/04\/woocommerce-bloques-productos-500x301.png 500w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/04\/woocommerce-bloques-productos-350x211.png 350w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>\n<\/p>\n<p>\n\tSi est&aacute;s m&aacute;s o menos al tanto de las novedades en el <strong>mundo WordPress<\/strong>, sabr&aacute;s que con la versi&oacute;n 5.0 se cambi&oacute; el <strong>cl&aacute;sico editor de WordPress<\/strong>, por <strong>Gutenberg<\/strong>.\n<\/p>\n<p>\n\tEl nuevo editor se basa en los llamados <strong>bloques<\/strong> de contenido, algo muy del estilo de los <em>builders<\/em> m&aacute;s populares, en los que el usuario solo tiene que <em>&ldquo;arrastrar&rdquo;<\/em> el bloque con el contenido para colocarlo donde quiera y as&iacute; ir creando el dise&ntilde;o.\n<\/p>\n<p>\n\tHay <strong>bloques de todo tipo<\/strong>, est&aacute;n los habituales de texto o im&aacute;genes, pero bloques para todo tipo de elementos, p&aacute;rrafos, citas, v&iacute;deos, Twitter, salto de p&aacute;gina, etc&hellip;\n<\/p>\n<p>\n\tPara los usuarios de <strong>WooCommerce<\/strong>, a partir de la versi&oacute;n 3.5, se prepar&oacute; un plugin para poder a&ntilde;adir un <strong>bloque de productos<\/strong> directamente en el contenido de la p&aacute;gina.\n<\/p>\n<p>\n\tCon la llegada de la versi&oacute;n <strong>WooCommerce 3.6<\/strong>, la integraci&oacute;n de los bloques WooCommerce en WordPress ha mejorado bastante.\n<\/p>\n<p>\n\tAhora se pueden a&ntilde;adir <strong>nuevos bloques<\/strong> en cualquier parte del contenido. Los nuevos bloques son m&aacute;s vers&aacute;tiles y proponen nuevas formas de mostrar los productos en cualquier parte del contenido de la web.\n<\/p>\n<h2>\n\t<br \/>\n\tPreparativos Previos para usar los Bloques WooCommerce<br \/>\n<\/h2>\n<p>\n\tHay que tener en cuenta algunos aspectos b&aacute;sicos para poder usar estos nuevos bloques en WordPress.\n<\/p>\n<p>\n\t<strong>1. Hay que tener instalado WordPress 5.x<\/strong>\n<\/p>\n<p>\n\t<strong>2. Tener el plugin <a href=\"https:\/\/es.wordpress.org\/plugins\/woo-gutenberg-products-block\/\" target=\"_blank\" title=\"Plugin WooCommerce Blocks\">WooCommerce Blocks<\/a> instalado. <\/strong>\n<\/p>\n<p>\n\t<strong>3. Tener activado el editor Gutenberg en WordPress<\/strong>\n<\/p>\n<p>\n\tHay muchos usuarios que <strong>no se sienten a gusto con el editor Gutenberg<\/strong> todav&iacute;a, as&iacute; que instalan un plugin ofrecido por el propio WordPress, para <strong>volver al editor cl&aacute;sico<\/strong>, aunque se actualice a la versi&oacute;n 5.x de WordPress.\n<\/p>\n<p>\n\tSi se tiene instalado y activo este plugin, no ser&aacute; posible usar los <strong>WooCommerce Blocks<\/strong>.\n<\/p>\n<p>\n\tDespu&eacute;s de eso tenemos que <strong>actualizar WooCommerce<\/strong> a la versi&oacute;n 3.6.x.\n<\/p>\n<p>\n\tComo siempre, <strong>haz una copia de seguridad antes de actualizar<\/strong>. Si hay alg&uacute;n problema en la actualizaci&oacute;n, podr&aacute;s tener tu tienda online en pocos minutos.\n<\/p>\n<p>\n\tSi no tienes un backup preparado, tendr&aacute;s <strong>muchos dolores de cabeza<\/strong>.\n<\/p>\n<blockquote>\n<p>\n\t\tIMPORTANTE: Antes de actualizar, recuerda hacer una copia de seguridad de base de datos y contenido.\n\t<\/p>\n<\/blockquote>\n<p>\n\tPor lo general, si <strong>WooCommerce<\/strong> detecta alg&uacute;n problema con alg&uacute;n otro plugin antes de actualizar, te avisar&aacute; al respecto.\n<\/p>\n<p>\n\t<img loading=\"lazy\" decoding=\"async\" alt=\"woocommerce actualizador problemas en WordPress\" class=\"aligncenter size-medium wp-image-29483\" height=\"166\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/04\/woocommerce-actualizador-problemas-600x166.jpg\" width=\"600\" srcset=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/04\/woocommerce-actualizador-problemas.jpg 600w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/04\/woocommerce-actualizador-problemas-500x138.jpg 500w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/04\/woocommerce-actualizador-problemas-350x97.jpg 350w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>\n<\/p>\n<p>\n\tUna vez hayamos actualizado o instalado todo, ya puedes empezar a usar los bloques de WooCommerce\n<\/p>\n<h2>\n\t<br \/>\n\t8 Bloques WooCommerce Nuevos para Gutenberg<br \/>\n<\/h2>\n<p>\n\tEl uso de los bloques WooCommerce <strong>no tiene nada que ver<\/strong> con la forma de <strong>a&ntilde;adir los productos en WooCommerce<\/strong>, esa parte seguir&aacute; igual que hasta ahora.\n<\/p>\n<p>\n\tDonde encontrar&aacute;s las novedades ser&aacute; en el apartado de bloques de Gutenberg, donde podr&aacute;s encontrar&aacute;s la secci&oacute;n destinada a <strong>WooCommerce<\/strong> con 8 opciones para poder a&ntilde;adir distintos bloques.\n<\/p>\n<p>\n\t<img loading=\"lazy\" decoding=\"async\" alt=\"bloques woocommerce gutenberg WordPress\" class=\"aligncenter size-full wp-image-29485\" height=\"466\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/04\/bloques-woocommerce-gutenberg.jpg\" width=\"426\" srcset=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/04\/bloques-woocommerce-gutenberg.jpg 426w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/04\/bloques-woocommerce-gutenberg-350x383.jpg 350w\" sizes=\"auto, (max-width: 426px) 100vw, 426px\" \/>\n<\/p>\n<p>\n\tEstos son los distintos bloques que puedes encontrar:\n<\/p>\n<ul>\n<li>\n\t\t<strong>&#8211; Producto Destacado<\/strong>\n\t<\/li>\n<li>\n\t\t<strong>&#8211; Productos Elegidos Manualmente<\/strong>\n\t<\/li>\n<li>\n\t\t<strong>&#8211; Productos Recientes<\/strong>\n\t<\/li>\n<li>\n\t\t<strong>&#8211; Productos m&aacute;s Vendidos<\/strong>\n\t<\/li>\n<li>\n\t\t<strong>&#8211; Productos por Categor&iacute;a<\/strong>\n\t<\/li>\n<li>\n\t\t<strong>&#8211; Productos Rebajados<\/strong>\n\t<\/li>\n<li>\n\t\t<strong>&#8211; Productos m&aacute;s Valorados<\/strong>\n\t<\/li>\n<li>\n\t\t<strong>&#8211; Productos por Atributo<\/strong>\n\t<\/li>\n<\/ul>\n<h3>\n\t<br \/>\n\tBloque WooCommerce Producto Destacado<br \/>\n<\/h3>\n<p>\n\tEL bloque de <strong>Producto Destacado<\/strong> puedes usarlo para mostrar un solo producto, pero de forma que destaque mucho m&aacute;s de lo normal, como su propio nombre indica.\n<\/p>\n<p>\n\tPodr&aacute;s configurar varias cosas en este bloque, como la alineaci&oacute;n del texto, mostrar el precio de producto, cambiar el bot&oacute;n, etc&hellip;\n<\/p>\n<p>\n\tSi est&aacute;s hablando de un producto en un post y quieres mostrarlo a lo grande, esta ser&aacute; tu opci&oacute;n.\n<\/p>\n<p>\n\t<img loading=\"lazy\" decoding=\"async\" alt=\"muestra producto destacado WordPress\" class=\"aligncenter size-medium wp-image-29487\" height=\"385\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/04\/muestra-producto-destacado-600x385.jpg\" width=\"600\" srcset=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/04\/muestra-producto-destacado.jpg 600w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/04\/muestra-producto-destacado-500x321.jpg 500w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/04\/muestra-producto-destacado-350x225.jpg 350w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>\n<\/p>\n<h3>\n\t<br \/>\n\tBloque Productos Elegidos Manualmente<br \/>\n<\/h3>\n<p>\n\tEste bloque no tiene mucho misterio. Simplemente <strong>escogeremos los productos<\/strong> que queremos mostrar.\n<\/p>\n<p>\n\tLos productos se mostrar&aacute;n en cuadr&iacute;cula, pudiendo determinar el n&uacute;mero de columnas, si queremos mostrar el precio, bot&oacute;n de a&ntilde;adir al carrito, etc&hellip;\n<\/p>\n<p>\n\t<img loading=\"lazy\" decoding=\"async\" alt=\"muestra productos elegidos WordPress\" class=\"aligncenter size-medium wp-image-29488\" height=\"359\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/04\/muestra-productos-elegidos-600x359.jpg\" width=\"600\" srcset=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/04\/muestra-productos-elegidos.jpg 600w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/04\/muestra-productos-elegidos-500x299.jpg 500w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/04\/muestra-productos-elegidos-350x209.jpg 350w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>\n<\/p>\n<h3>\n\tBloque Productos Recientes<br \/>\n<\/h3>\n<p>\n\tEl bloque de <strong>Productos Recientes<\/strong>se encargar&aacute; de mostrar una selecci&oacute;n de los productos nuevos.\n<\/p>\n<p>\n\tPodemos seleccionar la categor&iacute;a o categor&iacute;as que queremos mostrar en ese bloque y tambi&eacute;n se mostrar&aacute;n en forma de cuadr&iacute;cula.\n<\/p>\n<p>\n\t<img loading=\"lazy\" decoding=\"async\" alt=\"muestra productos recientes WordPress\" class=\"aligncenter size-medium wp-image-29489\" height=\"261\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/04\/muestra-productos-recientes-600x261.jpg\" width=\"600\" srcset=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/04\/muestra-productos-recientes.jpg 600w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/04\/muestra-productos-recientes-500x218.jpg 500w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/04\/muestra-productos-recientes-350x152.jpg 350w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>\n<\/p>\n<h3>\n\t<br \/>\n\tBloque Productos m&aacute;s Vendidos<br \/>\n<\/h3>\n<p>\n\tLos <strong>productos m&aacute;s vendidos<\/strong> son todo un cl&aacute;sico. En la mayor&iacute;a de las tiendas online encontrar&aacute;s un apartado para mostrarlos, ya que ofrecen una confianza al comprador, &ldquo;Si muchos clientes han comprado este producto&hellip;&rdquo;\n<\/p>\n<p>\n\tEl bloque <strong> Productos m&aacute;s Vendidos<\/strong> no ofrece la posibilidad de mostrar estos productos donde queramos.\n<\/p>\n<p>\n\tTambi&eacute;n se mostrar&aacute;n en forma de cuadr&iacute;cula y podemos elegir su dise&ntilde;o, filtrarlos por categor&iacute;as, etc&hellip;\n<\/p>\n<p>\n\t<img loading=\"lazy\" decoding=\"async\" alt=\"muestra productos mas vendidos WordPress\" class=\"aligncenter size-medium wp-image-29490\" height=\"512\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/04\/muestra-productos-mas-vendidos-600x512.jpg\" width=\"600\" srcset=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/04\/muestra-productos-mas-vendidos.jpg 600w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/04\/muestra-productos-mas-vendidos-500x427.jpg 500w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/04\/muestra-productos-mas-vendidos-350x299.jpg 350w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>\n<\/p>\n<h3>\n\t<br \/>\n\tBloque Productos por Categor&iacute;a<br \/>\n<\/h3>\n<p>\n\tSi queremos mostrar los productos por categor&iacute;as tambi&eacute;n podemos hacerlo.\n<\/p>\n<p>\n\tAdem&aacute;s, podemos dar preferencias sobre c&oacute;mo mostrar los productos de la categor&iacute;a, por precio, los m&aacute;s nuevos antes, etc&hellip;\n<\/p>\n<p>\n\t<img loading=\"lazy\" decoding=\"async\" alt=\"muestra productos categoria WordPress\" class=\"aligncenter size-full wp-image-29491\" height=\"403\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/04\/muestra-productos-categoria.jpg\" width=\"599\" srcset=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/04\/muestra-productos-categoria.jpg 599w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/04\/muestra-productos-categoria-500x336.jpg 500w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/04\/muestra-productos-categoria-350x235.jpg 350w\" sizes=\"auto, (max-width: 599px) 100vw, 599px\" \/>\n<\/p>\n<h3>\n\t<br \/>\n\tBloque Productos Rebajados<br \/>\n<\/h3>\n<p>\n\tSi ya has trabajado con WooCommerce, o cualquier otra plataforma de comercio electr&oacute;nico, sabr&aacute;s que los <strong>precios rebajados<\/strong> llaman mucho la atenci&oacute;n de los clientes.\n<\/p>\n<p>\n\tPor supuesto, tienes un bloque para seleccionar los productos rebajados entre los elegidos por WooCommerce.\n<\/p>\n<p>\n\tAdem&aacute;s de a&ntilde;adir los productos rebajados, podr&aacute;s seleccionar la categor&iacute;a o el orden de aparici&oacute;n, los que ofrezcan mayor descuento, los m&aacute;s novedosos, etc&hellip;\n<\/p>\n<p>\n\t<img loading=\"lazy\" decoding=\"async\" alt=\"muestra productos rebajados WordPress\" class=\"aligncenter size-full wp-image-29492\" height=\"346\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/04\/muestra-productos-rebajados.jpg\" width=\"573\" srcset=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/04\/muestra-productos-rebajados.jpg 573w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/04\/muestra-productos-rebajados-500x302.jpg 500w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/04\/muestra-productos-rebajados-350x211.jpg 350w\" sizes=\"auto, (max-width: 573px) 100vw, 573px\" \/>\n<\/p>\n<h3>\n\t<br \/>\n\tProductos m&aacute;s Valorados<br \/>\n<\/h3>\n<p>\n\tEn WooCommerce puedes activar las <strong>valoraciones del producto<\/strong>, que son las t&iacute;picas estrellas en las que los usuarios pueden marcar para mostrar su agrado o desagrado con el producto.\n<\/p>\n<p>\n\tComo consumidor har&aacute;s m&aacute;s o menos caso a estas valoraciones, pero es innegable que tienen su impacto.\n<\/p>\n<p>\n\tSi quieres mostrar un bloque con los productos mejor valorados, solo tienes que seleccionarlo.\n<\/p>\n<p>\n\t<img loading=\"lazy\" decoding=\"async\" alt=\"muestra productos valorados  WordPress\" class=\"aligncenter size-full wp-image-29484\" height=\"404\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/04\/muestra-productos-valorados.jpg\" width=\"591\" srcset=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/04\/muestra-productos-valorados.jpg 591w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/04\/muestra-productos-valorados-500x342.jpg 500w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/04\/muestra-productos-valorados-350x239.jpg 350w\" sizes=\"auto, (max-width: 591px) 100vw, 591px\" \/>\n<\/p>\n<h3>\n\t<br \/>\n\tProductos por Atributo<br \/>\n<\/h3>\n<p>\n\tLos <strong>atributos en WooCommerce<\/strong> son algo muy importante para algunos tipos de tienda online.\n<\/p>\n<p>\n\tSirven para definir los productos dentro de una misma categor&iacute;a o diferentes categor&iacute;as.\n<\/p>\n<p>\n\tPor ejemplo, si vendes camisetas, un atributo ser&iacute;a <em>Managa Corta<\/em> o un color, <em>Rojo<\/em>. As&iacute; un cliente puede ajustar su b&uacute;squeda respecto a los atributos de un producto.\n<\/p>\n<p>\n\tAs&iacute; que si queremos a&ntilde;adir para mostrar los art&iacute;culos de ciertos atributos, podemos hacerlo sin mayores problemas.\n<\/p>\n<p>\n\t<img loading=\"lazy\" decoding=\"async\" alt=\"muestra productos atributo WordPress\" class=\"aligncenter size-medium wp-image-29486\" height=\"395\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/04\/muestra-productos-atributo-600x395.jpg\" width=\"600\" srcset=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/04\/muestra-productos-atributo.jpg 600w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/04\/muestra-productos-atributo-500x329.jpg 500w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/04\/muestra-productos-atributo-350x230.jpg 350w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>\n<\/p>\n<h2>\n\tCosas a Tener en Cuenta<br \/>\n<\/h2>\n<p>\n\tAdem&aacute;s de a&ntilde;adir los <strong>8 bloques distintos<\/strong> de WooCommerce, los desarrolladores hacen hincapi&eacute; en que est&aacute;n <strong>perfectamente integrados con el n&uacute;cleo de WooCommerce<\/strong>, por lo que el rendimiento es muy efectivo a partir de la versi&oacute;n3.6.\n<\/p>\n<p>\n\tComo es habitual en WordPress, la personalizaci&oacute;n es una constante y aunque <strong>los bloques WooCommerce cuentan con personalizaci&oacute;n<\/strong> para adaptarse a todos los dise&ntilde;os, se echa de menos una personalizaci&oacute;n algo m&aacute;s intensa.\n<\/p>\n<h2>\n\tHosting WooCommerce SSD<br \/>\n<\/h2>\n<p>\n\t<a href=\"https:\/\/www.hostinet.com\/hosting-woocommerce-ssd\/\" target=\"_blank\"><img decoding=\"async\" class=\"alignnone size-full\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2024\/03\/banner_hosting_woocommerce.jpg\" alt=\"Hosting WooCommerce\"><\/a><\/p>\n<div style=\"min-height: 30px; margin-top: 0px; padding-bottom: 7px; z-index: 1;position: relative; float: none;\" class=\"social-container\"><\/div> <!-- x1 -->","protected":false},"excerpt":{"rendered":"<p>Si est&aacute;s m&aacute;s o menos al tanto de las novedades en el mundo WordPress, sabr&aacute;s que con la versi&oacute;n 5.0 se cambi&oacute; el cl&aacute;sico editor de WordPress, por Gutenberg. El nuevo editor se basa en los llamados bloques de contenido, algo muy del estilo de los builders m&aacute;s populares, en\u2026 <\/p>\n<div class=\"post-more\">\n<p><a class=\"btn button\" href=\"https:\/\/www.hostinet.com\/formacion\/woocommerce\/woocommerce-bloques-productos-gutenberg\/\">Sigue leyendo &rarr;<\/a><\/p>\n<\/div>\n","protected":false},"author":14,"featured_media":29494,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2054],"tags":[],"class_list":["post-29481","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-woocommerce"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>WooCommerce y los Bloques de Productos para Gutenberg<\/title>\n<meta name=\"description\" content=\"Si usas WooCommerce ahora puedes a\u00f1adir 8 nuevos bloques de contenido para mostrar los productos de tu tienda online en cualquier parte de WordPress. Los nuevos bloques de WooCommerce permiten mostrar productos de forma destacada, productos ofertados,etc y est\u00e1n totalmente integrados en el nuevo editor de WordPress 5.x\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hostinet.com\/formacion\/woocommerce\/woocommerce-bloques-productos-gutenberg\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"WooCommerce y los Bloques de Productos para Gutenberg\" \/>\n<meta property=\"og:description\" content=\"Si usas WooCommerce ahora puedes a\u00f1adir 8 nuevos bloques de contenido para mostrar los productos de tu tienda online en cualquier parte de WordPress. Los nuevos bloques de WooCommerce permiten mostrar productos de forma destacada, productos ofertados,etc y est\u00e1n totalmente integrados en el nuevo editor de WordPress 5.x\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hostinet.com\/formacion\/woocommerce\/woocommerce-bloques-productos-gutenberg\/\" \/>\n<meta property=\"og:site_name\" content=\"Hostinet\" \/>\n<meta property=\"article:published_time\" content=\"2019-04-23T15:05:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/04\/woocommerce-bloques-productos.png\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"361\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Marce Medina\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Hostinet\" \/>\n<meta name=\"twitter:site\" content=\"@Hostinet\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Marce Medina\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/woocommerce\\\/woocommerce-bloques-productos-gutenberg\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/woocommerce\\\/woocommerce-bloques-productos-gutenberg\\\/\"},\"author\":{\"name\":\"Marce Medina\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#\\\/schema\\\/person\\\/c30f2ada08e5d4836b12fd3782d3958f\"},\"headline\":\"WooCommerce y los Bloques de Productos para Gutenberg\",\"datePublished\":\"2019-04-23T15:05:47+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/woocommerce\\\/woocommerce-bloques-productos-gutenberg\\\/\"},\"wordCount\":1240,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/woocommerce\\\/woocommerce-bloques-productos-gutenberg\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wp-content\\\/uploads\\\/2019\\\/04\\\/woocommerce-bloques-productos.png\",\"articleSection\":[\"WooCommerce\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/woocommerce\\\/woocommerce-bloques-productos-gutenberg\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/woocommerce\\\/woocommerce-bloques-productos-gutenberg\\\/\",\"url\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/woocommerce\\\/woocommerce-bloques-productos-gutenberg\\\/\",\"name\":\"WooCommerce y los Bloques de Productos para Gutenberg\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/woocommerce\\\/woocommerce-bloques-productos-gutenberg\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/woocommerce\\\/woocommerce-bloques-productos-gutenberg\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wp-content\\\/uploads\\\/2019\\\/04\\\/woocommerce-bloques-productos.png\",\"datePublished\":\"2019-04-23T15:05:47+00:00\",\"description\":\"Si usas WooCommerce ahora puedes a\u00f1adir 8 nuevos bloques de contenido para mostrar los productos de tu tienda online en cualquier parte de WordPress. Los nuevos bloques de WooCommerce permiten mostrar productos de forma destacada, productos ofertados,etc y est\u00e1n totalmente integrados en el nuevo editor de WordPress 5.x\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/woocommerce\\\/woocommerce-bloques-productos-gutenberg\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/woocommerce\\\/woocommerce-bloques-productos-gutenberg\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/woocommerce\\\/woocommerce-bloques-productos-gutenberg\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wp-content\\\/uploads\\\/2019\\\/04\\\/woocommerce-bloques-productos.png\",\"contentUrl\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wp-content\\\/uploads\\\/2019\\\/04\\\/woocommerce-bloques-productos.png\",\"width\":600,\"height\":361,\"caption\":\"WooCommerce y los Bloques de Productos para Gutenberg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/woocommerce\\\/woocommerce-bloques-productos-gutenberg\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WooCommerce\",\"item\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/category\\\/woocommerce\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"WooCommerce y los Bloques de Productos para Gutenberg\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#website\",\"url\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/\",\"name\":\"Hostinet\",\"description\":\"Hosting y dominios en Espa\u00f1a. La mejor calidad a precios baratos\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#organization\"},\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#organization\",\"name\":\"Hostinet SLU\",\"url\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wp-content\\\/uploads\\\/2016\\\/06\\\/hostinet-logo.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wp-content\\\/uploads\\\/2016\\\/06\\\/hostinet-logo.jpg\",\"width\":600,\"height\":245,\"caption\":\"Hostinet SLU\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/x.com\\\/Hostinet\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#\\\/schema\\\/person\\\/c30f2ada08e5d4836b12fd3782d3958f\",\"name\":\"Marce Medina\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0a5f9094a8c7354a8f35685f8ee6e2089cfd977a0e269cab521f33c67ea47559?s=96&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0a5f9094a8c7354a8f35685f8ee6e2089cfd977a0e269cab521f33c67ea47559?s=96&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0a5f9094a8c7354a8f35685f8ee6e2089cfd977a0e269cab521f33c67ea47559?s=96&r=g\",\"caption\":\"Marce Medina\"},\"sameAs\":[\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"WooCommerce y los Bloques de Productos para Gutenberg","description":"Si usas WooCommerce ahora puedes a\u00f1adir 8 nuevos bloques de contenido para mostrar los productos de tu tienda online en cualquier parte de WordPress. Los nuevos bloques de WooCommerce permiten mostrar productos de forma destacada, productos ofertados,etc y est\u00e1n totalmente integrados en el nuevo editor de WordPress 5.x","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hostinet.com\/formacion\/woocommerce\/woocommerce-bloques-productos-gutenberg\/","og_locale":"es_ES","og_type":"article","og_title":"WooCommerce y los Bloques de Productos para Gutenberg","og_description":"Si usas WooCommerce ahora puedes a\u00f1adir 8 nuevos bloques de contenido para mostrar los productos de tu tienda online en cualquier parte de WordPress. Los nuevos bloques de WooCommerce permiten mostrar productos de forma destacada, productos ofertados,etc y est\u00e1n totalmente integrados en el nuevo editor de WordPress 5.x","og_url":"https:\/\/www.hostinet.com\/formacion\/woocommerce\/woocommerce-bloques-productos-gutenberg\/","og_site_name":"Hostinet","article_published_time":"2019-04-23T15:05:47+00:00","og_image":[{"width":600,"height":361,"url":"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/04\/woocommerce-bloques-productos.png","type":"image\/png"}],"author":"Marce Medina","twitter_card":"summary_large_image","twitter_creator":"@Hostinet","twitter_site":"@Hostinet","twitter_misc":{"Escrito por":"Marce Medina","Tiempo de lectura":"6 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hostinet.com\/formacion\/woocommerce\/woocommerce-bloques-productos-gutenberg\/#article","isPartOf":{"@id":"https:\/\/www.hostinet.com\/formacion\/woocommerce\/woocommerce-bloques-productos-gutenberg\/"},"author":{"name":"Marce Medina","@id":"https:\/\/www.hostinet.com\/formacion\/#\/schema\/person\/c30f2ada08e5d4836b12fd3782d3958f"},"headline":"WooCommerce y los Bloques de Productos para Gutenberg","datePublished":"2019-04-23T15:05:47+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hostinet.com\/formacion\/woocommerce\/woocommerce-bloques-productos-gutenberg\/"},"wordCount":1240,"commentCount":0,"publisher":{"@id":"https:\/\/www.hostinet.com\/formacion\/#organization"},"image":{"@id":"https:\/\/www.hostinet.com\/formacion\/woocommerce\/woocommerce-bloques-productos-gutenberg\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/04\/woocommerce-bloques-productos.png","articleSection":["WooCommerce"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hostinet.com\/formacion\/woocommerce\/woocommerce-bloques-productos-gutenberg\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hostinet.com\/formacion\/woocommerce\/woocommerce-bloques-productos-gutenberg\/","url":"https:\/\/www.hostinet.com\/formacion\/woocommerce\/woocommerce-bloques-productos-gutenberg\/","name":"WooCommerce y los Bloques de Productos para Gutenberg","isPartOf":{"@id":"https:\/\/www.hostinet.com\/formacion\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hostinet.com\/formacion\/woocommerce\/woocommerce-bloques-productos-gutenberg\/#primaryimage"},"image":{"@id":"https:\/\/www.hostinet.com\/formacion\/woocommerce\/woocommerce-bloques-productos-gutenberg\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/04\/woocommerce-bloques-productos.png","datePublished":"2019-04-23T15:05:47+00:00","description":"Si usas WooCommerce ahora puedes a\u00f1adir 8 nuevos bloques de contenido para mostrar los productos de tu tienda online en cualquier parte de WordPress. Los nuevos bloques de WooCommerce permiten mostrar productos de forma destacada, productos ofertados,etc y est\u00e1n totalmente integrados en el nuevo editor de WordPress 5.x","breadcrumb":{"@id":"https:\/\/www.hostinet.com\/formacion\/woocommerce\/woocommerce-bloques-productos-gutenberg\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hostinet.com\/formacion\/woocommerce\/woocommerce-bloques-productos-gutenberg\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.hostinet.com\/formacion\/woocommerce\/woocommerce-bloques-productos-gutenberg\/#primaryimage","url":"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/04\/woocommerce-bloques-productos.png","contentUrl":"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/04\/woocommerce-bloques-productos.png","width":600,"height":361,"caption":"WooCommerce y los Bloques de Productos para Gutenberg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hostinet.com\/formacion\/woocommerce\/woocommerce-bloques-productos-gutenberg\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.hostinet.com\/formacion\/"},{"@type":"ListItem","position":2,"name":"WooCommerce","item":"https:\/\/www.hostinet.com\/formacion\/category\/woocommerce\/"},{"@type":"ListItem","position":3,"name":"WooCommerce y los Bloques de Productos para Gutenberg"}]},{"@type":"WebSite","@id":"https:\/\/www.hostinet.com\/formacion\/#website","url":"https:\/\/www.hostinet.com\/formacion\/","name":"Hostinet","description":"Hosting y dominios en Espa\u00f1a. La mejor calidad a precios baratos","publisher":{"@id":"https:\/\/www.hostinet.com\/formacion\/#organization"},"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.hostinet.com\/formacion\/#organization","name":"Hostinet SLU","url":"https:\/\/www.hostinet.com\/formacion\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.hostinet.com\/formacion\/#\/schema\/logo\/image\/","url":"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2016\/06\/hostinet-logo.jpg","contentUrl":"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2016\/06\/hostinet-logo.jpg","width":600,"height":245,"caption":"Hostinet SLU"},"image":{"@id":"https:\/\/www.hostinet.com\/formacion\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/Hostinet"]},{"@type":"Person","@id":"https:\/\/www.hostinet.com\/formacion\/#\/schema\/person\/c30f2ada08e5d4836b12fd3782d3958f","name":"Marce Medina","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/0a5f9094a8c7354a8f35685f8ee6e2089cfd977a0e269cab521f33c67ea47559?s=96&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/0a5f9094a8c7354a8f35685f8ee6e2089cfd977a0e269cab521f33c67ea47559?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0a5f9094a8c7354a8f35685f8ee6e2089cfd977a0e269cab521f33c67ea47559?s=96&r=g","caption":"Marce Medina"},"sameAs":["https:\/\/www.hostinet.com\/formacion\/"]}]}},"_links":{"self":[{"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/posts\/29481","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/comments?post=29481"}],"version-history":[{"count":3,"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/posts\/29481\/revisions"}],"predecessor-version":[{"id":29495,"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/posts\/29481\/revisions\/29495"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/media\/29494"}],"wp:attachment":[{"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/media?parent=29481"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/categories?post=29481"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/tags?post=29481"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}