Als ich vorhin Gutenberg auf meinem Test WordPress installiert habe (Anleitung: Wie verwende ich den WordPress Editor Gutenberg?), da hat Gutenberg noch eine weitere Meldung mir angezeigt. Und zwar hat Gutenberg gemerkt, dass ich noch WooCommerce im Einsatz habe, und wollte wissen ob ich das Plugin “WooCommerce Gutenberg Products Block” auch noch installieren möchte.

Keine Frage, natürlich wollte ich es installieren.

Sobald es installiert ist, sieht man eigentlich keinen grossen Unterschied. Ich hab dann sofort geschaut, ob ich nun den Gutenberg auch bei den Produktbeschreibungen verwenden kann, aber da hab ich keine Änderung gesehen – hier funktioniert also Gutenberg mal nicht.

wordpress gutenberg woocommerce produkt anlegen - Anleitung: Gutenberg und WooCommerce

Aber wenn man bei Seiten oder Beiträge den Inhalt mit Gutenberg editieren möchte, sieht man unter Widgets einfach ein neuen Block “Products”. Das heisst man kann da zum Shop und seine Produkte direkt verlinken. Eine gute Sache, so wird die Blogfunktion weiter aufgewertet.

wordpress gutenberg woocommerce widget - Anleitung: Gutenberg und WooCommerce

Wenn man also auf Products draufklickt, bekommt man 4 Punkte zum Auswählen.

wordpress gutenberg woocommerce funktionen - Anleitung: Gutenberg und WooCommerce

Individual Products

Hier kann man direkt via Suchfeld die Produkte direkt aussuchen, man gibt einfach den Name des Produkts an und wählt es aus.

wordpress gutenberg woocommerce individuelle produkte - Anleitung: Gutenberg und WooCommerce

Product Categorie

Man kann natürlich auch alle Produkte einer Kategorie anzeigen lassen. Das ist auch mit einem Klick gemacht.

wordpress gutenberg woocommerce kategorie - Anleitung: Gutenberg und WooCommerce

Filter Products

Spannend wirds mit dieser Funktion, hier kann man nämlich Filtern. Zum Beispiel kann ich da alle Features Produkts anzeigen lassen, oder die Aktionsprodukte oder Topseller Produkte. Aber man kann auch nach Attribute filtern.

wordpress gutenberg woocommerce filter - Anleitung: Gutenberg und WooCommerce

In meinen Augen ist das die wohl geilste Funktion. Man kann hier bei einem T-Shirt Shop also sofort alle T-Shits mit grösse 5XL anzeigen lassen, oder alle Rote T-Shirts. Normalerweise braucht man dafür auch ein zusätzliches Plugin, aber Gutenberg hat das bereits drin.

wordpress gutenberg woocommerce filter attribute - Anleitung: Gutenberg und WooCommerce

All Products

Als letzte Möglichkeit, kann man natürlich auch noch alle Produkte anzeigen lassen.

Wie man hier schön sehen kann, auf der Sidebar, kann man die entsprechenden Einstellungen noch präzisieren und genauer einstellen.

wordpress gutenberg woocommerce alles - Anleitung: Gutenberg und WooCommerce

Fazit zu dieser WooCommerce Gutenberg Erweiterung

Hier gibts nicht viel zu meckern, eigentlich gar nicht. Mit diesem kleinen Plugin, kann man sehr einfach in Blogbeitrage oder Seiten auf entsprechende Produkte im Online Shop verweisen. Man muss kein Code schubsen oder sonst kreativ sein, sondern kann es sehr einfach einbauen…

Eine wirklich feine Sache….

Auch ist es gut zu wissen, dass Gutenberg noch nicht im WooCommerce Editor zu finden ist.