Was sind sie und wie man sie benutzt

Das Betreiben eines Online-Shops kann eine Herausforderung sein. Sie müssen Ihre Produkte so organisieren, dass Kunden die Artikel finden, nach denen sie suchen. Glücklicherweise können WooCommerce-Produktfilterblöcke benutzerdefinierte Elemente in Sekundenschnelle gruppieren und anzeigen.

Mit Produktfilterblöcken können Sie Ihre WooCommerce-Shop-Artikel nach ihren Eigenschaften organisieren. Dazu können ihre Preise, Kategorien, Attribute oder Tags gehören. Dann müssen Sie den Block einfach in einen Beitrag oder eine Seite einfügen, und Ihre Kunden können gefilterte Ergebnisse finden.

In diesem Leitfaden stellen wir die verschiedenen WooCommerce-Produktfilterblöcke vor und erörtern, warum Sie sie verwenden sollten. Anschließend erklären wir, wie Sie diese Elemente in Ihren Online-Shop einfügen und konfigurieren. Lass uns anfangen!

Inhaltsverzeichnis:

Eine Einführung in die Produktfilterblöcke von WooCommerce

WooCommerce verfügt über eine Sammlung von WooCommerce-Blöcken, mit denen Benutzer nach bestimmten Produkten in Ihrem Online-Shop suchen können. Diese interaktiven Elemente ermöglichen es Verbrauchern, ihre Ergebnisse zu filtern und Artikel zu finden, die ihren Bedürfnissen am besten entsprechen.

Hier ist ein kurzer Überblick über die kostenlosen WooCommerce-Produktfilterblöcke:

• Produkte nach Preis filtern: Mit diesem Block können Kunden mithilfe eines Schiebereglers eine Preisspanne auswählen und nur Artikel anzeigen, die in diese Spanne passen.
• Produkte nach Attributen filtern: Kunden können Artikel nach ihren Attributen suchen, einschließlich Größen, Farben und Stilen.
• Aktive Produktfilter: Sie helfen Kunden zu sehen, welche Filter sie bereits auf ihre Suche angewendet haben, damit sie sie anpassen können.
• Produkte nach Lagerbestand filtern: Dieser Block zeigt nur Artikel auf Lager, nicht auf Lager oder im Rückstand.

Sie können diese Blöcke auf Beiträgen, Seiten und Widget-Bereichen verwenden. Bei der Interaktion mit dem Block können Kunden aus vordefinierten Parametern auswählen, um die gefilterten Ergebnisse anzuzeigen.

Wenn Sie mehr Flexibilität beim Einrichten von Produktfiltern wünschen, können Sie auch ein spezielles WooCommerce-Produktfilter-Plugin installieren. Wir werden später in diesem Artikel einige Qualitätsoptionen vorstellen.

Warum Sie die Verwendung von WooCommerce-Produktfilterblöcken in Betracht ziehen könnten

WooCommerce-Produktfilterblöcke können die Benutzererfahrung (UX) Ihres Online-Shops erheblich verbessern. Wenn Sie über einen umfangreichen Produktkatalog verfügen, verbringen Kunden möglicherweise Stunden damit, durch Ihre Artikel zu scrollen, während sie nach denjenigen suchen, die ihren Bedürfnissen entsprechen. Sie werden jedoch wahrscheinlich frustriert sein und wegklicken, um woanders einzukaufen.

Abhängig von den von Ihnen verkauften Waren ermöglichen Produktfilter den Kunden, Ihren Shop nach Farben, Größen, Zutaten und Marken zu durchsuchen, die ihren Bedürfnissen entsprechen. Außerdem werden die Ergebnisse auf derselben Seite aktualisiert. Daher müssen Verbraucher nicht zu Kategorieseiten navigieren und ihr Einkaufserlebnis unterbrechen.

So verwenden Sie WooCommerce-Produktfilterblöcke

In diesem ersten Abschnitt zeigen wir Ihnen, wie Sie die standardmäßigen Produktfilterblöcke verwenden, die WooCommerce automatisch enthält. Auch hier können Sie für mehr Flexibilität eines der WooCommerce-Produktfilter-Plugins im nächsten Abschnitt in Betracht ziehen.

Die meisten WooCommerce-Produktfilterblöcke funktionieren auf die gleiche Weise. Sie fügen einfach den Block ein und bestimmen dann, welche Produkteigenschaften angezeigt werden.

Sie finden alle diese Blöcke in WordPress, indem Sie auf die Schaltfläche + klicken, um einen neuen Block einzufügen, und nach „WooCommerce-Filter“ suchen:

Denken Sie daran, dass Sie Ihren WooCommerce-Produkten zunächst Attribute, Tags, Kategorien und andere Merkmale hinzufügen müssen. Andernfalls haben Sie keine Daten, die Sie in Ihrem Block verwenden können.

Schauen wir uns nun an, wie man WooCommerce-Produktfilterblöcke verwendet. Wir verwenden das Filter Products by Attribute -Element als Beispiel.

Schritt 1: Fügen Sie Ihren WooCommerce-Produkten Attribute hinzu

️ Hinweis – für andere Filter (z. B. Preis oder Lagerbestand) müssen Sie keine Attribute einrichten.

Wenn Sie dies noch nicht getan haben, sollten Sie Ihren WooCommerce-Produkten Kategorien, Tags und Attribute hinzufügen. Diese Taxonomien erleichtern es Kunden, ihre gewünschten Artikel zu finden. Darüber hinaus funktionieren WooCommerce-Produktfilterblöcke ohne diese Klassifizierungen nicht.

Beginnen Sie, indem Sie in Ihrem WordPress-Dashboard zu Produkte > Attribute navigieren. Hier können Sie neue Klassifizierungen für Ihre Produkte erstellen. Wie Sie sehen können, haben wir Farbe und Größe bereits in unserem Online-Shop:

Sie müssen einen Namen und einen Slug für Ihr neues Attribut eingeben. Klicken Sie anschließend auf Attribut hinzufügen , um die Klassifizierung zu speichern. Beachten Sie, dass Sie denselben Prozess für Produktkategorien (und Unterkategorien) und Tags anwenden können.

Öffnen Sie dann Ihre Produkte, um ihre Taxonomien hinzuzufügen. Navigieren Sie dazu zu Produkte > Alle Produkte und klicken Sie auf einen Artikel.

Scrollen Sie nun nach unten zum Abschnitt Produktdaten und öffnen Sie das Menü Attribute :

Sie können Ihrem Produkt Attribute hinzufügen, indem Sie sie aus dem Dropdown-Menü auswählen und auf Hinzufügen klicken. Wählen Sie dann den Dropdown-Pfeil neben dem Attribut, um Ihre benutzerdefinierten Informationen einzugeben.

In unserem Beispiel haben wir beispielsweise Rot als Farbattribut zu unserem Produkt hinzugefügt:

Wenn Sie alle Ihre Variablen hinzugefügt haben, klicken Sie auf Attribute speichern . Jetzt können Kunden Artikel mit diesen Eigenschaften über Ihren WooCommerce-Produktfilterblock finden.

Schritt 2: Setzen Sie Ihren Produktfilterblock ein

Als Nächstes müssen Sie die Seite oder den Beitrag öffnen, auf der Sie Ihren Produktfilterblock verwenden möchten. Sie können das Element auch in einer Seitenleiste auf Ihren Shop-Seiten verwenden, damit Kunden ihre Ergebnisse beim Stöbern filtern können.

Zuerst müssen Sie Ihrer Seite den Block Alle Produkte hinzufügen. Andernfalls kann WooCommerce bestimmte Artikel nicht filtern und anzeigen.

Sie können dies tun, indem Sie auf die Schaltfläche + klicken und nach „Alle Produkte“ suchen. Wählen Sie den Block aus und fügen Sie ihn Ihrer Seite hinzu:

Suchen Sie als Nächstes nach „WooCommerce-Filterattribut:“

Klicken Sie auf den Block und er wird in Ihre Seite eingefügt. Jetzt können Sie nach einem Produktattribut suchen oder eines aus Ihrer Dropdown-Liste auswählen. In unserem Beispiel verwenden wir Color :

Ihr Block wird nun umgewandelt, um einen neuen Titel und eine Liste Ihrer ausgewählten Produktattribute (z. B. die verschiedenen Artikelfarben) anzuzeigen:

Sie können den Block so lassen, wie er ist, wenn Sie möchten, wie er aussieht. Alternativ besprechen wir im nächsten Schritt, wie Sie das Aussehen dieses Elements anpassen können.

Schritt 3: Konfigurieren Sie die Blockeinstellungen

Als Nächstes können Sie das Aussehen Ihres WooCommerce-Produktfilterblocks anpassen. Klicken Sie einfach auf den Block Produkte nach Attribut filtern und wählen Sie dann das Zahnradsymbol rechts:

Hier können Sie auswählen, ob Ihre Produktanzahl angezeigt werden soll . Diese Einstellung kann praktisch sein, wenn Sie einen großen Artikelkatalog haben und Ihren Kunden eine umfangreiche Auswahl bieten möchten.

Sie können auch die Überschriftenebene für Ihre Produktattribute auswählen. Der Standardwert ist H3 , aber Sie können zwischen H2 und H6 wählen, um den stilistischen Anforderungen Ihres Geschäfts gerecht zu werden.

Wenn Sie nach unten scrollen, sollten Sie einige zusätzliche Konfigurationen unter Blockeinstellungen sehen:

Hier können Sie Ihren Abfragetyp auswählen. Wenn Sie sich für And entscheiden, zeigt WooCommerce nur Produkte an, die alle vom Kunden angegebenen Attribute enthalten. In der Zwischenzeit zeigt die Option Oder alle Elemente an, die mindestens eines der Attribute haben.

Unter Anzeigetyp können Sie auswählen, ob Ihre Attribute im Listen- oder Dropdown-Format angezeigt werden sollen. Beide Optionen sind relativ benutzerfreundlich.

Schließlich können Sie die Filter- Schaltfläche aktivieren . Wenn Sie es aktivieren, müssen Kunden auf Los klicken, um ihre Suchergebnisse zu filtern. Wenn Sie es jedoch weglassen, werden durch einfaches Auswählen eines der Attribute die angezeigten Produkte aktualisiert.

Das ist es! Ihr WooCommerce-Produktfilterblock ist jetzt einsatzbereit:

Speichern und veröffentlichen Sie einfach Ihre Änderungen. Kunden können nun ihre Produktsuche mit bestimmten Attributen filtern.

Eine Übersicht über WooCommerce-Produktfilter-Plugins

Abgesehen von den kostenlosen WooCommerce-Blöcken können Sie auch auf Plugins von Drittanbietern zugreifen, um mehr Flexibilität beim Einrichten Ihrer Filter zu erhalten. Das Plug-in WooCommerce Product Search enthält beispielsweise die folgenden Filteroptionen:

• Produkte: Zeigt eine Sammlung gefilterter Produkte an. Dieser Block kann Ihre Shop-Seite replizieren und Artikel rendern, die von anderen Produktfilterblöcken auf derselben Seite gesteuert werden.
• Suche: Erstellt eine gefilterte Suchfunktion für Ihren WooCommerce-Shop.
• Kategorien: Zeigt Produkte an, die bestimmten Kategorien entsprechen, z. B. Kleidungstyp oder Geschlecht.
• Attribute: Zeigt Produkte mit bestimmten Attributen an, wie z. B. Farbe, Marke, Größe, Form, Fabrikat oder besondere Merkmale.
• Tags: Zeigt Produkte an, die Produkt-Tags entsprechen, einschließlich „Featured“, „Logo“ oder „Trending“.
• Preis: Zeigt Produkte innerhalb bestimmter Preisparameter an.
• Bewertung: Präsentiert Produkte gemäß ihrer durchschnittlichen Bewertung.
• Sale: Zeigt nur Produkte an, die im Sale sind.
• Lagerbestand : Zeigt nur Produkte an, die auf Lager sind.
• Zurücksetzen: Ermöglicht Kunden das Zurücksetzen der Produktfilterparameter. Dann können sie alle Ihre verfügbaren Artikel sehen oder neue Einstellungen vornehmen, um ihre Suche anzupassen.

Alternativ können Sie auch das Plugin WOOF Products Filter for WooCommerce verwenden:

Mit diesem Plugin können Kunden Artikel nach ihren Kategorien, Attributen, Tags, benutzerdefinierten Taxonomien und Preisen filtern. Außerdem sind die angezeigten Ergebnisse in der Regel attraktiver und anpassbarer als die standardmäßigen WooCommerce-Blöcke.

WooCommerce Product Filter von WooBeWoo ist eine weitere hervorragende Freemium-Option:

Sie können es allein oder mit Elementor verwenden, um Ihre eigenen Produktfilter und Layoutbedingungen zu entwerfen. Das Premium-Plug-in enthält zusätzliche Funktionen wie Kategoriesymbole, benutzerdefinierte Stile und eine Schaltfläche zum Ein-/Ausblenden von Filtern.

Beginnen Sie noch heute mit WooCommerce-Produktfiltern

Glücklicherweise ist es auch sehr einfach, einen WooCommerce-Produktfilterblock zu verwenden. Sie müssen Ihren Produkten lediglich Taxonomien wie Kategorien, Attribute oder Tags hinzufügen. Dann können Sie den entsprechenden WooCommerce-Block neben einem Alle-Produkte -Block auf Ihrer Shop-Seite verwenden.

Für mehr Flexibilität können Sie auch ein spezielles WooCommerce-Produktfilter-Plugin installieren.

Wenn Sie noch mehr Möglichkeiten finden möchten, einen besseren WooCommerce-Shop zu erstellen, können Sie sich auch unsere Sammlung von unverzichtbaren WooCommerce-Plugins ansehen.

Haben Sie Fragen zur Verwendung von WooCommerce-Produktfilterblöcken? Lassen Sie es uns im Kommentarbereich unten wissen!