Cum să sortați produsele WooCommerce

Publicat: 2022-01-11

Recomandarea produselor permite utilizatorilor să filtreze rezultatele în funcție de preferințele lor și este o modalitate excelentă de a îmbunătăți vizibilitatea produsului și conversiile. În acest articol, vă vom arăta diferite metode de sortare a produselor WooCommerce .

De ce să sortați produsele în WooCommerce?

În funcție de magazinul tău, poți avea sute sau mii de produse. Dacă acesta este cazul și nu aveți un sistem de căutare bun, poate fi dificil pentru clienții dvs. să găsească articolele dorite. Acest lucru le poate îngreuna să găsească ceea ce caută și vă poate afecta veniturile.

Pentru a remedia această problemă, puteți oferi numeroase funcții de sortare. Adăugând opțiuni de sortare (sau modificându-le pe cele implicite), puteți îmbunătăți experiența generală de cumpărături în magazinul dvs. De exemplu, puteți permite clienților să obțină rapid rezultate pe baza vânzărilor medii, a popularității produselor sau chiar a prețurilor produselor.

Având mai multe opțiuni de sortare poate ajuta cumpărătorii să găsească produsul dorit mai rapid și mai eficient. Drept urmare, sortarea produselor poate fi foarte benefică pentru magazinul dvs. de comerț electronic.

Acum că înțelegem mai bine de ce a avea opțiuni de recomandare a produselor poate aduce beneficii magazinului dvs., să vedem cum să faceți acest lucru corect.

Cum să sortați produsele WooCommerce

Există trei metode principale de sortare a produselor WooCommerce:

  1. Utilizarea Personalizatorului WordPress
  2. Cu un plugin WordPress
  3. Prin fragment personalizat (programatic)

Vom arunca o privire asupra tuturor celor trei metode de mai jos, astfel încât să puteți găsi modalitatea preferată de a finaliza sarcina.

Înainte de a începe, asigurați-vă că ați configurat corect WooCommerce pe site-ul dvs. web fără a rata niciun pas. Acest lucru va asigura că toate aceste metode vor funcționa fără probleme.

1) Sortați produsele WooCommerce folosind Personalizatorul WordPress

Schimbarea opțiunii implicite de sortare este unul dintre cele mai simple lucruri pe care le puteți face pentru a sorta produsele în WooCommerce. Puteți găsi această opțiune pe pagina magazinului sau în orice pagină a magazinului dvs. cu un catalog de produse.

etichetă de sortare implicită sortați produsele woocommerce

Puteți edita opțiunile implicite doar folosind personalizatorul WordPress inclus în WooCommerce.

Accesați Aspect > Personalizare pentru a deschide elementul de personalizare a temei și alegeți opțiunea WooComemrce .

Personalizator woocommerce

Apoi, selectați Catalog de produse și veți vedea opțiunile implicite de sortare a produselor WooCommerce pentru pagina magazinului.

sortare implicită woocommerce

Când faceți clic pe el, va apărea un meniu derulant care vă arată cele șase opțiuni implicite de sortare a produselor.

  • Mod implicit
  • Popularitate (vânzări)
  • Rata medie
  • Recent
  • Preț (crescător)
  • Preț (descrescător)

opțiuni de sortare sortați produsele woocommerce

Selectați opțiunea de sortare implicită care se potrivește magazinului dvs. și, în final, publicați modificările salvate după ce selectați opțiunea dorită.

Acesta este modul în care puteți modifica sortarea produselor WooCommerce prin tabloul de bord WordPress. Principalul avantaj al acestei metode este că nu necesită pluginuri, cunoștințe tehnice sau fragmente personalizate.

Cu toate acestea, există și unele dezavantaje. Opțiunea de sortare implicită este minimă și poate fi foarte limitată în unele cazuri. Deci, dacă doriți mai multe opțiuni, aruncați o privire la următoarele metode.

2) Sortați produsele WooCommerce cu un plugin

Dacă sunteți gata să utilizați unele pluginuri WordPress pentru a sorta produsele WooCommerce, puteți verifica Rearanjare produse WooCommerce sau Opțiuni suplimentare de sortare a produselor WooCommerce. Ambele sunt pluginuri excelente pentru tine și clienții tăi pentru a sorta produsele din magazinul tău online.

Pentru acest tutorial, vom folosi WooCommerce Extra Product Sorting Options . Deci, primul lucru pe care trebuie să-l faceți este să instalați și să activați pluginul pe site-ul dvs. WooCommerce.

instalați WooCommerce Extra Product Sorting Options

Odată ce ați activat pluginul, puteți utiliza personalizarea WordPress pentru a-l modifica. Încă o dată, accesați Aspect > Personalizare din tabloul de bord WordPress și selectați opțiunea WooCommerce la fel ca abordarea anterioară. Acum, selectați secțiunea Catalog de produse și veți obține câteva opțiuni suplimentare de sortare.

sortați produsele woocommerce - sortare suplimentară

După cum puteți vedea în captură de ecran, opțiunile suplimentare pe care le obțineți sunt:

  • Editarea etichetei implicite de sortare
  • Adăugarea de noi sortări de produse
  • Eliminarea sortării existente a produselor

În mod implicit, WooCommerce va afișa eticheta „Sortare implicită” atunci când cineva vă vizitează arhiva magazinului. Dar cu acest plugin, îl puteți redenumi din personalizarea în sine, dacă este necesar.

Doar introduceți noua etichetă de sortare implicită pe care o doriți pentru catalogul de produse în caseta de text.

etichetă nouă sortare produse woocommerce

Veți putea vedea instantaneu previzualizarea în partea dreaptă a ecranului. Modificările vor fi aplicate pe front-end după ce publicați modificările salvate.

sortarea implicită rebranded

Pe lângă schimbarea etichetei, puteți adăuga sau elimina și opțiuni de sortare a produselor.

Pentru a adăuga opțiunile de sortare a produselor, trebuie doar să verificați opțiunile de sortare pe care doriți să le oferiți clienților dvs.

adăugați o nouă opțiune de sortare sortați produsele woocommerce

Odată ce selectați opțiunile, acestea vor fi afișate automat în previzualizare.

noi opțiuni de sortare adăugate

La fel ca și adăugarea opțiunilor de sortare a produselor, le puteți elimina și pe cele existente. Aceasta poate fi o caracteristică excelentă pentru magazinul dvs. online dacă aveți o mulțime de opțiuni suplimentare de sortare inutile. Și, în funcție de site-ul și de produse, unii clienți pot fi copleșiți și de numărul mare de opțiuni de sortare.

Puteți elimina cu ușurință acele opțiuni de sortare folosind pluginul. Pentru a le elimina, trebuie doar să verificați opțiunile pe care doriți să le eliminați de pe site-ul dvs. web.

eliminați sortarea produselor sortați produsele woocommerce

Dacă te uiți la previzualizare, vei putea vedea că opțiunile suplimentare de sortare sunt afișate acum în meniul drop-down pentru sortare.

opțiunile implicite eliminate

Din nou, nu uitați să îl publicați după ce ați făcut toate modificările necesare.

Asta e! Acum puteți utiliza un plugin WordPress dedicat pentru sortarea produselor WooCommerce.

3) Sortați produsele WooCommerce în mod programatic

Dacă aveți nevoie de cea mai avansată metodă, abordarea programatică poate fi cea mai potrivită pentru dvs. Puteți modifica opțiunea de sortare doar plasând un simplu fragment PHP în pluginul specific site-ului dvs. sau în fișierul functions.php al temei.

Pentru aceasta, puteți utiliza un plugin dedicat, cum ar fi Fragmente de cod, pentru a adăuga coduri personalizate pe site-ul dvs. WooCommerce sau pentru a crea o temă copil. Dacă aveți nevoie de ajutor, puteți chiar să utilizați unul dintre pluginurile de teme pentru copii pentru WordPress pentru a crea unul. Dar asigurați-vă că faceți o copie de rezervă a site-ului dvs. WordPress înainte de a începe, deoarece vom modifica unele fișiere de bază ale site-ului dvs.

Cu toate acestea, vom merge cu fragmente de cod în această demonstrație. Deci, mai întâi, instalați și activați acest plugin pe site-ul dvs.

instalați fragmente de cod

După activare, puteți vedea setările pluginului în partea stângă a ecranului. Doar accesați Fragmente > Toate fragmentele din tabloul de bord WordPress.

toate fragmentele

Apoi, faceți clic pe Adăugare nou pentru a adăuga un nou fragment la instalarea WooCommerce.

adăugați un fragment nou

Acum, copiați următorul cod și inserați-l în câmpul fragmentului. De asemenea, nu uitați să denumiți fragmentul, astfel încât să le puteți identifica pentru actualizări viitoare.

 add_filter('woocommerce_default_catalog_orderby', 'quadlayers_default_catalog_orderby');

funcția quadlayers_default_catalog_orderby( $sort_by ) {
returnează „data”;
}

script de sortare woocommerce sortați produsele woocommerce

Dacă te uiți la cod, am adăugat data ca opțiune de sortare principală. Dar, îl poți modifica oricând după bunul plac. Opțiunile disponibile sunt:

  • menu_order – cea implicită
  • popularitate – în funcție de vânzări
  • rating – după ratingul clienților
  • data – conform datei publicate
  • preț – preț de sortare de la mic la mare
  • price-desc – preț de la mare la mic
  • rand – produse aleatorii de fiecare dată

De exemplu, dacă trebuie să sortați produsele în funcție de evaluarea clienților, ar trebui să modificați codul astfel:

 add_filter('woocommerce_default_catalog_orderby', 'quadlayers_default_catalog_orderby');

funcția quadlayers_default_catalog_orderby( $sort_by ) {
returnare „evaluare”;
}

După ce ați modificat codul, publicați fragmentul. Acum, verificați pagina magazinului dvs. și veți vedea noua opțiune de sortare în mod implicit. În acest caz, este sortat cu o sortare medie, așa cum se arată în captura de ecran de mai jos.

sortați după rating

Dar puteți oricând să modificați codul în funcție de cerințele dvs.

Recomandați produsele din Lista de produse

Am stabilit deja că puteți sorta produsele WooCommerce în mod implicit din Personalizatorul WordPress. Cu toate acestea, puteți și reordona produse individuale manual, folosind pluginul WooCommerce în sine. Produsele pot fi chiar sortate într-o ordine aleatorie ca sortare implicită pentru clienți.

Și cea mai bună parte este că nici măcar nu trebuie să utilizați pluginuri suplimentare sau coduri personalizate pentru sarcină. Totul poate fi reordonat doar din tabloul de bord.

Deci, primul lucru pe care trebuie să-l faceți este să accesați Produse > Toate produsele din tabloul de bord WordPress. Îl vei putea vedea în partea stângă a ecranului.

sort woocommerce products - produse woocommerce

Pe pagina următoare, puteți vedea toate produsele publicate. Dacă aruncați o privire atentă pe pagină, veți vedea și o opțiune numită Sortare .

sort woocommerce products - sortare woocommerce

Dacă selectați această opțiune, veți fi redirecționat către expertul de sortare a produselor.

În mod implicit, WooCommerce va sorta produsele în funcție de data publicată. Dar prin această pagină, puteți rearanja cu ușurință folosind drag and drop.

sortare produse woocommerce - sortare implicită woocommerce

Puteți să trageți cu ușurință produsele și să le plasați în poziția dorită, așa cum se arată mai sus. După ce ați făcut acest lucru, verificați pagina de arhivă a produsului de pe front-end.

produse sortate

În acest fel, puteți sorta manual produsele WooCommerce, în orice ordine, fără pluginuri sau coduri suplimentare.

Recomandați anumite produse

Când aplicați o opțiune de sortare la nivel global pe instalarea dvs. WooCommerce, aceasta se va reflecta la nivelul întregului site. Cu toate acestea, aceasta nu este o opțiune bună dacă trebuie să recomandați anumite produse.

Să presupunem că poate fi necesar să afișați un produs personalizat în partea de sus a paginii arhivei sau a magazinului . Apoi, va trebui să căutați o abordare diferită pentru a sorta produsele WooCommerce. Din fericire, se poate face doar folosind editorul de produse din WooCommerce.

Primul lucru pe care trebuie să-l faceți este să deschideți expertul de editare a produsului. Încă o dată, accesați Produse > Toate produsele din tabloul de bord WordPress și faceți clic pe Editați pentru produsul pe care doriți să-l recomandați.

editați sortarea produselor woocommerce

Apoi, veți fi redirecționat către pagina editorului de produse. Aici, derulați în jos sub datele produsului și faceți clic pe fila Avansat .

filă avansată

WooCommerce va alege în mod prestabilit ordinea meniului în funcție de lista de așteptare publicată de produse. Deci, când ați publicat al 10-lea produs în magazin, comanda meniului va fi 10. La fel, după publicarea celui de-al 25-lea produs, WooCommerce își va seta ordinea meniului la 25.

Dar din fila avansată, o puteți modifica oricând. Și asta vom face pentru a reordona produsele.

Pentru a aduce produsul specific în partea de sus a paginii de arhivă, utilizați 0 sau o valoare minus (-) . De exemplu, puteți folosi 0 sau -1 pentru a aduce produsul în pagina de sus. În această demonstrație, vom face ordinea meniului ca -1. În cele din urmă, actualizați produsul după ce ați modificat valoarea.

noua ordine de meniu

După aceea, verificați pagina de arhivă din partea frontală.

Ordinea meniului a fost schimbată

După cum puteți vedea în captura de ecran de mai sus, am adus rapid produsul specific în partea de sus a paginii. Chiar dacă utilizați -2 pe alt produs, acesta va fi clasat pe primul loc.

Puteți folosi și metoda anterioară din listele de produse. Dar aceasta este o abordare mai directă, deoarece putem plasa produsul într-o poziție mai specifică prin ordinea meniului.

Sortați produsele dintr-o anumită categorie

Pentru a păstra produsele la îndemână și accesibile tuturor, puteți folosi și categorii pentru a sorta produsele WooCommerce. Și cu un simplu fragment, puteți adăuga o funcție de sortare personalizată la o arhivă de categorii. Această secțiune vă va spune mai multe despre asta.

Asigurați-vă că aveți suficiente categorii de produse în magazinul dvs. WooCommerce. Dar pe site-ul nostru demonstrativ, tot ce avem este o categorie necategorizată și șase produse atribuite acesteia.

Categorie produs

După cum puteți vedea, melcul nu este clasificat . Vom folosi acest slug mai târziu în fragment. Apoi, accesați pluginul Code Snippets și creați un nou fragment. După ce ați făcut asta, copiați și inserați acest cod de mai jos pe site-ul dvs. web.

 add_filter('woocommerce_default_catalog_orderby', 'quadlayers_catalog_orderby_for_category');

funcția quadlayers_catalog_orderby_for_category( $sort_by ) {
if( !is_product_category('necategorizat') ) {
returnează $sort_by; // modifică sortarea arhivelor de categorii necategorizate
}
returnează „data”;
}

sortarea categoriei

Dacă te uiți la cod, poți vedea că am selectat melcul „necategorizat” în interiorul codului și am folosit filtrul de dată pentru sortare. Înainte de a publica codul pe site-ul dvs., înlocuiți-l cu opțiunea de sortare și slug de categorie.

După ce ați făcut asta, publicați fragmentul.

Când vizitați arhiva categoriei specifice, veți vedea noua opțiune de sortare în mod implicit. În cazul nostru, produsele sunt sortate automat după ultima dată.

sortați după cea mai recentă filtrare

Asta e! Acesta este modul în care puteți sorta produsele dintr-o anumită categorie.

Bonus: sortați produsele WooCommerce în ordine alfabetică

Dacă aveți o mulțime de produse, sortarea lor alfabetică ar fi o idee grozavă. De fapt, ordinea alfabetică este una dintre cele mai ideale modalități de sortare în orice tip de listă. Dacă vă uitați la fișierele dvs. de pe computer, chiar și acestea sunt sortate alfabetic în mod implicit.

În mod similar, poate fi foarte convenabil și pentru noii tăi clienți. Ei pot găsi cu ușurință produsul pe care îl doresc în magazinul dvs. prin filtrarea literelor produsului în ordine alfabetică.

Deci, în această secțiune, vă vom arăta cum să sortați produsele WooCommerce în ordine alfabetică cu un simplu fragment. Codul pe care trebuie să-l utilizați este următorul:

 funcția quadlayers_alphabetical_shop_ordering( $sort_args ) {
$comanda_valoare = isset( $_GET['comanda'] ) ? woocommerce_clean( $_GET['orderby'] ): apply_filters('woocommerce_default_catalog_orderby', get_option('woocommerce_default_catalog_orderby') );
if ( 'alfabetic' == $orderby_value ) {
$sort_args['orderby'] = 'titlu';
$sort_args['order'] = 'asc';
$sort_args['meta_key'] = '';
}
returnează $sort_args;
}
add_filter( 'woocommerce_get_catalog_ordering_args', 'quadlayers_alphabetical_shop_ordering' );

Doar adăugați acest lucru la pluginul Fragment de cod sau în fișierul functions.php de pe site-ul dvs. web.

sortare alfabetică

După lipire, publică -l. Acum, am terminat treaba grea. Următorul lucru pe care trebuie să-l facem este să creăm o etichetă, astfel încât vizitatorii să poată folosi opțiunea de sortare. Pentru a face acest lucru, aveți nevoie de următorul cod:

 funcția quadlayers_custom_wc_catalog_orderby( $sortby ) {
$sortby['alphabetical'] = 'Sortați după nume: alfabetic';
returnează $sortby;
}
add_filter( 'woocommerce_default_catalog_orderby_options', 'quadlayers_custom_wc_catalog_orderby');
add_filter( 'woocommerce_catalog_orderby', 'quadlayers_custom_wc_catalog_orderby');

Creați încă o dată un nou fragment în plugin și inserați acest cod acolo.

sortarea în ordine alfabetică

După ce adăugați noul fragment, publicați -l. Acum, accesați arhiva magazinului dvs. și verificați meniul drop-down pentru sortare.

sortați în ordine alfabetică

Veți vedea că produsele sunt sortate acolo în ordine alfabetică.

Dacă aveți nevoie de o soluție fără cod, puteți utiliza și acest plugin.

Concluzie

În timp ce gestionați o instalare WooCommerce, trebuie să încercați mai multe moduri de a vă crește ratele de conversie. Pentru a oferi clienților o experiență mai bună, sortarea produselor poate fi convenabilă. După cum puteți vedea mai sus, toate cele trei metode (manual, plugin și codare) sunt simple și nu necesită cunoștințe tehnice.

În plus, am adăugat și alte câteva modalități de a reordona produsele din lista de produse sau de a reordona un anumit produs. În mod similar, am inclus și câteva opțiuni suplimentare de sortare a produselor pentru dvs., cu anumite categorii și ordine alfabetică.

Sperăm că puteți sorta produsele din magazinul dvs. fără probleme acum. Dacă ați găsit acest tutorial util, iată mai multe articole care ar putea fi interesante pentru dvs.:

  • Cum să personalizați pagina produsului WooCommerce
  • Cele mai bune pluginuri pentru pachetul de produse WooCommerce
  • Cum să exportați produse WooCommerce

Cum ai de gând să modifici opțiunea de sortare a produselor? Spune-ne în comentarii.