Taula de Continguts
Utilitzar els blocs de Gutenberg per a Woocommerce és la manera més fàcil de mostrar els continguts de la teva botiga online en pàgines i entrades del teu WordPress.
A l’hora de mostrar els productes, continguts o les diferents opcions de visualització que incorpora Woocommerce, tens diverses possibilitats.
Una és deixar que Woocommerce faci la instal·lació automàtica de les seves pàgines per defecte, bàsicament la de botiga, carret, caixa i compte d’usuari.
Per tenir més control i personalitzar la presentació dels continguts, ja vam veure que tens els shortcodes de Woocommerce. Aquests codis curts et permeten crear les mateixes pàgines de Woocommerce d’una forma manual. I també llistats de productes, categories o elements que pots introduir tant en pàgines com també en qualsevol article del teu blog.
Però a més, també tens l’opció d’utilitzar els blocs de Gutenberg per a Woocommerce. Si no t’agrada treballar amb codis, o com a complement a l’anterior, amb el maquetador o editor de continguts per defecte de WordPress tens un gran aliat.
En aquest article veuràs quins blocs de Woocommerce tens amb Gutenberg, i com afegir-ne més.
Els blocs de Gutenberg per a Woocommerce predeterminats
Amb l’editor per defecte de WordPress, el maquetador de blocs Gutenberg, pots mostrar els continguts que necessites a les pàgines estàtiques de la web i a les entrades del teu blog.
I a Gutenberg també disposes de blocs de Woocommerce per incloure elements del teu eCommerce d’una manera fàcil, ràpida i còmode.
Quan edites una pàgina o entrada, només has de seleccionar els bloc de Gutenberg que desitges de la secció de Woocommerce. Recorda que tens accés a les diferents seccions clicant damunt la icona de “+” tant a la barra superior de Gutenberg com dins el propi editor.
El llistat de blocs actualment disponibles és el següent:
- Totes les revisions
- Categoria destacada
- Producte destacat
- Productes escollits a mà
- Els productes més venuts
- Llista de categories de producte
- Productes per categoria
- Productes més nous
- Productes a la venda
- Productes per atribut
- Productes més valorats
- Revisions per producte
- Revisions per categoria
- Cerca de productes
- Productes per etiqueta
- Tots els productes
- Filtrar productes per preu
- Filtrar productes per atribut
- Filtres de productes actius
Per suposat, cada un d’aquests blocs té les seves opcions de configuració. Pots canviar paràmetres dins el propi bloc i a la barra lateral.
En veurem dos com a exemple.
Dos exemples de blocs de productes amb Gutenberg
Bloc de productes escollits a mà
Per exemple, si en un article parles d’un tema relacionat amb un producte de la teva botiga i el vols incloure, incorpores el bloc de productes escollits a mà i podràs seleccionar el producte o productes que vols mostrar des de la configuració del bloc.
A part, també ho pots fer des de la pestanya de bloc a la barra lateral de Gutenberg, on tens opcions addicionals com el nombre de columnes, mostrar o amagar determinats elements dels productes com el preu o les valoracions, o l’ordre de visualització.
I el resultat es mostrarà així quan cliques el botó de Fet.
Bloc de producte destacat
Una altra opció per mostrar un producte en una pàgina de venda específia o en un article és incorporar-lo amb el bloc de producte destacat.
Aquest bloc no és per mostrar només algun dels productes que tenguis configurats com a destacats del teu Woocommerce. Serveix per visualitzar qualsevol producte de la teva botiga amb un format especial, com a imatge d’amplada completa o com a imatge destacada dins l’entrada que estiguis treballant.
Amb aquest bloc tens opcions d’alineació del text i el botó, colors o ajustar l’enquadrament de la imatge del producte, entre d’altres.
Extensions de Blocs de Gutenberg per a Woocommerce
Els blocs de Gutenberg per a Woocommerce incorporats per defecte a l’editor de WordPress van creixent en nombre i opcions de configuració. Però també és possible afegir-ne més mitjançant extensions.
Woocommerce Blocks
En primer lloc, no podem deixar de fer menció a Woocommerce Blocks. Es tracta de l’extensió oficial de Woocommerce. De fet, és una extensió per a provar les noves incorporacions de blocs i les actualitzacions dels ja existents. Però les versions estables dels blocs ja s’inclouen a l’editor de WordPress per defecte amb Woocommerce.
Per tant, en certa manera és duplicar el que ja tens sense afegir un catàleg de novetats gaire extens.
Utilitza’l amb precaució i com a camp de proves.
Gutenberg WooCommerce Blocks
L’extensió Gutenberg Woocommerce Blocks sí que incorpora un catàleg amb prou opcions que el converteixen en una alternativa o un complement als blocs de Gutenberg oficials de Woocommerce .
Amb la seva col·lecció de blocs disposes de llistats, graelles, carroussel de productes, amb filtres i selecció de productes, personalització de tipografies, opcions de navegació i càrrega de productes AJAX i efectes d’animació.
Però perquè vegis una mostra ràpida de les seves possibilitats, que millor que fer un cop d’ull al seu propi vídeo promocional de només 3 minuts.
Conclusions
En aquest article hem fet un repàs a una de les opcions que tens per mostrar continguts del teu eCommerce amb els blocs de Gutenberg.
En primer lloc, has vist que disposes d’una bona col·lecció de blocs incorporats a l’editor de WordPress de manera predeterminada només pel fet de tenir Woocommerce.
I després també pots optar per ampliar o complementar els blocs disponibles i les opcions amb una extensió com la de Gutenberg Woocommerce Blocks.