So sortieren Sie WooCommerce-Produkte
Veröffentlicht: 2022-01-11Die Neuordnung von Produkten ermöglicht es Benutzern, Ergebnisse nach ihren Wünschen zu filtern, und es ist eine hervorragende Möglichkeit, die Produktsichtbarkeit und Conversions zu verbessern. In diesem Artikel zeigen wir Ihnen verschiedene Methoden zum Sortieren von WooCommerce-Produkten .
Warum Produkte in WooCommerce sortieren?
Abhängig von Ihrem Geschäft können Sie Hunderte oder Tausende von Produkten haben. Wenn dies der Fall ist und Sie kein gutes Suchsystem haben, kann es für Ihre Kunden schwierig sein, die gewünschten Artikel zu finden. Dies kann es für sie schwieriger machen, das zu finden, wonach sie suchen, und sich auf Ihren Umsatz auswirken.
Um dieses Problem zu beheben, können Sie zahlreiche Sortierfunktionen anbieten. Indem Sie Sortieroptionen hinzufügen (oder die Standardoptionen optimieren), können Sie das allgemeine Einkaufserlebnis in Ihrem Geschäft verbessern. Beispielsweise können Sie Ihren Kunden schnell Ergebnisse basierend auf den durchschnittlichen Verkäufen, der Produktbeliebtheit oder sogar den Produktpreisen anzeigen lassen.
Durch mehrere Sortieroptionen können Käufer das gewünschte Produkt schneller und effizienter finden. Daher kann das Sortieren von Produkten für Ihren E-Commerce-Shop sehr vorteilhaft sein.
Jetzt, da wir besser verstehen, warum Optionen zum Nachbestellen von Produkten für Ihr Geschäft von Vorteil sein können, sehen wir uns an, wie Sie das richtig machen.
So sortieren Sie WooCommerce-Produkte
Es gibt drei Hauptmethoden zum Sortieren von WooCommerce-Produkten:
- Verwenden des WordPress-Customizers
- Mit einem WordPress-Plugin
- Durch benutzerdefiniertes Snippet (programmgesteuert)
Wir werden uns alle drei Methoden unten ansehen, damit Sie Ihren bevorzugten Weg finden können, um die Aufgabe zu erledigen.
Bevor wir beginnen, vergewissern Sie sich, dass Sie WooCommerce auf Ihrer Website richtig eingerichtet haben, ohne irgendwelche Schritte auszulassen. Dadurch wird sichergestellt, dass alle diese Methoden reibungslos funktionieren.
1) Sortieren Sie WooCommerce-Produkte mit dem WordPress Customizer
Das Ändern der Standardsortieroption ist eines der einfachsten Dinge, die Sie tun können, um Produkte in WooCommerce zu sortieren. Sie finden diese Option auf der Shop-Seite oder jeder Seite Ihres Shops mit einem Produktkatalog.
Sie können die Standardoptionen bearbeiten, indem Sie einfach den in WooCommerce enthaltenen WordPress-Customizer verwenden.
Gehen Sie zu Darstellung > Anpassen , um den Design-Anpasser zu öffnen, und wählen Sie die Option WooComemrce .
Wählen Sie dann Produktkatalog und Sie sehen die standardmäßigen WooCommerce-Produktsortieroptionen für die Shop-Seite.
Wenn Sie darauf klicken, erscheint ein Dropdown-Menü, das Ihnen die sechs Standardsortieroptionen für Produkte zeigt.
- Standard
- Popularität (Verkauf)
- Durchschnittliche Bewertung
- Jüngste
- Preis (aufsteigend)
- Preis (absteigend)
Wählen Sie die Standard-Sortieroption, die zu Ihrem Geschäft passt, und veröffentlichen Sie schließlich die gespeicherten Änderungen, nachdem Sie die gewünschte Option ausgewählt haben.
So können Sie die WooCommerce-Produktsortierung über das WordPress-Dashboard ändern. Der Hauptvorteil dieser Methode besteht darin, dass keine Plugins, kein technisches Wissen oder benutzerdefinierte Snippets erforderlich sind.
Allerdings gibt es auch einige Nachteile. Die Standardsortieroption ist minimal und kann in einigen Fällen sehr eingeschränkt sein. Wenn Sie also mehr Optionen wünschen, sehen Sie sich die folgenden Methoden an.
2) WooCommerce-Produkte mit einem Plugin sortieren
Wenn Sie bereit sind, einige WordPress-Plugins zum Sortieren der WooCommerce-Produkte zu verwenden, können Sie WooCommerce-Produkte neu anordnen oder Sortieroptionen für zusätzliche WooCommerce-Produkte ausprobieren. Sie sind beide hervorragende Plugins für Sie und Ihre Kunden, um Produkte in Ihrem Online-Shop zu sortieren.
Für dieses Tutorial verwenden wir WooCommerce Extra Product Sorting Options . Als erstes müssen Sie also das Plugin auf Ihrer WooCommerce-Seite installieren und aktivieren.
Sobald Sie das Plugin aktiviert haben, können Sie den WordPress Customizer verwenden, um es zu optimieren. Gehen Sie erneut zu Aussehen > Anpassen in Ihrem WordPress-Dashboard und wählen Sie die WooCommerce- Option genau wie beim vorherigen Ansatz. Wählen Sie nun den Abschnitt Produktkatalog und Sie erhalten einige zusätzliche Sortieroptionen.
Wie Sie im Screenshot sehen können, erhalten Sie folgende zusätzliche Optionen:
- Bearbeiten des Standard-Sortieretiketts
- Hinzufügen einer neuen Produktsortierung
- Entfernen der bestehenden Produktsortierung
Standardmäßig zeigt WooCommerce das Label „ Standardsortierung“ an, wenn jemand Ihr Shop-Archiv besucht. Aber mit diesem Plugin können Sie es bei Bedarf vom Customizer selbst umbenennen.
Geben Sie einfach das neue Standard-Sortieretikett , das Sie für den Produktkatalog wünschen, in das Textfeld ein.
Sie können die Vorschau sofort auf der rechten Seite Ihres Bildschirms sehen. Die Änderungen werden auf das Frontend angewendet, nachdem Sie die gespeicherten Änderungen veröffentlicht haben.
Neben dem Ändern des Etiketts können Sie auch Produktsortieroptionen hinzufügen oder entfernen.
Um die Produktsortieroptionen hinzuzufügen, aktivieren Sie einfach die Sortieroptionen, die Sie Ihren Kunden zur Verfügung stellen möchten.
Sobald Sie die Optionen ausgewählt haben, werden sie automatisch in der Vorschau angezeigt.
Genau wie beim Hinzufügen der Produktsortieroptionen können Sie auch die vorhandenen entfernen. Dies kann eine großartige Funktion für Ihren Online-Shop sein, wenn Sie viele zusätzliche unnötige Sortieroptionen haben. Und abhängig von Ihrer Website und Ihren Produkten sind einige Kunden möglicherweise auch mit der Vielzahl an Sortieroptionen überfordert.
Sie können diese Sortieroptionen einfach mit dem Plugin entfernen. Um sie zu entfernen, aktivieren Sie einfach die Optionen, die Sie von Ihrer Website entfernen möchten.
Wenn Sie sich die Vorschau ansehen, können Sie sehen, dass die zusätzlichen Sortieroptionen jetzt im Dropdown-Menü zum Sortieren angezeigt werden.
Vergessen Sie auch hier nicht, es zu veröffentlichen , nachdem Sie alle erforderlichen Änderungen vorgenommen haben.
Das ist es! Sie können jetzt ein dediziertes WordPress-Plugin zum Sortieren der WooCommerce-Produkte verwenden.
3) WooCommerce-Produkte programmatisch sortieren
Wenn Sie die fortschrittlichste Methode benötigen, kann der programmatische Ansatz für Sie am besten geeignet sein. Sie können die Sortieroption ändern, indem Sie einfach ein einfaches PHP-Snippet in Ihr seitenspezifisches Plugin oder die Datei functions.php des Themes einfügen.
Zu diesem Zweck können Sie ein spezielles Plugin wie Code Snippets verwenden, um die benutzerdefinierten Codes zu Ihrer WooCommerce-Site hinzuzufügen, oder ein untergeordnetes Thema erstellen. Wenn Sie Hilfe benötigen, können Sie sogar eines der Child-Theme-Plugins für WordPress verwenden, um eines zu erstellen. Stellen Sie jedoch sicher, dass Sie Ihre WordPress-Website sichern, bevor wir beginnen, da wir einige Kerndateien Ihrer Website ändern werden.
Wir werden uns jedoch in dieser Demonstration mit Code-Snippets befassen. Installieren und aktivieren Sie also zuerst dieses Plugin auf Ihrer Website.
Nach der Aktivierung sehen Sie die Einstellungen des Plugins auf der linken Seite Ihres Bildschirms. Gehen Sie einfach in Ihrem WordPress-Dashboard zu Snippets > Alle Snippets .
Klicken Sie dann auf Neu hinzufügen, um der WooCommerce-Installation ein neues Snippet hinzuzufügen.
Kopieren Sie nun den folgenden Code und fügen Sie ihn in das Snippet-Feld ein. Vergessen Sie auch nicht, das Snippet zu benennen, damit Sie es für zukünftige Updates identifizieren können.
add_filter('woocommerce_default_catalog_orderby', 'quadlayers_default_catalog_orderby');
Funktion quadlayers_default_catalog_orderby( $sort_by ) {
Rückflugdatum';
}
Wenn Sie sich den Code ansehen, haben wir das Datum als primäre Sortieroption hinzugefügt. Sie können es jedoch jederzeit nach Ihren Wünschen ändern. Die verfügbaren Optionen sind:
- menu_order – die Standardeinstellung
- Popularität – nach den Verkäufen
- Bewertung – nach Kundenbewertung
- Datum – nach dem veröffentlichten Datum
- Preis – Sortierung nach Preis von niedrig nach hoch
- price-desc – Preis hoch bis niedrig
- rand – jedes Mal zufällige Produkte
Wenn Sie beispielsweise die Produkte nach der Kundenbewertung sortieren müssen, sollten Sie den Code wie folgt ändern:
add_filter('woocommerce_default_catalog_orderby', 'quadlayers_default_catalog_orderby');
Funktion quadlayers_default_catalog_orderby( $sort_by ) {
gib 'Bewertung' zurück;
}
Nachdem Sie den Code geändert haben, veröffentlichen Sie das Snippet. Überprüfen Sie jetzt Ihre Shop-Seite, und Sie sehen standardmäßig die neue Sortieroption. In diesem Fall wird es mit der durchschnittlichen Sortierung sortiert, wie im folgenden Screenshot gezeigt.
Sie können den Code jedoch jederzeit an Ihre Anforderungen anpassen.
Produkte aus der Produktliste neu anordnen
Wir haben bereits festgestellt, dass Sie WooCommerce-Produkte standardmäßig im WordPress Customizer sortieren können. Du kannst einzelne Produkte aber auch manuell über das WooCommerce-Plugin selbst nachbestellen. Die Produkte können sogar in einer zufälligen Reihenfolge als Standardsortierung für die Kunden sortiert werden.
Und das Beste daran ist, dass Sie für diese Aufgabe nicht einmal zusätzliche Plugins oder benutzerdefinierte Codes verwenden müssen. Alles kann einfach über das Dashboard nachbestellt werden.
Das erste, was Sie tun müssen, ist, in Ihrem WordPress-Dashboard zu Produkte > Alle Produkte zu gehen. Sie können es auf der linken Seite Ihres Bildschirms sehen.
Auf der nächsten Seite sehen Sie alle veröffentlichten Produkte. Wenn Sie sich die Seite genau ansehen, sehen Sie auch eine Option namens Sorting .
Wenn Sie diese Option auswählen, werden Sie zum Produktsortierassistenten weitergeleitet.
Standardmäßig sortiert WooCommerce die Produkte nach dem Veröffentlichungsdatum. Aber über diese Seite können Sie ganz einfach per Drag-and-Drop neu anordnen.
Sie können Produkte einfach ziehen und an der gewünschten Position ablegen, wie oben gezeigt. Sobald Sie dies getan haben, überprüfen Sie die Produktarchivseite vom Frontend aus.
Auf diese Weise können Sie WooCommerce-Produkte ohne zusätzliche Plugins oder Codes manuell in beliebiger Reihenfolge sortieren.
Bestimmte Produkte nachbestellen
Wenn Sie eine Sortieroption global auf Ihre WooCommerce-Installation anwenden, wird sie auf der gesamten Website wiedergegeben. Dies ist jedoch keine gute Option, wenn Sie bestimmte Produkte nachbestellen müssen.
Angenommen, Sie möchten möglicherweise ein benutzerdefiniertes Produkt oben auf der Archiv- oder Shop-Seite anzeigen . Dann müssen Sie nach einem anderen Ansatz suchen, um die WooCommerce-Produkte zu sortieren. Zum Glück kann dies einfach mit dem Produkteditor in WooCommerce erfolgen.
Als erstes müssen Sie den Produktbearbeitungsassistenten öffnen. Gehen Sie erneut zu Produkte > Alle Produkte in Ihrem WordPress-Dashboard und klicken Sie für das Produkt, das Sie neu bestellen möchten, auf Bearbeiten .
Dann werden Sie auf die Produkt-Editor-Seite weitergeleitet. Scrollen Sie hier unter den Produktdaten nach unten und klicken Sie auf den Reiter Erweitert .
WooCommerce wählt die Menüreihenfolge standardmäßig entsprechend Ihrer veröffentlichten Produktwarteschlange. Wenn Sie also Ihr 10. Produkt im Shop veröffentlicht haben, ist die Menüreihenfolge 10. Einfach so, nach der Veröffentlichung Ihres 25. Produkts, wird WooCommerce seine Menüreihenfolge auf 25 setzen.
Aber auf der Registerkarte „Erweitert“ können Sie es jederzeit ändern. Und das werden wir tun, um die Produkte nachzubestellen.
Um das spezifische Produkt an den Anfang der Archivseite zu bringen, verwenden Sie 0 oder einen Minuswert (-) . Sie können beispielsweise 0 oder -1 verwenden, um das Produkt auf die oberste Seite zu bringen. In dieser Demo machen wir die Menüreihenfolge als -1. Aktualisieren Sie schließlich das Produkt, sobald Sie den Wert geändert haben.
Überprüfen Sie danach Ihre Archivseite vom Frontend aus.
Wie Sie im obigen Screenshot sehen können, haben wir das spezifische Produkt schnell an den Anfang der Seite gebracht. Auch wenn Sie -2 für ein anderes Produkt verwenden, wird es an erster Stelle stehen.
Sie können dafür auch die vorherige Methode aus den Produktlisten verwenden. Dies ist jedoch ein direkterer Ansatz, da wir das Produkt durch die Menüreihenfolge an einer spezifischeren Position platzieren können.
Produkte einer bestimmten Kategorie sortieren
Um die Produkte griffbereit und für alle zugänglich zu halten, können Sie auch Kategorien verwenden, um WooCommerce-Produkte zu sortieren. Und mit einem einfachen Ausschnitt können Sie einem Kategoriearchiv eine benutzerdefinierte Sortierfunktion hinzufügen. In diesem Abschnitt erfahren Sie mehr darüber.
Stellen Sie sicher, dass Sie genügend Produktkategorien in Ihrem WooCommerce-Shop haben. Aber auf unserer Demo-Website haben wir nur eine nicht kategorisierte Kategorie und sechs ihr zugeordnete Produkte.
Wie Sie sehen können, ist die Schnecke nicht kategorisiert . Wir werden diesen Slug später im Snippet verwenden. Gehen Sie als Nächstes zum Code Snippets-Plugin und erstellen Sie ein neues Snippet. Wenn Sie das getan haben, kopieren Sie diesen Code von unten und fügen Sie ihn auf Ihrer Website ein.
add_filter('woocommerce_default_catalog_orderby', 'quadlayers_catalog_orderby_for_category');
Funktion quadlayers_catalog_orderby_for_category( $sort_by ) {
if( !is_product_category('nicht kategorisiert') ) {
gebe $sort_by zurück; // Archivsortierung für nicht kategorisierte Kategorien ändern
}
Rückflugdatum';
}
Wenn Sie sich den Code ansehen, können Sie sehen, dass wir den „nicht kategorisierten“ Slug innerhalb des Codes ausgewählt und den Datumsfilter zum Sortieren verwendet haben. Bevor Sie den Code auf Ihrer Website veröffentlichen, ersetzen Sie ihn durch Ihren Kategorie-Slug und Ihre Sortieroption.
Sobald Sie das getan haben, veröffentlichen Sie das Snippet.
Wenn Sie das spezifische Kategoriearchiv besuchen, sehen Sie standardmäßig die neue Sortieroption. In unserem Fall werden die Produkte automatisch nach dem spätesten Datum sortiert.
Das ist es! So können Sie Produkte einer bestimmten Kategorie sortieren.
Bonus: WooCommerce-Produkte alphabetisch sortieren
Wenn Sie viele Produkte haben, wäre eine alphabetische Sortierung eine gute Idee. Tatsächlich ist die alphabetische Reihenfolge eine der idealsten Methoden zum Sortieren in jeder Art von Liste. Wenn Sie sich Ihre Dateien auf Ihrem Computer ansehen, sind diese standardmäßig sogar alphabetisch sortiert.
Ebenso kann es auch für Ihre neuen Kunden sehr praktisch sein. Sie können das gewünschte Produkt in Ihrem Geschäft leicht finden, indem sie einfach die Buchstaben des Produkts alphabetisch filtern.
In diesem Abschnitt zeigen wir Ihnen also, wie Sie WooCommerce-Produkte mit einem einfachen Snippet alphabetisch sortieren können. Der Code, den Sie verwenden müssen, lautet wie folgt:
Funktion quadlayers_alphabetical_shop_ordering( $sort_args ) {
$orderby_value = isset( $_GET['orderby'] ) ? woocommerce_clean( $_GET['orderby'] ) : apply_filters( 'woocommerce_default_catalog_orderby', get_option( 'woocommerce_default_catalog_orderby' ) );
if ( 'alphabetisch' == $orderby_value ) {
$sort_args['orderby'] = 'title';
$sort_args['order'] = 'asc';
$sort_args['meta_key'] = '';
}
$sort_args zurückgeben;
}
add_filter( 'woocommerce_get_catalog_ordering_args', 'quadlayers_alphabetical_shop_ordering' );
Fügen Sie dies einfach dem Code-Snippet-Plugin oder der Datei functions.php auf Ihrer Website hinzu.
Veröffentlichen Sie es nach dem Einfügen. Jetzt haben wir die schwere Arbeit abgeschlossen. Als nächstes müssen wir ein Label erstellen, damit die Besucher die Sortieroption verwenden können. Dazu benötigen Sie folgenden Code:
Funktion quadlayers_custom_wc_catalog_orderby( $sortby ) {
$sortby['alphabetical'] = 'Nach Namen sortieren: Alphabetisch';
return $sortieren nach;
}
add_filter( 'woocommerce_default_catalog_orderby_options', 'quadlayers_custom_wc_catalog_orderby' );
add_filter( 'woocommerce_catalog_orderby', 'quadlayers_custom_wc_catalog_orderby' );
Erstellen Sie erneut ein neues Snippet im Plugin und fügen Sie diesen Code dort ein.
Nachdem Sie das neue Snippet hinzugefügt haben, veröffentlichen Sie es. Gehen Sie nun zu Ihrem Shop-Archiv und überprüfen Sie das Dropdown-Menü für die Sortierung.
Sie werden sehen, dass die Produkte dort alphabetisch sortiert sind.
Wenn Sie eine No-Code-Lösung benötigen, können Sie auch dieses Plugin verwenden.
Fazit
Während Sie eine WooCommerce-Installation handhaben, müssen Sie mehrere Möglichkeiten ausprobieren, um Ihre Konversionsraten zu steigern. Um ein besseres Kundenerlebnis zu bieten, kann das Sortieren von Produkten bequem sein. Wie Sie oben sehen können, sind alle drei Methoden (manuell, Plugin und Codierung) einfach und erfordern keine technischen Kenntnisse.
Darüber hinaus haben wir einige weitere Möglichkeiten hinzugefügt, die Produkte aus der Produktliste oder ein bestimmtes Produkt nachzubestellen. Ebenso haben wir für Sie weitere Produktsortieroptionen mit bestimmten Kategorien und alphabetischer Reihenfolge hinzugefügt.
Wir hoffen, dass Sie die Produkte in Ihrem Geschäft jetzt problemlos sortieren können. Wenn Sie dieses Tutorial hilfreich fanden, finden Sie hier einige weitere Artikel, die für Sie interessant sein könnten:
- So passen Sie die WooCommerce-Produktseite an
- Beste WooCommerce-Produktpaket-Plugins
- So exportieren Sie WooCommerce-Produkte
Wie werden Sie die Produktsortierungsoption ändern? Lass es uns in den Kommentaren wissen.