WooCommerce Blöcke einsetzen

Nach der Installation und Aktivierung von WooCommerce und einem der beiden Eindeutschungs-Plugins, Germanized oder German Market, findest du in WordPress Folgendes:

Neue Seiten – die Seiten Shop, Warenkorb und Kasse werden für den Bestellablauf benötigt, die Seiten AGB und Widerruf für die Rechtssicherheit.
Neue Blöcke – die WooCommerce-Blöcke. Diese WooCommerce-Blöcke kannst und solltest du nutzen, um mehr Umsätze zu generieren. Die WooCommerce-Blöcke sind prima, um deine Besucher von den verschiedenen Bereichen deiner Website abzuholen und in den Shop zu lotsen. WooCommerce-Blöcke sind Zubringer in deinen Shop.

Mit dem Einsatz der WooCommerce-Blöcke spielst du die Vorteile von WordPress und WooCommerce erst so richtig aus.

Alle Bereiche der Website werden damit optimal verzahnt.
Eine einzelne Aktion, wie zum Beispiel das Hinzufügen eines Produkts, eine Produktbewertung oder eine Preisreduktion, führt an mehreren Stellen der Website zu einer automatischen Aktualisierung. Solche Aktualisierung wissen nicht nur Seitenbesucher zu schätzen, auch das Ranking bei den Suchmaschinen wir dadurch positiv beeinflusst.

Wo sind die WooCommerce-Blöcke?

Die WooCommerce-Blöcke sind bei den anderen Blöcken einsortiert. Du findest sie mit einem Klick auf das Pluszeichen oben links, also den Inserter:

WordPress sortiert alle Blöcke nach Einsatzgebieten wie zum Beispiel Text oder Medien. Nach der Installation und Aktivierung von WooCommerce kommen das entsprechende Einsatzgebiet WooCommerce hinzu. Die Woo-Commerce-Blöcke stehen in der Block-Auswahl relativ weit unten, du musst also ein bisschen scrollen.

Ebenso wie bei den Standardblöcke von WordPress gilt auch für WooCommerce-Blöcke:

Mit jeder Version stehen neue Blöcke zur Verfügung.
Mit jeder Version verbessern sich die Konfigurationsmöglichkeiten der Blöcke.

Aktuell stehen unter anderem folgende WooCommerce-Blöcke zur Verfügung:

Produktsuche
Bestseller
Produkte im Angebot

Mit der Installation eines Eindeutschungs-Plugins (WooCommerce Germanized oder German Market) kommen noch weitere Blöcke hinzu. Beispiele:

Nutriscore

WooCommerce-Blöcke einsetzen

Wie setzt du nun einen WooCommerce-Block ein? Ein Beispiel:

Du hast ein neues Produkt in dein Sortiment aufgenommen. In deinem Blog berichtest du über dieses Produkt. Und natürlich soll der Leser das Produkt auch gleich kaufen. Dafür gibt es zwei Methoden:

Veraltete Methode: Ein Link „Hier gehts zum Shop“.
Moderne Methode: Das Produkt erscheint mit Bild, Preis und Kaufbutton im Blogbeitrag.

Die moderne Methode zeige ich dir in diesem Beitrag.

Die Produktsammlung

Einen guten Überblick verschafft der WooCommerce-Block Produktsammlung. In diese „Schublade“ sortiert WordPress zwölf häufig verwendete Blöcke ein:

Hervorgehobene Produkte

Alle Produkte werden angezeigt, die als hervorgehoben gekennzeichnet sind. Diese Kennzeichnung kann über Produkte / Alle Produkte vorgenommen werden. Mit dem Anklicken des Sternsymbols wird ein Produkt hervorgehoben.

Neu eingetroffen

Alle Produkte werden angezeigt, die neu angelegt wurden. In der rechten Seitenleiste kann der Zeitraum ausgewählt werden: 24 Stunden, 7 Tage, 30 Tage oder 3 Monate.

Produkte im Angebot

Alle Produkte mit einem reduzierten Preis werden angezeigt. Die Preisreduktion wird auf der einzelnen Produktseite unter Allgemein / Abgebotspreis eingegeben.

Bestseller

Hier blendet WooCommerce automatisch diejenigen Produkte ein, die am meisten verkauft wurden. Die Anzahl der angezeigten Produkte kann in der rechten Seitenleiste eingestellt werden.

Bestbewertete Produkte

Hier listet WooCommerce die am besten bewerteten Produkte auf. Allerdings sind dazu ein paar Vorbereitungen notwendig. Zunächst muss das Bewertungssystem von WooCommerce generell aktiviert werden:

Klicke im Backend von WordPress auf WooCommerce/Einstellungen/Produkte.
Setze bei Bewertungen einen Haken in die Checkbox vor Produktbewertungen aktivieren.

Ab jetzt ist das Bewertungssystem freigeschaltet, allerdings nur für neu angelegte Produkte. Für bereits bestehende Produkte muss die Bewertungsoptionen nachträglich freigeschaltet werden. Führe folgende Schritte durch:

Klicke auf die betreffende Produktseite.
Klicke Sie auf Produktdaten/Erweitert.
Setze einen Haken in die Checkbox vor Produktbewertungen erlauben.

Handverlesene Produkte

Hier blendet WooCommerce handverlesene Produkte ein. Die gewünschten Produkte können in der rechten Seitenleiste über das Feld Suche nach anzuzeigenden Produkten ausgewählt werden.

Produkte nach Kategorien

Hier blendet WooCommerce Produkte aus bestimmten Produktkategorien ein. Die gewünschten Produktkategorien können in der rechten Seitenleiste über das Feld Produktkategorien ausgewählt werden.

Produkte nach Schlagwort

Hier blendet WooCommerce Produkte aus bestimmten Produktschlagwörtern ein. Die gewünschten Produktschlagwörter können in der rechten Seitenleiste über das Feld Produktschlagwörter ausgewählt werden.

Einzelnes Produkt in Blogbeitrag einfügen

Wichtige WooCommerce-Blöcke

Produkt-Suche: Ein Suchfeld, mit dem Kunden nach Produkten in deinem Shop suchen können.
Produkt-Kategorien: Zeigt eine Liste oder ein Raster von Produktkategorien an.
Einzelnes Produkt: Zeigt ein einzelnes Produkt an. Dieses Produkt wählst du aus stellst es zum Beispiel in einem Blogbeitrag näher vor.
Produkt Raster: Zeigt eine Auswahl von Produkten in einem Raster-Layout an.

Alle WooCommerce-Blöcke in der Übersicht

Blöcke für Produkte und Produktlisten

Produktsammlung: Der Universal-Block zur Anzeige von bestimmten Produkten. Er erlaubt detaillierte Einstellungen für die Sortierung und das Layout.
Bestseller: Zeigt eine Liste der am häufigsten verkauften Artikel an.
Neueste Produkte: Listet die Artikel auf, die zuletzt im Shop veröffentlicht wurden.
Angebotsübersicht: Zeigt gezielt alle Produkte an, für die aktuell ein reduzierter Preis hinterlegt ist.
Handverlesene Produkte: Ermöglicht die manuelle Auswahl spezifischer Produkte zur gezielten Bewerbung.
Hervorgehobenes Produkt: Stellt ein einzelnes Produkt inklusive Bild und Beschreibung dar.
Hervorgehobene Kategorie: Präsentiert eine ausgewählte Produktkategorie visuell prominent.

Produktfilter-Blöcke

Produktsuche: Ein Suchfeld, das ausschließlich Ergebnisse innerhalb des Produktkatalogs liefert.
Nach Preis filtern: Ein Schieberegler zur Eingrenzung des Preisrahmens.
Nach Attribut filtern: Ermöglicht das Filtern nach Merkmalen wie Größe, Farbe oder Material.
Aktive Produktfilter: Zeigt eine Übersicht aller vom Kunden gewählten Filter an und erlaubt deren Deaktivierung.
Lagerstatus: Filtert Produkte danach, ob sie sofort lieferbar, vergriffen oder vorbestellbar sind.

Warenkorb- und Kasse-Blöcke

Warenkorb: Eine umfassende Ansicht aller hinzugefügten Produkte inklusive Versandkostenberechnung und Gutscheinfeld.
Kasse: Das zentrale Formular zur Eingabe von Lieferadressen und zur Auswahl der Zahlungsarten.
Mini-Warenkorb: Eine kompakte Schaltfläche für den Header-Bereich, die eine schnelle Übersicht über den aktuellen Warenkorbinhalt bietet.

Rezensions-Blöcke

Alle Rezensionen: Listet sämtliche Kundenbewertungen des gesamten Shops auf.
Rezensionen nach Produkt: Zeigt gezielt die Bewertungen für ein ausgewähltes Einzelprodukt an.
Rezensionen nach Kategorie: Bündelt die Kundenstimmen zu allen Produkten einer bestimmten Kategorie.

WooCommerce Blöcke einfügen

WooCommerce-Blöcke können in allen Bereichen deiner WordPress-Website eingefügt werden. Hier sind die Hauptmöglichkeiten:

Seiten
Du kannst WooCommerce-Blöcke direkt in den Inhalt deiner Seiten einfügen.
Blogbeiträge
Du kannst WooCommerce-Blöcke direkt in den Inhalt deiner Blogbeiträge einfügen. Tipp: Kommentarfunktion aktivieren und in Beiträge einfügen, die viele Kommentare generiert haben
Header und Footer
Einige WooCommerce-Blöcke können auch im Header oder Footer der Website eingefügt werden.
Produktseiten
Auch auf Produktseiten und anderen Shoobereichen kannst du WooCommerce-Blöcke einfügen
Startseite:
Du hast den Shop selbst nicht auf deiner Startseite? Dann nutze die Möglichkeit, einzelne WooCommerce-Blöcke als „Zubringer“ einzusetzen!