So zeigen Sie Produktkategorien und -tags in WooCommerce an 

Möchten Sie wissen, wie Sie Produktkategorien in WooCommerce auf Ihrer Shop- oder Homepage anzeigen?

Kategorien anzuzeigen hilft, Ihre Produkte zu organisieren, Käufer zum richtigen Ort zu leiten und Konversionen zu steigern. In diesem Leitfaden zeige ich Ihnen Schritt für Schritt, wie Sie WooCommerce-Produktkategorien und -Tags hinzufügen und anzeigen, ganz ohne Code. 

Kurze Zusammenfassung: So zeigen Sie WooCommerce-Produktkategorien an

• Kategorien zu Ihrer Homepage hinzufügen
• Kategorien auf der Shop-Seite anzeigen
• Kategorien in Ihrer Seitenleiste anzeigen
• Kategorien zu Ihrem Menü hinzufügen
• Unterkategorien auf Shop-Seiten anzeigen

Video-Anleitung

So fügen Sie Produktkategorien und -tags in WooCommerce hinzu

Das Hinzufügen von Kategorien und Tags in WooCommerce ist einfach. Sie können neue Kategorien und Tags hinzufügen, wenn Sie Produktangebote erstellen oder über das WooCommerce-Dashboard.

WooCommerce-Produktkategorie hinzufügen

Befolgen Sie diese Schritte, um Produktkategorien oder Unterkategorien in WooCommerce hinzuzufügen:

Gehen Sie zuerst zu Produkte » Kategorien in Ihrem WordPress-Adminbereich. Geben Sie dort Ihre Produktkategorieinformationen ein.

Sie können Folgendes einschließen:

• Name
• Slug
• Übergeordnete Kategorie
• Beschreibung
• Anzeigetyp (Produkte/Unterkategorien/beides)
• Miniaturansicht

Klicken Sie auf die Schaltfläche Neue Kategorie hinzufügen, um die Kategorieeintragung zu Ihrer Liste hinzuzufügen.

WooCommerce-Produkt-Tags hinzufügen

Sie können diese Schritte befolgen, um Produkt-Tags in WooCommerce hinzuzufügen:

Gehen Sie zuerst zu Produkte » Tags in Ihrem WordPress-Adminbereich. Auf der nächsten Seite können Sie die folgenden Tag-Informationen eingeben:

• Name
• Slug
• Beschreibung

Klicken Sie auf die Schaltfläche Neuen Tag hinzufügen, um den Tag zu Ihrer Liste hinzuzufügen.

So zeigen Sie Produktkategorien auf Ihrer WooCommerce-Website an

Nachdem Sie gelernt haben, wie Sie Produktkategorien und -tags zu WooCommerce hinzufügen, wie zeigen Sie sie in Ihrem Online-Shop an? Befolgen Sie die untenstehenden Methoden, um WooCommerce-Produktkategorien und -tags in verschiedenen Bereichen Ihres Shops anzuzeigen.

WooCommerce-Produktkategorien auf der Homepage anzeigen

Zuerst sehen wir uns an, wie Sie die Kategorie für Produkte auf Ihrer WooCommerce-Homepage anzeigen. WooCommerce bietet keine einfache Möglichkeit, Produktkategorien auf Ihrer Homepage anzuzeigen.

Die aktuellen Optionen sind:

• Verwenden Sie ein WooCommerce-kompatibles WordPress-Theme, das WooCommerce-Homepage-Bereiche enthält.
• Bearbeiten Sie Ihr Theme und fügen Sie den WooCommerce-Produktkategorien-Shortcode hinzu.

Beide Optionen sind mit viel Arbeit verbunden, daher empfehlen wir die Verwendung eines Website-Builders wie SeedProd, um Ihren WooCommerce-Shop anzupassen.

SeedProd ist der beste Website-Builder für WordPress. Damit können Sie ganze WooCommerce-Websites, Landingpages und benutzerdefinierte WordPress-Themes ohne Code erstellen.

Sie können aus Hunderten von fertigen Vorlagen wählen und diese einfach im Drag-and-Drop-Seiteneditor anpassen. SeedProd bietet viele Blöcke und Abschnitte, um WooCommerce-Inhalte mit wenigen Klicks zu Ihrer Website hinzuzufügen.

Befolgen Sie diese Schritte, um mit SeedProd Produktkategorien zu Ihrer Homepage hinzuzufügen.

Schritt 1. SeedProd installieren und aktivieren

Laden Sie dazu zunächst das SeedProd-Plugin herunter und installieren und aktivieren Sie es auf Ihrer WordPress-Website. Wenn Sie Hilfe benötigen, können Sie dieser Anleitung zum Installieren eines WordPress-Plugins folgen.

Hinweis: Sie benötigen einen SeedProd Elite Plan, um auf WooCommerce-Funktionen zugreifen zu können.

Gehen Sie als Nächstes zu SeedProd » Einstellungen, geben Sie Ihren Lizenzschlüssel ein und klicken Sie auf Schlüssel überprüfen. Dadurch werden die Funktionen Ihres gewählten Plans freigeschaltet.

Sie finden Ihren Lizenzschlüssel in Ihrem SeedProd-Konto-Bereich unter der Registerkarte Downloads.

Schritt 2. Erstellen eines benutzerdefinierten WooCommerce-Themes

Der nächste Schritt ist die Erstellung eines benutzerdefinierten Themes für Ihre WooCommerce-Website. Dies ermöglicht es Ihnen, jeden Teil Ihrer Website mit dem leistungsstarken visuellen Editor von SeedProd anzupassen.

Gehen Sie dazu zu SeedProd » Theme Builder und klicken Sie auf die Schaltfläche Themes.

Auf diesem Bildschirm sehen Sie eine Bibliothek professioneller WordPress-Themes. Sie sind eine hervorragende Möglichkeit, beeindruckende Websites zu erstellen, ohne einen Entwickler einstellen zu müssen, und Sie müssen nicht bei Null anfangen.

Bewegen Sie einfach die Maus über ein Theme, das Ihnen gefällt, und klicken Sie auf das Häkchen-Symbol.

SeedProd erstellt automatisch alle verschiedenen Vorlagen für Ihr Theme und listet sie im Theme Builder-Dashboard auf. Von dort aus können Sie jede Vorlage im visuellen Editor anpassen.

Schritt 3. Passen Sie Ihre WooCommerce-Homepage an

Um Kategorien auf Ihrer WooCommerce-Homepage anzuzeigen, müssen Sie die Homepage-Vorlage bearbeiten. Suchen Sie die Vorlage in Ihrer Liste und klicken Sie auf den Link „Design bearbeiten“, um sie im Seiteneditor von SeedProd zu öffnen.

Das Anpassen Ihrer Homepage mit SeedProd ist super einfach. Links befinden sich Blöcke und Abschnitte, rechts eine Live-Vorschau.

Das Hinzufügen eines Inhaltsblocks zu Ihrer Seite ist so einfach wie Drag & Drop. Sie können dann auf jedes Element klicken, um dessen Inhalts- und Stileinstellungen zu bearbeiten.

Es gibt 2 Möglichkeiten, Produktkategorien mit SeedProd auf Ihrer Homepage anzuzeigen:

1. Produkte nach Kategorie anzeigen
2. Fügen Sie das WooCommerce-Produktkategorie-Widget hinzu

Um die erste Lösungsoption zu verwenden, suchen Sie den Block „Produktraster“ im Abschnitt WooCommerce-Blöcke. Ziehen Sie dann den Block in einen Abschnitt oder eine Zeile auf Ihrer Homepage.

Klicken Sie auf das Produktraster, um das Einstellungsfenster auf der linken Seite zu öffnen. Wählen Sie in diesem Fenster im Dropdown-Menü „Typ“ die Option „Benutzerdefinierte Abfrage“ und aktivieren Sie die Umschaltfläche „Nach Kategorie auswählen“.

Sie können auswählen, welche Produkte einer Kategorie im Raster angezeigt werden sollen. Sie können mehrere Kategorien auswählen, indem Sie die Umschalttaste gedrückt halten.

Nun werden nur Produkte aus Ihren ausgewählten Kategorien auf Ihrer Homepage angezeigt.

Sie können ähnliche Schritte befolgen, um Produkte nur nach Schlagwort auszugeben. Aktivieren Sie einfach die Option „Nach Schlagwort auswählen“ und wählen Sie aus den Optionen aus, welche Schlagwörter eingeschlossen werden sollen.

Sie können auch native WooCommerce-Widgets im visuellen Editor von SeedPod verwenden, einschließlich des Widgets für Produktkategorien.

Gehen Sie dazu zum Abschnitt „Widgets-Blöcke“ und suchen Sie das Widget „Produktkategorien“. Ziehen Sie es dann an die gewünschte Stelle in Ihrem Homepage-Design.

Durch Klicken auf das Widget können Sie:

• Einen Widget-Titel auswählen
• Kategorien nach Namen sortieren
• Als Dropdown anzeigen
• Produktanzahl anzeigen
• Hierarchie anzeigen
• Und mehr

Sie können die Styling-Optionen des Widgets auch im Tab „Erweitert“ steuern.

Schritt 4. Passen Sie den Rest Ihres WooCommerce-Shops an

Nun können Sie mit der Bearbeitung der anderen Vorlagen Ihres WooCommerce-Themes fortfahren.

Hier sind einige Anleitungen, die Ihnen helfen:

• So passen Sie Ihren WordPress-Header an
• So erstellen Sie eine benutzerdefinierte Einzelbeitragsvorlage
• So erstellen Sie eine benutzerdefinierte WooCommerce-Checkout-Seite
• So fügen Sie einen Warenkorb zu WordPress hinzu

Sie können auch den Rest dieses Artikels lesen, um zu erfahren, wie Sie Produktkategorien in Ihrer Seitenleiste und im Navigationsmenü anzeigen.

Schritt 5. Veröffentlichen Sie Ihr WooCommerce-Theme

Wenn Sie mit dem Aussehen Ihres Themes zufrieden sind, gehen Sie zu SeedProd » Theme Builder und schalten Sie in der oberen rechten Ecke die Umschaltfläche SeedProd Theme aktivieren auf „Ein“.

Sie können nun eine Vorschau Ihrer Homepage anzeigen, um zu sehen, wie sie aussieht.

Kategorien auf der WooCommerce-Shop-Seite anzeigen

Zusätzlich zu Ihrer Homepage können Sie SeedProd verwenden, um Kategorien auf Ihrer WooCommerce-Shop-Seite anzuzeigen.

Gehen Sie dazu zu SeedProd » Theme Builder und klicken Sie auf „Design bearbeiten“ bei der Vorlage „Shop-Seite“.

Die Seite wird nun im visuellen Editor geöffnet, wo Sie das Design Ihrer Shop-Seite anpassen können. Befolgen Sie die Schritte der vorherigen Methode, um Ihre Produkte nach Kategorie anzuzeigen.

Alternativ können Sie für jede Produktkategorie ein separates Raster erstellen. Sie können zum Beispiel ein Raster für Getränke, eines für Haarpflege usw. haben.

Sie können auch die vorherige Methode verwenden, um Ihre Produktkategorien in einer Liste oder einem Dropdown-Menü auf Ihrer Homepage anzuzeigen.

Fügen Sie einfach eine neue Spalte zu Ihrer Shop-Seite hinzu und ziehen Sie das Widget „Produktkategorien“ darüber.

Hier ist ein Beispiel dafür, wie das in Echtzeit aussehen würde:

WooCommerce-Kategorien auf der Shop-Seite anzeigen

Einige Website-Besitzer möchten möglicherweise kein neues Theme erstellen, um Produkt-Tags und -Kategorien anzuzeigen. In diesem Fall können Sie die Standard-Shop-Einstellungen von WooCommerce für die Ausgabe der Kategorien verwenden.

Gehen Sie zu Darstellung » Anpassen, klicken Sie dann auf WooCommerce und Produktkategorien.

Wählen Sie unter der Überschrift „Shop-Seitenanzeige“ die Option Kategorien anzeigen.

WooCommerce gibt Ihnen mit den integrierten Einstellungen einige Kontrolle über Ihr Kategorie-Layout. Sie können wählen, ob Sie Unterkategorien, Produkte oder beides anzeigen möchten, je nachdem, wie Ihr WooCommerce-Kategorie-Layout erscheinen soll.

WooCommerce-Unterkategorien im Shop-Layout anzeigen

Sie können auch die Standardeinstellungen von WooCommerce verwenden, um Unterkategorien auf der Shop-Seite anzuzeigen.

Gehen Sie dazu zu Darstellung » Anpassen » WooCommerce » Produktkatalog und wählen Sie unter der Überschrift „Kategorienanzeige“ im Dropdown-Menü „Unterkategorien anzeigen“ aus.

Denken Sie daran, auf die Schaltfläche Veröffentlichen zu klicken, um Ihre Änderungen zu speichern.

WooCommerce-Produktkategorien zur Seitenleiste hinzufügen

Das Hinzufügen von Produktkategorien zur Seitenleiste Ihrer Website ist eine hervorragende Möglichkeit, Käufern zu helfen, schnell zu finden, was sie brauchen. Glücklicherweise können Sie mit SeedProd einfach benutzerdefinierte Seitenleisten zu WordPress hinzufügen.

Um eine Seitenleiste mit SeedProd anzupassen und Ihre Produktkategorien anzuzeigen, gehen Sie zu SeedProd » Theme Builder und öffnen Sie die Seitenleisten-Vorlage.

Sie können den Produktraster-Block ziehen und die Anzeigeoptionen der Abfrage anpassen, um Produkte aus einer Kategorie oder einem Tag anzuzeigen.

Wir haben in diesem Beispiel 2 Produktraster-Blöcke verwendet, um 2 verschiedene Kategorien in unserer Blog-Seitenleiste anzuzeigen.

WooCommerce-Produktkategorie im Navigationsmenü anzeigen

Das Hinzufügen von Produktkategorien zu Ihrem WooCommerce-Menü ist genauso einfach. Gehen Sie zu Darstellung » Menüs, klicken Sie dann oben rechts auf die Registerkarte Bildschirmoptionen.

Klicken Sie in diesem Bereich auf das Kontrollkästchen „Produktkategorien“. Dadurch werden alle Ihre WooCommerce-Kategorien auf dem Menübildschirm angezeigt.

Öffnen Sie als Nächstes den Tab „Produktkategorien“, wählen Sie alle Kategorien aus, die Sie zu Ihrem Menü hinzufügen möchten, und klicken Sie auf die Schaltfläche Zum Menü hinzufügen. 

Sie können sie dann ziehen, um ihre Position im Menü zu ändern. Sie können sie zum Beispiel unter Ihre Shop-Seite einfügen, um ein Dropdown-Menü mit Kategorien anzuzeigen.

Denken Sie daran, Ihr Menü zu speichern, bevor Sie fortfahren. Dies erstellt ein übersichtliches WooCommerce-Kategorienmenü, das Käufern hilft, schnell nach Abschnitten zu suchen.

Nun können Sie die Homepage Ihrer Website besuchen und die Produktkategorien in Ihrem WooCommerce-Navigationsmenü sehen.

Weitere Möglichkeiten zur Anpassung von WooCommerce

Die Anzeige von Produktkategorien und -tags ist nur eine der vielen Möglichkeiten, Ihren Shop anzupassen. Weitere WooCommerce-Anpassungen finden Sie in den folgenden Anleitungen:

• So passen Sie den WooCommerce-Tab „Zusätzliche Informationen“ an
• So fügen Sie die Schaltfläche „Warenkorb anzeigen“ in WooCommerce hinzu
• So ändern Sie den Titel der Shop-Seite in WooCommerce
• So erstellen Sie eine beeindruckende Produktbildergalerie in WooCommerce 
• So fügen Sie Produktseiten in WooCommerce Sternebewertungen hinzu
• So zeigen Sie verwandte Produkte in WooCommerce an
• So erhalten und zeigen Sie Produktbeschreibungen in WooCommerce an
• So zeigen Sie empfohlene Produkte in WooCommerce an 
• So blenden Sie nicht vorrätige Produkte in WooCommerce aus

Häufig gestellte Fragen

Ich hoffe, diese Anleitung hat Ihnen geholfen zu lernen, wie Sie Produktkategorien in WooCommerce auf einfache Weise anzeigen. Egal, ob Sie Ihre Homepage, Ihre Shop-Seite oder Ihr Menü organisieren, die obigen Schritte sollten Ihnen helfen, die Dinge übersichtlich und benutzerfreundlich zu halten.

Wenn Sie Ihren Shop mit SeedProd erstellen, können Sie die Darstellung Ihrer Produkte vollständig steuern – ganz ohne Code.

Wenn Sie noch an Ihrer Website arbeiten, gefällt Ihnen vielleicht dieser Leitfaden zum Hinzufügen einer „Demnächst verfügbar“-Seite zu WooCommerce.

Danke fürs Lesen! Wir würden uns freuen, Ihre Gedanken zu hören. Treten Sie also gerne der Unterhaltung auf YouTube, X und Facebook bei, um weitere hilfreiche Ratschläge und Inhalte für das Wachstum Ihres Unternehmens zu erhalten.