Wenn Sie Produkte zu Ihrem WooCommerce-Shop hinzufügen, denken Sie wahrscheinlich nicht darüber nach, wie sie alle auf einer Seite gemischt aussehen werden.
Sie haben vielleicht einfache Artikel, Produkte mit mehreren Größen oder Farboptionen, Bundle-Angebote und sogar herunterladbare Dateien, die alle gemischt sind.
Wir haben gesehen, wie verwirrend das für Käufer wird. Sie landen auf Ihrer Shop-Seite und sehen jeden Produkttyp durcheinander gewürfelt, ohne Möglichkeit, sie zu sortieren.
Die Lösung ist das Hinzufügen eines Filters, mit dem Käufer Produkte nach Typ sortieren können. Es gibt ihnen die Kontrolle darüber, was sie sehen, und hilft ihnen, die richtige Art von Produkt in Sekundenschnelle zu finden.
In diesem Artikel zeigen wir Ihnen, wie Sie WooCommerce nach Produkttyp filtern.
Warum WooCommerce-Produkte nach Typ filtern?
Bevor wir den Einrichtungsprozess durchgehen, sprechen wir darüber, warum die Filterung nach Produkttyp für Ihren Shop wichtig ist.
Denken Sie an einen Kunden, der nur Geschenkkarten oder herunterladbare Produkte kaufen möchte. Ohne Filter sind sie gezwungen, an physischen Artikeln vorbeizuscrollen, die sie nicht verwenden können.
Wir haben festgestellt, dass die Vermischung von Produkttypen auch beim Checkout zu Verwirrung führt. Kunden verstehen nicht immer, warum einige Produkte Versandkosten haben, während andere keine haben, oder warum bestimmte Artikel Größenoptionen haben und andere fest sind.
Produktfilter lösen diese Probleme, indem sie es Käufern ermöglichen, genau das einzugrenzen, wonach sie suchen. Jemand, der nach variablen Produkten sucht, kann mit einem Klick alle einfachen Produkte ausblenden.
Dies macht das Einkaufserlebnis reibungsloser und reduziert Frustration. Wenn Kunden die Art von Produkt, die sie benötigen, leicht finden können, ist die Wahrscheinlichkeit höher, dass sie ihren Kauf abschließen.
Schauen wir uns nun an, wie Sie in Ihrem Online-Shop einfach nach Produkttyp filtern können.
WooCommerce-Produkte nach Produkttyp filtern
Der einfachste Weg, Produktfilter nach Typ zu Ihrem WooCommerce-Shop hinzuzufügen, ist die Verwendung von WPFilters.
WPFilters ist das beste WordPress-Filter-Plugin, das die Produktsortierung für Ihre Kunden vereinfacht. Es funktioniert sofort nahtlos mit WooCommerce.
Dieses Plugin wurde vom Team hinter SearchWP entwickelt und bietet Ihnen leistungsstarke Filteroptionen, ohne dass Programmierkenntnisse erforderlich sind. Sie können professionelle Amazon-ähnliche Filter in wenigen Minuten einrichten.
Das Plugin ermöglicht es Ihnen, Filter für Produkttypen, Kategorien, Tags, Attribute und benutzerdefinierte Felder zu erstellen. Ihre Kunden erhalten die Kontrolle, die sie benötigen, um Produkte schneller zu finden.
Hier sind einige Funktionen, die WPFilters bietet:
- Mehrere Filtertypen: Wählen Sie aus Kontrollkästchen, Optionsfeldern, Dropdown-Menüs und mehr, um das Design Ihres Shops anzupassen.
- Teilbare Filter-URLs: Jede gefilterte Suche erstellt einen eindeutigen Link, den Kunden als Lesezeichen speichern oder mit Freunden teilen können.
- Einfache Platzierung: Fügen Sie Filter mit Gutenberg-Blöcken oder einfachen Shortcodes überall auf Ihrer Website hinzu.
- Vollständige WooCommerce-Unterstützung: Speziell entwickelt, um mit WooCommerce-Produktdaten zu funktionieren, einschließlich aller Produkttypen.
- Mobil responsiv: Filter sehen toll aus und funktionieren perfekt auf Handys und Tablets.
Damit wollen wir uns ansehen, wie Sie die Filterung nach Produkttyp in Ihrem Shop einrichten können.
Schritt 1: WPFilters installieren und aktivieren
Zuerst müssen Sie die SearchWP-Website besuchen und sich für ein WPFilters-Konto anmelden.
Sobald Sie Ihr Konto erstellt haben, gehen Sie zu Ihrem Konto-Bereich und klicken Sie auf den Tab „Downloads“.
Klicken Sie von hier aus auf die Schaltfläche WPFilters herunterladen und speichern Sie die Plugin-Dateien auf Ihrem Computer. Wir empfehlen außerdem, Ihren Lizenzschlüssel jetzt zu kopieren, da Sie ihn während der Einrichtung benötigen werden.
Als Nächstes müssen Sie die WPFilters-Plugin-Dateien auf Ihre WordPress-Website hochladen und das Plugin installieren. Wenn Sie Hilfe bei diesem Schritt benötigen, lesen Sie bitte diese Anleitung zum Installieren eines WordPress-Plugins.
Nach der Aktivierung des Plugins erscheint der WPFilters-Einrichtungsassistent auf Ihrem Bildschirm. Klicken Sie auf die Schaltfläche „Los geht’s“ und folgen Sie den Anweisungen auf dem Bildschirm, um die Einrichtung abzuschließen.
Schritt 2: Erstellen Sie ein Filter-Element für den Produkttyp
Jetzt müssen Sie den Filter erstellen, den Ihre Kunden verwenden, um Produkte nach Typ zu sortieren.
Gehen Sie zunächst in Ihrem WordPress-Dashboard zu WPFilters » Elemente und klicken Sie auf die Schaltfläche „Neu hinzufügen“.
Auf dem nächsten Bildschirm beginnen Sie mit der Einrichtung Ihres Filters. Geben Sie zuerst oben einen Namen für Ihren Filter ein, z. B. „Produkttyp-Filter“ oder etwas Ähnliches, das Ihnen hilft, organisiert zu bleiben.
Als Nächstes müssen Sie auswählen, welche Art von Filter Sie erstellen möchten. WPFilters bietet mehrere Kontrollkästchen, Optionsfelder, Dropdown-Menüs und Suchleisten.
Für die Filterung nach Produkttyp empfehlen wir die Option Kontrollkästchen. Dies ermöglicht es Kunden, mehrere Produkttypen gleichzeitig auszuwählen, wenn sie sowohl einfache als auch variable Produkte zusammen sehen möchten.
Sie sehen eine Live-Vorschau Ihres Filters im rechten Bereich des Bildschirms. Diese wird aktualisiert, sobald Sie Ihre Änderungen speichern, sodass Sie genau sehen können, wie er aussehen wird.
Scrollen Sie nun nach unten zum Abschnitt Datenquelle. Hier teilen Sie WPFilters mit, welche Informationen für den Filter verwendet werden sollen.
Klicken Sie einfach auf das Dropdown-Menü und suchen Sie nach der Option Produkttyp. Wählen Sie diese als Ihre Datenquelle aus.
WPFilters erkennt automatisch alle Produkttypen, die Sie in Ihrem Shop verwenden. Dazu gehören in der Regel einfache Produkte, variable Produkte, gruppierte Produkte und externe Produkte.
Schritt 3: Passen Sie Ihren Produkttyp-Filter an
Nachdem Sie Ihre Datenquelle ausgewählt haben, können Sie anpassen, wie der Filter für Ihre Kunden aussieht und sich verhält.
Scrollen Sie einfach nach unten zum Abschnitt Container, um die Anzeigeeinstellungen anzupassen. Hier können Sie steuern, wie der Filter in Ihrem Shop angezeigt wird.
Aktivieren Sie beispielsweise die Option „Titel anzeigen“, wenn Kunden über dem Filter eine Beschriftung wie „Produkttyp“ sehen sollen. Dies hilft ihnen zu verstehen, wonach sie sortieren.
Sie können auch die Option „Einklappbar“ aktivieren, damit Benutzer den Filter ausblenden können, wenn sie ihn nicht benötigen. Dies hält Ihre Seitenleiste übersichtlich und gibt den Kunden die Kontrolle über die Benutzeroberfläche.
Die Option „Horizontal“ ordnet die Filteroptionen nebeneinander anstelle einer vertikalen Liste an.
Als Nächstes sehen Sie sich den Abschnitt Elemente unter den Container-Einstellungen an. Dies steuert, wie einzelne Filteroptionen für Ihre Kunden angezeigt werden.
Aktivieren Sie „Elementanzahl“, um anzuzeigen, wie viele Produkte für jeden Typ vorhanden sind. Zum Beispiel könnte dies „Einfache Produkte (24)“ oder „Variable Produkte (18)“ anzeigen, damit Kunden wissen, was sie erwartet.
Wenn Sie mit dem Aussehen zufrieden sind, scrollen Sie zum Seitenanfang und klicken Sie auf die Schaltfläche Speichern, um Ihre Änderungen zu speichern.
Sie sehen eine Vorschau Ihres abgeschlossenen Filters im rechten Bereich, die genau zeigt, wie er für Kunden angezeigt wird.
Schritt 4: Fügen Sie den Filter zu Ihrem Shop hinzu
Jetzt, da Ihr Filter bereit ist, müssen Sie ihn in Ihrem WooCommerce-Shop platzieren, wo Kunden ihn tatsächlich verwenden können.
WPFilters macht dies einfach, indem es mehrere Möglichkeiten bietet, Ihren Filter einzubetten. Sie können einen Gutenberg-Block, einen Shortcode oder PHP-Code verwenden, wenn Sie mit der Entwicklung vertraut sind.
Klicken Sie zunächst auf die Schaltfläche „Einbetten“ oben auf der Seite Elemente.
Ein Popup-Fenster wird angezeigt, das Ihnen die verschiedenen Einbettungsoptionen zeigt. Sie können den Filter zu einer vorhandenen Seite hinzufügen oder eine neue erstellen.
In diesem Tutorial zeigen wir Ihnen, wie Sie den Filter für Produkttypen zur Seitenleiste Ihrer WooCommerce-Shopseite hinzufügen. Hier erwarten die meisten Kunden, Filteroptionen zu finden.
Gehen Sie einfach zu Darstellung » Widgets in Ihrem WordPress-Dashboard. Beachten Sie, dass diese Schritte je nach verwendetem WordPress-Theme für Ihren Shop leicht variieren können.
Scrollen Sie von hier aus nach unten, um Ihren WooCommerce-Seitenleisten- oder Shop-Seitenleisten-Bereich zu finden. Klicken Sie dann auf die Schaltfläche + , um den WPFilters Element Widget-Block hinzuzufügen.
Sobald Sie den WPFilters Element-Block hinzugefügt haben, müssen Sie ihm mitteilen, welchen Filter er anzeigen soll. Sehen Sie sich den Bereich „Einstellungen“ auf der rechten Seite Ihres Bildschirms an.
Klicken Sie dann auf das Dropdown-Menü „Element auswählen“ und wählen Sie den Filter für Produkttypen aus, den Sie in den vorherigen Schritten erstellt haben.
Wenn Sie fertig sind, klicken Sie oben auf die Schaltfläche Aktualisieren, um Ihre Änderungen zu speichern. Ihr Filter ist jetzt in Ihrem Shop live.
Schritt 5: Testen Sie Ihren Filter für Produkttypen
Nachdem Sie den Filter zu Ihrem Shop hinzugefügt haben, ist der letzte Schritt, ihn zu testen und sicherzustellen, dass alles korrekt funktioniert.
Besuchen Sie Ihre WooCommerce-Shopseite, um den Filter für Produkttypen in Aktion zu sehen. Sie sollten ihn in Ihrer Seitenleiste mit allen Produkttypen aus Ihrem Shop angezeigt sehen.
Der Filter sollte Kontrollkästchen für jeden von Ihnen vorhandenen Produkttyp anzeigen, wie z. B. einfache Produkte, variable Produkte und gruppierte Produkte.
Testen wir nun, ob die Filterung tatsächlich funktioniert. Klicken Sie auf einen der Produkttypen im Filter.
Wenn Sie beispielsweise „Variables Produkt“ aus der Kontrollkästchenliste auswählen, sollte sich Ihre Shopseite aktualisieren und nur Produkte anzeigen, die mehrere Variationen haben, wie z. B. Größen- oder Farboptionen.
Alle Ihre einfachen Produkte, gruppierten Produkte und andere Typen sollten aus der Ansicht verschwinden. Nur die variablen Produkte bleiben sichtbar.
Versuchen Sie, mehrere Produkttypen gleichzeitig auszuwählen, indem Sie mehr als eine Box ankreuzen. Die Shop-Seite sollte nun Produkte aus beiden von Ihnen ausgewählten Typen anzeigen.
Dies gibt Ihren Kunden die Flexibilität, verschiedene Produkttypen zu vergleichen oder sich auf das zu konzentrieren, was sie genau brauchen.
FAQs zu WooCommerce-Produkttypfiltern
1. Kann ich mehrere Filter zu meinem WooCommerce-Shop hinzufügen?
Ja, Sie können so viele Filter erstellen, wie Sie benötigen. Sie können zum Beispiel mehrere Filter in der Seitenleiste stapeln, damit Kunden gleichzeitig nach Produkttyp, Kategorie, Preis und Attributen sortieren können. Jeder Filter funktioniert unabhängig und gibt Käufern präzise Kontrolle darüber, was sie sehen.
2. Funktioniert dies mit meinem aktuellen WooCommerce-Theme?
WPFilters funktioniert mit fast jedem WooCommerce-Theme. Wir haben es mit beliebten Themes wie Astra, Storefront und OceanWP ohne Probleme getestet. Die Filter integrieren sich nahtlos in Ihr bestehendes Seitenleisten- und Shop-Seitenlayout.
3. Müssen Kunden die Seite neu laden, um gefilterte Ergebnisse anzuzeigen?
Standardmäßig wird die Seite aktualisiert, wenn Kunden eine Filteroption auswählen. WPFilters unterstützt jedoch Ajax-Filterung, die Ergebnisse sofort aktualisiert, ohne die gesamte Seite neu zu laden. Dies schafft ein reibungsloseres Einkaufserlebnis für Ihre Kunden.
Das Hinzufügen von Produkttypfiltern zu Ihrem WooCommerce-Shop hilft Kunden, genau das zu finden, wonach sie suchen, ohne irrelevante Produkte durchscrollen zu müssen.
Wir haben Ihnen gezeigt, wie Sie diese Filter mit WPFilters in nur wenigen einfachen Schritten einrichten. Ihre Kunden können nun einfache Produkte, variable Produkte, gruppierte Produkte und mehr mit einem einzigen Klick durchsuchen.
Diese kleine Änderung macht einen großen Unterschied in der Art und Weise, wie Käufer Ihren Shop erleben. Sie verbringen weniger Zeit mit der Suche und mehr Zeit mit dem Kauf, was zu besseren Umsätzen für Ihr Unternehmen führt.
Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie WooCommerce nach Produkttyp filtern können. Möglicherweise möchten Sie auch unsere Anleitungen zum Filtern von WooCommerce-Produkten nach Tags und zum Hinzufügen einer intelligenten WooCommerce-Produktsuche sehen.
Sind Sie bereit, Ihren Kunden mehr Kontrolle über Ihren Produktkatalog zu geben? Sie können hier mit WPFilters loslegen.
