Vertrauenswürdige WordPress-Tutorials, wenn Sie sie am dringendsten benötigen.
Anfängerleitfaden für WordPress
WPB Cup
25 Millionen+
Websites, die unsere Plugins verwenden
16+
Jahre WordPress-Erfahrung
3000+
WordPress-Tutorials von Experten

So filtern Sie WooCommerce-Produkte (Schritt-für-Schritt-Anleitung)

Nach der Zusammenarbeit mit unzähligen WooCommerce-Website-Besitzern haben wir gelernt, dass erfolgreiche Online-Shops ein wichtiges Merkmal gemeinsam haben: Sie machen es den Kunden leicht, genau das zu finden, was sie wollen.

Große Marktplätze wie Amazon verwenden Filter für Preis, Farbe, Größe und Sortierung nach Neuheiten, weil sie verstehen, wie Kunden einkaufen.

Produktfilterung ist entscheidend für das Wachstum eines E-Commerce-Geschäfts. Wenn Kunden nicht schnell finden, wonach sie suchen, verlassen sie den Shop oft ohne Kauf.

Deshalb haben wir diesen Schritt-für-Schritt-Leitfaden erstellt, der Ihnen hilft, effektive Produktfilter zu Ihrem WooCommerce-Shop hinzuzufügen.

Sie lernen, wie Sie attributbasierte Filter erstellen, die die Navigation in Ihrem Shop erleichtern und den Käufern mehr Freude bereiten.

WooCommerce-Produkte filtern

💡Schnelle Antwort: WooCommerce-Produkte filtern

Der einfachste Weg, Produktfilter hinzuzufügen, ist die Verwendung des Plugins YITH WooCommerce Ajax Product Filter.

Nach der Installation des Plugins navigieren Sie zu YITH » Ajax Product Filter, um eine neue Filtervoreinstellung zu erstellen. Wählen Sie dort spezifische Attribute zum Filtern aus, wie z. B. Preis, Farbe oder Kategorie.

Sobald konfiguriert, kopieren Sie einfach den bereitgestellten Shortcode und fügen Sie ihn auf Ihrer Haupt-WooCommerce-Shop-Seite oder in ein Seitenleisten-Widget ein.

Warum WooCommerce-Produkte nach Attribut filtern?

Filter machen es Ihren Kunden super einfach, Produkte in Ihrem WooCommerce-Shop zu durchsuchen.

Sie ermöglichen es Käufern, ihre Suche anhand verschiedener Attribute wie Farbe, Preisspanne, Stoff, Größe und mehr einzugrenzen.

Anstatt Ihre gesamte Produktauswahl zu durchsuchen, können Benutzer einfach die Produkte durchsuchen, an denen sie interessiert sind.

WooCommerce Produktfilter-Vorschau

Das Hinzufügen von Filtern kann die Benutzererfahrung verbessern, die Suchfunktionalität verbessern und die Absprungraten in Ihrem Online-Shop reduzieren.

Sie können auch den Umsatz steigern, indem sie es den Kunden ermöglichen, alle verfügbaren Optionen für die Produkte anzuzeigen, an denen sie interessiert sind, und ihnen so helfen, fundiertere Kaufentscheidungen zu treffen.

Lassen Sie uns nun sehen, wie Sie Produkte in Ihrem WooCommerce-Shop einfach filtern können. Wir zeigen Ihnen, wie Sie WooCommerce-Produkte nach Attribut und benutzerdefiniertem Attribut filtern:

WooCommerce-Produkte nach Attribut filtern

Wenn Sie nach einer schnellen und einfachen Möglichkeit suchen, WooCommerce-Produkte zu filtern, dann ist diese Methode genau das Richtige für Sie. Wir zeigen Ihnen, wie Sie mit einem WooCommerce-Produktfilter-Plugin einen einfachen Filter nach Attributen einrichten.

Zuerst müssen Sie das Plugin YITH WooCommerce Ajax Product Filter installieren und aktivieren. Weitere Anweisungen finden Sie in unserer Schritt-für-Schritt-Anleitung zum Thema Installieren eines WordPress-Plugins.

Hinweis: Es gibt auch eine kostenlose Version des YITH WooCommerce Ajax Product Filter Plugins. Wir werden jedoch die Premium-Version verwenden, die erweiterte Funktionen bietet.

Wir haben das Plugin auf unserer Demowebsite gründlich getestet. Erfahren Sie mehr über unsere Erfahrungen in unserem Testbericht zu YITH WooCommerce Ajax Product Filter.

Nach der Aktivierung gehen Sie im WordPress-Dashboard zur Seite YITH » Ajax Product Filter.

Klicken Sie von hier aus auf die Schaltfläche '+ Neues Preset erstellen', um mit der Erstellung eines Filter-Presets zu beginnen.

Klicken Sie auf „Neues Preset erstellen“

Dort angekommen können Sie mit der Eingabe eines Namens für den Filter in das Feld „Preset name“ beginnen.

Beachten Sie, dass der Name der Voreinstellung nicht in Ihrem Shop angezeigt wird und nur zu Ihrer Information dient.

Geben Sie einen Preset-Namen ein

Wählen Sie als Nächstes einfach „Horizontal“ als voreingestelltes Layout und klicken Sie dann unten auf die Schaltfläche „+ Neuen Filter hinzufügen“.

Wenn Sie die kostenlose Version des Plugins verwenden, ist diese Option für Sie nicht verfügbar. Stattdessen haben Sie das Preset-Layout „Standard“.

Sie können jetzt mit der Erstellung eines Filters für Ihre WooCommerce-Produkte beginnen.

Wählen Sie das horizontale Preset-Layout und klicken Sie auf die Schaltfläche „Neuen Filter hinzufügen“
Filter für WooCommerce-Produkte erstellen

Zuerst müssen Sie einen Filternamen neben der Option „Filtername“ eingeben.

Wenn Sie beispielsweise einen Filter erstellen, der Kunden beim Sortieren von Produktkategorien hilft, können Sie ihn 'Nach Kategorie filtern' nennen.

Als Nächstes können Sie die Parameter für den Filter aus dem Dropdown-Menü „Filtern nach“ auswählen.

Um mehr über die Unterschiede zwischen diesen Optionen zu erfahren, können Sie unseren Leitfaden lesen: So fügen Sie Tags, Attribute und Kategorien zu WooCommerce hinzu.

Wenn Sie einen Filter erstellen, um Produkte nach verschiedenen Preisspannen zu sortieren, müssen Sie die Option „Preisspanne“ wählen. Wenn Sie Produkte nach Beliebtheit oder durchschnittlicher Bewertung sortieren möchten, müssen Sie die Option „Sortieren nach“ wählen.

Sie können auch die Option „Taxonomie“ wählen, wenn Sie Produkt-Tags, Kategorien, Farben, Größen, Materialien, Stile und mehr filtern möchten.

Obwohl Dinge wie Farbe und Größe Attribute sind, speichert WordPress sie technisch als Taxonomien, sodass Sie sie unter dieser Option finden. Für dieses Tutorial werden wir die Option „Taxonomie“ wählen.

Geben Sie einen Filternamen ein und wählen Sie eine Option für den Filter aus dem Dropdown-Menü

Nachdem Sie dies getan haben, müssen Sie aus den Taxonomieoptionen für den Filter auswählen. Wenn Sie beispielsweise Produkte nach Farbe filtern möchten, müssen Sie diese Option aus dem Dropdown-Menü auswählen.

Da wir einen Filter für Produktkategorien erstellen, wählen wir die Option „Product Categories“ aus.

Als Nächstes müssen Sie alle Produktkategorien auf Ihrer Website im Abschnitt „Begriffe auswählen“ eingeben.

Wählen Sie eine Taxonomieoption aus dem Dropdown-Menü und geben Sie dann Begriffe für die Kategorien ein

Danach können Sie im Dropdown-Menü „Filtertyp“ auswählen, wie der Filter im Frontend Ihres Shops angezeigt werden soll.

Sie können den Filter als Kontrollkästchen, Dropdown-Menü, Text, Farbfelder und mehr anzeigen. Für dieses Tutorial wählen wir die Option „Auswählen“, um ein Dropdown-Menü hinzuzufügen.

Wählen Sie einen Filtertyp aus dem Dropdown-Menü

Schalten Sie als Nächstes den Schalter „Show Search Field“ um, wenn Sie ein Suchfeld im Dropdown-Menü aktivieren möchten.

Sie können den Filter, den Sie erstellen, auch als Umschalter anzeigen, indem Sie den Schalter 'Als Umschalter anzeigen' aktivieren. Dann können Kunden den Filter ein- und ausschalten.

Schalten Sie den Schalter für das Suchfeld um

Sobald Sie dies getan haben, wählen Sie einfach eine Standardreihenfolge für die gefilterten Begriffe aus dem Dropdown-Menü 'Sortieren nach'. Die Filterkategorien werden in der von Ihnen gewählten Reihenfolge angezeigt.

Sie können die Filterkategorien nach Name, Anzahl der Begriffe oder Slug sortieren. Sie können auch den „Sortierungstyp“ für die gefilterten Begriffe in aufsteigender (ASC) oder absteigender (DESC) Reihenfolge wählen.

Wählen Sie den Sortierungstyp als aufsteigend oder absteigend

Klicken Sie abschließend unten auf die Schaltfläche 'Filter speichern', um Ihren Filter zu speichern.

Wiederholen Sie nun den Vorgang, um mehrere Filter zu erstellen.

Nachdem Sie dies getan haben, gehen Sie zurück zum Anfang und wechseln Sie zum Tab „Allgemeine Einstellungen“, um einige Einstellungen zu konfigurieren.

Allgemeine Einstellungen konfigurieren

Hier müssen Sie zunächst eine Option „Filtermodus“ auswählen. Sie können auswählen, ob Sie Filter in Echtzeit mit AJAX anwenden möchten oder ob Sie eine Schaltfläche „Filter anwenden“ auf Ihrer Website anzeigen möchten.

Als Nächstes müssen Sie auch zwischen der Anzeige einer Speicher-Schaltfläche oder der sofortigen Anzeige der Filterergebnisse wählen.

Einen Filtermodus wählen

Sobald Sie dies getan haben, wählen Sie aus, ob Sie die Filterergebnisse per AJAX auf derselben Seite anzeigen möchten oder ob die Ergebnisse auf einer neuen Seite neu geladen werden sollen.

Scrollen Sie als Nächstes nach unten zur Option „Leere Begriffe ausblenden“ und aktivieren Sie den Schalter, wenn Sie keine leeren Filterbegriffe anzeigen möchten.

Zum Beispiel, wenn Sie in Ihrem WooCommerce-Shop eine Kategorie 'Tassen' hinzugefügt haben, diese aber derzeit keine Artikel enthält, wird sie in der Liste 'Nach Kategorie filtern' nicht angezeigt.

Danach können Sie den Schalter 'Nicht vorrätige Produkte ausblenden' aktivieren, wenn Sie nicht vorrätige Produkte in den Ergebnissen anzeigen möchten.

Umschalter zum Ausblenden leerer Begriffe oder nicht vorrätiger Produkte

Sie können die anderen Einstellungen als Standard belassen oder sie nach Ihren Wünschen konfigurieren.

Nachdem Sie Ihre Auswahl getroffen haben, klicken Sie auf die Schaltfläche „Optionen speichern“, um Ihre Änderungen zu speichern, und wechseln Sie oben zum Tab „Anpassung“.

Anzeigeeinstellungen konfigurieren (nur Premium-Plugin)

Hinweis: Der Tab 'Anpassung' ist nicht verfügbar, wenn Sie die kostenlose Version des Plugins verwenden.

Von hier aus können Sie die Farbe des Label-Stils Ihres WooCommerce-Filters, die Farbe des Textbegriffs, die Größe der Farbmuster, die Farbe des Filterbereichs und mehr wählen.

Das Hinzufügen von Farben kann dazu beitragen, dass Ihr WooCommerce-Filter ästhetisch ansprechender aussieht und zum Branding Ihres E-Commerce-Shops passt.

Filterfarben anpassen

Nachdem Sie Ihre Auswahl getroffen haben, klicken Sie auf die Schaltfläche „Save Options“ und wechseln Sie zum Tab „SEO“ von oben.

Konfigurieren Sie die SEO-Einstellungen

Sobald Sie dort sind, schalten Sie den Schalter „SEO-Option aktivieren“ um, um die Einstellungen zu aktivieren.

Jetzt können Sie Metatags aus dem Dropdown-Menü hinzufügen, die auf Ihren gefilterten Seiten verwendet werden sollen. Dies wird die SEO Ihrer Website verbessern.

Für weitere Details lesen Sie vielleicht unseren Artikel über WordPress-Metadaten und Meta-Tags.

Sie können auch den Schalter umlegen, um das Attribut „nofollow“ zu Ihren Filterlinks hinzuzufügen. Dies fügt ein spezielles Tag hinzu, das Suchmaschinen mitteilt, diese spezifischen Links nicht zu folgen.

Wir empfehlen, dies zu aktivieren. Es verhindert, dass Google Zeit mit dem Crawlen von Hunderten von temporären Filterseiten verschwendet, sodass es sich auf die Indexierung Ihrer tatsächlichen Produktseiten konzentrieren kann.

Konfigurieren Sie die SEO-Einstellungen für die Filter-Voreinstellung

Wenn Sie zufrieden sind, klicken Sie auf die Schaltfläche 'Optionen speichern', um die Einstellungen zu speichern.

Fügen Sie den WooCommerce-Filter zur Shop-Seite hinzu

Um die gerade erstellten Filter zu Ihrer WooCommerce-Haupt-Shop-Seite hinzuzufügen, müssen Sie oben zum Tab „Filtervoreinstellungen“ wechseln.

Sobald Sie dort sind, kopieren Sie einfach den Shortcode des Filter-Presets, das Sie gerade erstellt haben.

Kopieren Sie den Shortcode für die Filter-Voreinstellung

Öffnen Sie als Nächstes einfach Ihre WooCommerce Shop-Seite im Block-Editor über das WordPress-Dashboard. Dies ist normalerweise die Seite mit dem Titel „Shop“, auf der alle Ihre Produkte aufgelistet sind.

Dort angekommen, klicken Sie auf die Schaltfläche „Block hinzufügen“ (+) in der oberen linken Ecke, um den Shortcode-Block zu finden.

Fügen Sie nun einfach den kopierten Shortcode des Filter-Presets in den Shortcode-Block ein.

Fügen Sie den Filter-Preset-Shortcode zum Block hinzu

Klicken Sie abschließend auf die Schaltfläche „Veröffentlichen“ oder „Aktualisieren“, um Ihre Änderungen zu speichern.

Sie können nun Ihre WordPress-Website besuchen, um den WooCommerce-Benutzerdefinierten-Attribut-Filter in Aktion zu sehen.

WooCommerce Produktfilter-Vorschau

Filtern nach einem neuen globalen Attribut

Wenn Sie Produkte nach bestimmten Details wie „Material“ oder „Marke“ filtern müssen, sollten Sie ein globales Attribut verwenden.

Ein globales Attribut wird in Ihrem Haupt-WordPress-Dashboard erstellt und kann vielen verschiedenen Produkten zugewiesen werden. Dies verbindet sie, sodass Kunden nach diesem spezifischen Begriff filtern können.

Dies unterscheidet sich von einem lokalen „Benutzerdefinierten Produktattribut“, das direkt auf einer einzelnen Produktseite erstellt wird und nicht einfach zum Filtern verwendet werden kann.

Globales Attribut erstellen

Um ein globales Attribut zu erstellen, müssen Sie die Seite Produkte » Attribute im WordPress-Dashboard aufrufen.

Sobald Sie dort sind, geben Sie zunächst einen Namen und einen Slug für das benutzerdefinierte Taxonomieattribut ein.

Wenn Sie beispielsweise einen Filter für ein bestimmtes Produktmaterial erstellen möchten, können Sie dem Attribut den Namen „Nach Material filtern“ geben.

Als Nächstes müssen Sie das Kontrollkästchen „Archive aktivieren“ aktivieren, wenn Sie alle Elemente anzeigen möchten, die dieses Attribut gemeinsam haben, auf einer einzigen Seite. 

Ein Attribut erstellen

Klicken Sie danach auf die Schaltfläche „Attribut hinzufügen“ unten.

Sobald das Attribut erstellt wurde, klicken Sie auf den Link „Configure Terms“, um dem Attribut Begriffe hinzuzufügen.

Klicken Sie auf den Link Begriffe konfigurieren, um Begriffe zu erstellen

Dies führt Sie zu einem neuen Bildschirm, auf dem Sie einen Begriff in das Feld „Name“ eingeben müssen.

Wenn Sie beispielsweise ein Attribut namens 'Nach Material filtern' erstellt haben, können Sie die einzelnen Materialien als Begriffe hinzufügen, z. B. Wolle. Sie können einem Attribut beliebig viele Begriffe hinzufügen.

Sobald Sie fertig sind, klicken Sie auf die Schaltfläche „Neuen Filter nach Material hinzufügen“, um den Begriff zu speichern.

Fügen Sie einen Attributbegriff hinzu
Globales Attribut zu einem Produkt hinzufügen

Nach dem Erstellen eines Attributs müssen Sie es einzelnen WooCommerce-Produkten hinzufügen.

Öffnen Sie dazu die Produktseite, die Sie bearbeiten möchten. Scrollen Sie von hier aus zum Abschnitt „Produktdaten“ und wechseln Sie zum Tab „Attribute“.

Klicken Sie als Nächstes auf das Dropdown-Menü. Anstatt „Benutzerdefiniertes Produktattribut“ auszuwählen, sollten Sie nach dem Namen des gerade erstellten globalen Attributs suchen (z. B. „Nach Material filtern“).

Wählen Sie es aus der Liste aus und klicken Sie dann auf die Schaltfläche „Hinzufügen“.

Wählen Sie das von Ihnen erstellte benutzerdefinierte Attribut aus dem Dropdown-Menü

Nachdem das benutzerdefinierte Attribut hinzugefügt wurde, suchen Sie einfach nach dem Begriff, der dem Produkt entspricht, in der Option „Begriffe auswählen“.

Wenn Sie beispielsweise ein Attribut für Material erstellt haben und das bearbeitete Produkt aus Wolle besteht, müssen Sie aus dem Dropdown-Menü „Wolle“ auswählen.

Wenn Sie fertig sind, klicken Sie auf die Schaltfläche 'Attribute speichern'.

Einen Attributbegriff für das Produkt hinzufügen

Klicken Sie als Nächstes oben auf die Schaltfläche „Aktualisieren“ oder „Veröffentlichen“, um Ihre Änderungen zu speichern.

Sie müssen nun den Vorgang für alle Produkte wiederholen, die dasselbe Attribut teilen.

Erstellen Sie einen benutzerdefinierten Attributfilter mit einem Plugin

Installieren und aktivieren Sie als Nächstes das YITH WooCommerce Ajax Product Filter Plugin. Weitere Anweisungen finden Sie in unserem Leitfaden zur Installation eines WordPress-Plugins.

Hinweis: Sie können die kostenlose oder Premium-Version des Plugins verwenden, um einen benutzerdefinierten Attributfilter für WooCommerce zu erstellen.

Nach der Aktivierung gehen Sie im WordPress-Dashboard zur Seite YITH » Ajax Product Filter .

Klicken Sie von hier aus auf die Schaltfläche „+ Neuen Preset erstellen“.

Klicken Sie auf „Neues Preset erstellen“

Geben Sie als Nächstes einen Namen für die von Ihnen erstellte Voreinstellung in das Feld „Preset name“ ein.

Wenn Sie fertig sind, klicken Sie auf die Schaltfläche „+ Neuen Filter hinzufügen“ unten, um mit der Erstellung eines benutzerdefinierten WooCommerce-Attributfilters zu beginnen.

Filter erstellen

Geben Sie zuerst einen Namen in das Feld „Filter Name“ ein.

Wenn Sie beispielsweise einen Filter erstellen, der Kunden beim Sortieren nach verschiedenen Materialoptionen hilft, können Sie ihn 'Nach Material filtern' nennen.

Wählen Sie als Nächstes einfach 'Taxonomie' aus dem Dropdown-Menü 'Filtern nach'. Wenn Sie die kostenlose Version des Plugins verwenden, ist diese Option standardmäßig für Sie ausgewählt.

Wählen Sie die Taxonomieoption aus dem Filter für das Dropdown-Menü

Nun ist das von Ihnen erstellte benutzerdefinierte Attribut im Dropdown-Menü neben der Option „Taxonomie auswählen“ verfügbar.

Wählen Sie das benutzerdefinierte Attribut aus der Dropdown-Liste aus und geben Sie die Attributbegriffe in das Feld „Begriffe auswählen“ ein.

Wählen Sie den benutzerdefinierten Attributfilter und fügen Sie seine Begriffe hinzu

Als Nächstes müssen Sie im Dropdown-Menü „Filtertyp“ auswählen, wie der Filter im Frontend Ihres Shops angezeigt werden soll.

Der Filter kann als Kontrollkästchen, Dropdown-Menü, Text, Farbfelder und mehr angezeigt werden.

Wählen Sie einen Filtertyp aus dem Dropdown-Menü

Sobald Sie dies getan haben, wählen Sie eine Standardreihenfolge für die gefilterten Begriffe aus dem Dropdown-Menü „Sortieren nach“.

Sie können die Filterkategorien nach Namen, Begriffanzahl oder Slug sortieren. Sie können auch den „Order type“ für die gefilterten Begriffe in aufsteigender (ASC) oder absteigender (DESC) Reihenfolge auswählen.

Wählen Sie den Sortierungstyp als aufsteigend oder absteigend

Klicken Sie abschließend unten auf die Schaltfläche „Filter speichern“, um Ihren benutzerdefinierten Attributfilter zu speichern.

Wechseln Sie als Nächstes zum Tab 'Allgemeine Einstellungen' von oben. Von hier aus können Sie einen Filtermodus auswählen, leere Begriffe ausblenden und andere Einstellungen nach Ihren Bedürfnissen konfigurieren.

Einen Filtermodus wählen

Wenn Sie fertig sind, klicken Sie auf die Schaltfläche „Optionen speichern“, um Ihre Änderungen zu speichern, und wechseln Sie oben zum Tab „Anpassung“.

Hinweis: Wenn Sie die kostenlose Version verwenden, sind diese Anpassungseinstellungen nicht verfügbar.

Von hier aus können Sie anpassen, wie Ihr Filter-Preset auf der Vorderseite Ihrer Website angezeigt wird.

Zum Beispiel können Sie die Farbe des Label-Stils, die Farbe des Textbegriffs, die Größe der Farbmuster, die Farbe des Filterbereichs und mehr wählen.

Filterfarben anpassen

Nachdem Sie Ihre Auswahl getroffen haben, klicken Sie auf die Schaltfläche „Optionen speichern“ und wechseln Sie oben zum Tab „SEO“.

Schalten Sie von hier aus den Schalter 'SEO-Option aktivieren' um, um die Einstellungen zu aktivieren.

Sie können Roboter-Meta-Tags aus dem Dropdown-Menü hinzufügen, die auf Ihren gefilterten Seiten verwendet werden sollen. Dies optimiert das SEO Ihrer Website.

Konfigurieren Sie die SEO-Einstellungen für die Filter-Voreinstellung

Sie können auch den Schalter „‚nofollow‘ zu Filter-Ankern hinzufügen“ umschalten, um das nofollow-Attribut automatisch zu allen Filter-Ankern hinzuzufügen.

Wenn Sie zufrieden sind, klicken Sie auf die Schaltfläche „Save Options“, um die Einstellungen zu speichern.

Benutzerdefinierten Attributfilter zu einer WooCommerce-Produktseite hinzufügen

Um den benutzerdefinierten Attributfilter zu einer WooCommerce-Shopseite hinzuzufügen, müssen Sie oben zum Tab „Filter-Voreinstellungen“ wechseln.

Kopieren Sie von hier aus den Shortcode des benutzerdefinierten Attributfilters.

Kopieren Sie den Shortcode für die Filter-Voreinstellung

Öffnen Sie als Nächstes Ihre Produktseite im Block-Editor über die Admin-Seitenleiste von WordPress.

Klicken Sie hier auf die Schaltfläche „Block hinzufügen“ (+) in der oberen linken Ecke, um den Shortcode-Block per Drag & Drop zu ziehen.

Fügen Sie danach einfach den Filter-Preset-Kurzcode, den Sie kopiert haben, in den Block ein.

Fügen Sie den Filter-Preset-Shortcode zum Block hinzu

Klicken Sie abschließend auf die Schaltfläche „Veröffentlichen“ oder „Aktualisieren“, um Ihre Änderungen zu speichern.

Sie können nun Ihre Website besuchen, um den WooCommerce benutzerdefinierten Attributfilter in Aktion zu sehen.

Vorschau für den benutzerdefinierten Attributfilter

Bonustipps: Stellen Sie sicher, dass Ihre Filter sofort geladen werden

Filter hinzuzufügen ist eine großartige Möglichkeit, die Benutzererfahrung zu verbessern, aber sie müssen schnell sein. Wenn ein Kunde auf einen Filter klickt und ewig auf die Aktualisierung der Produkte warten muss, wird er Ihren Shop wahrscheinlich verlassen.

Da Produktfilter auf komplexen Datenbankabfragen basieren, spielt Ihr Website-Hosting eine große Rolle dabei, wie schnell sie funktionieren. Hier sind einige Möglichkeiten, Ihren Shop reibungslos am Laufen zu halten.

Wechseln Sie zu Hochleistungs-Hosting

Um sicherzustellen, dass Ihre AJAX-Filter sofort geladen werden, empfehlen wir den Wechsel zu SiteGround.

Sie sind ein von WooCommerce empfohlener Hosting-Anbieter, der Ultrafast PHP anbietet. Diese Technologie beschleunigt die für das Filtern von Produkten erforderlichen Datenbankabfragen, wodurch sich Ihr Shop deutlich reaktionsschneller anfühlt.

SiteGround WooCommerce Hosting

Weitere Details dazu, warum Leistung wichtig ist, finden Sie in unserer Fallstudie darüber, warum wir zu SiteGround gewechselt sind.

Erweitertes Caching verwenden

Das Einrichten von erweitertem Caching wird empfohlen, um sicherzustellen, dass Ihre Website sofort geladen wird. Dies speichert eine fertige Version von gefilterten Produktergebnissen, sodass Ihr Server jedes Mal, wenn jemand einen Filter ändert, teure Datenbankabfragen vermeidet.

Sie können eines der besten WooCommerce-Caching-Plugins verwenden, um die Geschwindigkeit zu verbessern. Stellen Sie jedoch sicher, dass Sie das Plugin so konfigurieren, dass die spezifischen Filterergebnisseiten ausgeschlossen werden, damit Kunden immer aktuelle Lagerbestände sehen.

Darüber hinaus können Sie auch versuchen, Ihre Produktbilder optimieren, ein schneller ladendes WooCommerce-Theme wählen, die neueste PHP-Version verwenden, eine Firewall auf DNS-Ebene aktivieren und vieles mehr, um das Kundenerlebnis zu verbessern.

Für detaillierte Anweisungen lesen Sie unseren Leitfaden für Anfänger zum Thema Beschleunigung der WooCommerce-Leistung.

Häufig gestellte Fragen zu WooCommerce-Produktfiltern

Hier sind einige Fragen, die unsere Leser häufig zum Hinzufügen von Produktfiltern in WooCommerce gestellt haben:

Wie verwende ich einen WooCommerce-Produktfilter?

Sie können einfache Filter mit dem integrierten Block „Produkte nach Attribut filtern“ im WordPress-Editor hinzufügen. Für ein professionelles Erlebnis, bei dem sich die Seite sofort ohne Neuladen aktualisiert, empfehlen wir jedoch die Verwendung eines Plugins wie YITH WooCommerce Ajax Product Filter.

Wie filtere ich WooCommerce-Produkte nach benutzerdefinierten Attributen?

Um nach einem benutzerdefinierten Attribut zu filtern, müssen Sie zuerst ein globales Attribut unter Produkte » Attribute erstellen und es Ihren Artikeln zuweisen. Sobald es zugewiesen ist, können Sie ein Filter-Widget oder -Plugin verwenden, damit Kunden Ihre Produkte nach diesem spezifischen Begriff (wie Material oder Marke) sortieren können.

Wie sortiert man Produkte in WooCommerce?

WooCommerce enthält ein standardmäßiges Sortier-Dropdown auf der Shop-Seite, mit dem Kunden nach Preis oder Beliebtheit sortieren können. Als Shop-Betreiber können Sie die Standard-Sortierreihenfolge ändern, indem Sie zu Darstellung » Anpassen » WooCommerce » Produktkatalog gehen.

Wie kategorisiere ich Produkte in WooCommerce?

Sie können Produkte kategorisieren, indem Sie zu Produkte » Kategorien navigieren, um neue Gruppen (wie Herren, Damen oder Accessoires) zu erstellen. Bearbeiten Sie ein Produkt und aktivieren Sie einfach das Kontrollkästchen für die entsprechende Kategorie in der rechten Seitenleiste, um es zuzuweisen.

Wie erstelle ich eine Produktsuche in WooCommerce?

Sie können eine Suchleiste erstellen, indem Sie das Widget 'Produktsuche' zum Seitenbereich oder Header-Bereich Ihrer Website hinzufügen. Für eine leistungsfähigere Suche, die Kategorienabgleich und Tippfehlerkorrektur beinhaltet, empfehlen wir die Verwendung eines spezialisierten Plugins wie SearchWP.

Hat WooCommerce eine Bestellverwaltung?

Ja, WooCommerce verfügt über ein integriertes Bestellverwaltungssystem unter WooCommerce » Bestellungen. Von diesem Dashboard aus können Sie Kundendetails einsehen, Versandstatus aktualisieren, Rückerstattungen bearbeiten und alle eingehenden Bestellungen verwalten.

Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie WooCommerce-Produkte nach Attribut und benutzerdefiniertem Attribut filtern. Möglicherweise möchten Sie auch unseren Artikel darüber lesen, wie Sie einen Versandrabatt in WooCommerce anbieten und unsere Top-Auswahl für die besten WooCommerce-Themes.

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, wenn Sie auf einige unserer Links klicken, können wir eine Provision verdienen. Sehen Sie wie WPBeginner finanziert wird, warum das wichtig ist und wie Sie uns unterstützen können. Hier ist unser Redaktionsprozess.

Das ultimative WordPress-Toolkit

Erhalten Sie KOSTENLOSEN Zugang zu unserem Toolkit – eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Leserinteraktionen

1 CommentLeave a Reply

  1. Als ich WooCommerce zum ersten Mal sah, fiel es mir sehr schwer, mich zurechtzufinden und etwas einzurichten. Produktfilter waren eine Anforderung, die fast jeder hatte, der einen Online-Shop in Erwägung zog. Und es spielt keine Rolle, um welche Art von Produkten es sich handelt – ob Kleidung oder Baumaterialien. Produktfilter sind für einen Online-Shop einfach erwünscht, und ich war gestresst, weil ich nicht wirklich wusste, wie ich sie in WooCommerce implementieren sollte. Dank dieses Artikels habe ich gelernt, wie es geht, und jetzt habe ich endlich die Fähigkeit, nach der alle gefragt haben. Ich kann es von meiner To-Do-Liste der Dinge streichen, die ich noch über WooCommerce lernen muss. Es war ein glücklicher Tag, als ich diese Website fand, denn ich kam als Anfänger hierher und gehe mit so viel Gelerntem wieder weg.

Hinterlassen Sie eine Antwort

Vielen Dank, dass Sie einen Kommentar hinterlassen. Bitte beachten Sie, dass alle Kommentare gemäß unserer Kommentarrichtlinie moderiert werden und Ihre E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwenden Sie KEINE Schlüsselwörter im Namensfeld. Führen wir ein persönliches und bedeutungsvolles Gespräch.