Cum să filtrați produsele WooCommerce (tutorial pas cu pas)

Căutați o modalitate de a filtra produsele după atribut în magazinul dvs. WooCommerce?

Filtrarea produselor WooCommerce în funcție de atribut face clienților mai ușor să găsească articolul pe care doresc să-l cumpere. Ajută la economisirea timpului clienților și face experiența de cumpărături mai simplă.

În acest articol, vă vom arăta cum să utilizați filtrul WooCommerce după setările atributelor din magazinul dvs. online.

De ce să filtrați produsele WooCommerce după atribut?

Filtrele fac foarte ușor pentru clienți să răsfoiască produsele din magazinul dvs. WooCommerce.

Acestea permit cumpărătorilor să-și restrângă căutarea pe baza diferitelor atribute, inclusiv culoarea, intervalul de preț, materialul, dimensiunea și multe altele. În loc să defileze prin întreaga colecție de produse, utilizatorii pot să răsfoiască pur și simplu produsele de care sunt interesați.

Adăugarea de filtre poate ajuta la îmbunătățirea experienței utilizatorului, la îmbunătățirea funcționalității de căutare și la reducerea ratelor de respingere în magazinul dvs. online.

De asemenea, pot crește vânzările, permițând clienților să vadă toate opțiunile disponibile pentru produsele de care sunt interesați, ajutându-i să facă achiziții mai informate.

Acestea fiind spuse, haideți să vedem cum puteți filtra cu ușurință produsele din magazinul dvs. WooCommerce. Vă vom arăta cum să filtrați produsele WooCommerce după atribut și atribut personalizat.

Cum să filtrați produsele WooCommerce după atribut

Dacă sunteți în căutarea unui mod rapid și ușor de a filtra produsele WooCommerce, atunci această metodă este pentru dvs. Vă vom arăta cum să configurați un filtru WooCommerce simplu în funcție de setările atributelor.

În primul rând, trebuie să instalați și să activați pluginul YITH WooCommerce Ajax Product Filter. Pentru mai multe instrucțiuni, consultați ghidul nostru pas cu pas despre cum să instalați un plugin WordPress.

După activare, mergeți la pagina YITH » Ajax Product Filter din bara laterală admin WordPress.

De aici, faceți clic pe butonul „+ Creați o nouă presetare” pentru a începe să creați o presetare a filtrului.

Odată ce sunteți acolo, puteți începe prin a introduce un nume pentru filtru în caseta „Nume presetat”.

Rețineți că numele presetat nu va fi afișat în magazinul dvs. și este acolo doar pentru referință.

Apoi, alegeți pur și simplu „Orizontal” ca aspect prestabilit și apoi faceți clic pe butonul „+ Adăugați un nou filtru” din partea de jos.

Dacă utilizați versiunea gratuită a pluginului, atunci această opțiune nu va fi disponibilă pentru dvs. În schimb, veți avea aspectul prestabilit „Implicit”.

Acum puteți începe să creați un filtru pentru produsele dvs. WooCommerce.

Creați un filtru pentru produsele WooCommerce

Mai întâi, va trebui să tastați un nume de filtru lângă opțiunea „Nume filtru”.

De exemplu, dacă creați un filtru care îi va ajuta pe clienți să sorteze categoriile de produse, atunci îl puteți numi „Filtrați după categorie”.

Apoi, puteți selecta parametrii pentru filtru din meniul drop-down „Filtrați pentru”. Rețineți că versiunea gratuită a pluginului oferă numai filtre pentru categoriile de produse și etichete.

Pentru a afla mai multe despre diferențele dintre aceste opțiuni, puteți citi ghidul nostru despre cum să adăugați etichete, atribute și categorii la WooCommerce.

Dacă creați un filtru pentru a sorta produsele după diferite intervale de preț, atunci trebuie să alegeți opțiunea „Interval de preț”. În mod similar, dacă doriți să sortați produsele după popularitate sau evaluarea medie, atunci trebuie să alegeți opțiunea „Comandă după”.

De asemenea, puteți alege opțiunea „Taxonomie” dacă doriți să filtrați etichetele de produse, categoriile, culorile, dimensiunile, materialele, stilurile și multe altele. Pentru acest tutorial, vom merge cu această opțiune.

După ce ați făcut asta, trebuie să alegeți dintre opțiunile de taxonomie pentru filtru. De exemplu, dacă doriți să filtrați produsele după culoare, atunci va trebui să alegeți acea opțiune din meniul drop-down.

Pe măsură ce creăm un filtru pentru categoriile de produse, vom selecta opțiunea „Categorii de produse”.

Apoi, trebuie să introduceți toate categoriile de produse de pe site-ul dvs. în secțiunea „Alegeți termenii”.

După aceea, puteți alege cum doriți să se afișeze filtrul în partea frontală a magazinului dvs. din meniul drop-down „Tip de filtru”.

Puteți afișa filtrul ca casetă de selectare, meniu drop-down, text, mostre de culoare și multe altele. Pentru acest tutorial, vom alege opțiunea „Selectați” pentru a adăuga un meniu drop-down.

Apoi, trebuie să comutați comutatorul „Afișare câmp de căutare” dacă doriți să activați o casetă de căutare în meniul drop-down.

De asemenea, puteți afișa filtrul pe care îl creați ca comutator activând comutatorul „Afișați ca comutator”. Apoi, clienții vor putea activa și dezactiva filtrul.

După ce ați făcut acest lucru, alegeți o comandă implicită pentru termenii filtrați din meniul drop-down „Comandă după”. Categoriile de filtre vor fi afișate în ordinea pe care o alegeți.

Puteți sorta categoriile de filtre folosind numele, numărul de termeni sau slug. De asemenea, puteți alege „Tipul de comandă” pentru termenii filtrați în ordine crescătoare (ASC) sau descrescătoare (DESC).

În cele din urmă, faceți clic pe butonul „Salvați filtrul” din partea de jos pentru a salva filtrul.

Acum, repetați procesul pentru a crea mai multe filtre.

După ce ați făcut asta, reveniți în partea de sus și comutați la fila „Setări generale” pentru a configura unele setări.

Configurați setările generale

Aici, trebuie să începeți prin a alege opțiunea „Modul de filtrare”. Puteți selecta dacă doriți să aplicați filtre în timp real folosind AJAX sau dacă doriți să afișați un buton „Aplicați filtre” pe site-ul dvs.

Apoi, trebuie, de asemenea, să alegeți între afișarea unui buton de salvare sau afișarea imediată a rezultatelor filtrului.

După ce ați făcut asta, alegeți dacă doriți să afișați rezultatele filtrului pe aceeași pagină folosind AJAX sau dacă doriți să reîncărcați rezultatele pe o pagină nouă.

Apoi, trebuie să derulați în jos la opțiunea „Ascundeți termenii goli” și să activați comutatorul dacă nu doriți să afișați termenii de filtrare care sunt goli.

De exemplu, dacă ați adăugat o categorie „Căni” în magazinul dumneavoastră WooCommerce, dar în prezent nu are niciun articol în ea, atunci nu va fi afișată în lista „Filtrați după categorie”.

După aceea, continuați și comutați comutatorul „Ascunde produsele epuizate” dacă nu doriți să afișați produsele epuizate în rezultate.

Puteți lăsa celelalte setări ca implicite sau le puteți configura după bunul plac.

După ce ați făcut alegerile, faceți clic pe butonul „Salvați opțiunile” pentru a stoca modificările și treceți la fila „Personalizare” din partea de sus.

Configurați setările de personalizare (numai pentru pluginul premium)

Notă: fila „Personalizare” nu va fi disponibilă dacă utilizați versiunea gratuită a pluginului.

De aici, puteți alege culoarea stilului de etichetă a filtrului WooCommerce, culoarea termenului textual, dimensiunea eșantionului de culoare, culoarea zonei filtrului și multe altele.

Adăugarea de culori poate ajuta filtrul dvs. WooCommerce să arate mai plăcut din punct de vedere estetic și să se potrivească cu branding-ul magazinului dvs. online.

După ce ați făcut alegerile, faceți clic pe butonul „Salvare opțiuni” și comutați la fila „SEO” din partea de sus.

Configurați setările SEO

Odată ce sunteți acolo, comutați comutatorul „Activați opțiunea SEO” pentru a activa setările.

Acum puteți adăuga metaetichete din meniul drop-down pentru a le utiliza în paginile dvs. filtrate. Acest lucru va îmbunătăți SEO-ul site-ului dvs.

Pentru mai multe detalii, poate doriți să citiți articolul nostru despre metadatele WordPress și metaetichetele.

De asemenea, puteți adăuga automat atributul nofollow la toate ancorele filtrate activând comutatorul „Adăugați „nofollow” la ancorele de filtrare”. Acest lucru va spune motoarelor de căutare să nu folosească ancorele de filtru atunci când îți clasifică pagina.

Odată ce sunteți mulțumit, faceți clic pe butonul „Salvare opțiuni” pentru a stoca setările.

Adăugați filtrul WooCommerce la pagina de produse

Pentru a adăuga filtrele pe care tocmai le-ați creat pe pagina dvs. de produse WooCommerce, trebuie să comutați la fila „Presetări pentru filtre” din partea de sus.

Odată ce sunteți acolo, pur și simplu copiați codul scurt al presetării filtrului pe care tocmai l-ați creat.

Apoi, pur și simplu deschideți pagina de produse WooCommerce în editorul de blocuri din bara laterală de administrare WordPress.

Odată ce sunteți acolo, faceți clic pe butonul Adăugați bloc „(+)” din colțul din stânga sus pentru a găsi blocul Shortcode.

Acum pur și simplu lipiți codul scurt presetat de filtru pe care l-ați copiat în blocul Shortcode.

În cele din urmă, faceți clic pe butonul „Publicați” sau „Actualizați” pentru a salva modificările.

Acum puteți vizita site-ul dvs. web pentru a vedea funcția de filtru WooCommerce după atribut în acțiune.

Cum să filtrați produsele WooCommerce după atribut personalizat

Dacă doriți să creați un filtru de produse WooCommerce folosind atribute personalizate, atunci această metodă este pentru dvs.

Creați un atribut personalizat

Pentru a crea un atribut personalizat, va trebui să vizitați pagina Produse » Atribute din bara laterală de administrare WordPress.

Odată ce sunteți acolo, începeți prin a introduce un nume și un slug pentru atribut.

De exemplu, dacă doriți să creați un filtru pentru un anumit material de produs, atunci puteți numi atributul „Filtrați după material”.

Apoi, trebuie să bifați caseta „Activați arhivele” dacă doriți să afișați toate articolele care au acel atribut pe o singură pagină.

După aceea, faceți clic pe butonul „Adăugați atribut” din partea de jos.

Odată ce atributul a fost creat, faceți clic pe linkul „Configurați termeni” pentru a adăuga termeni la atribut.

Aceasta vă va direcționa către un nou ecran, unde trebuie să introduceți un termen în caseta „Nume”.

De exemplu, dacă ați creat un atribut numit „Filtrați după material”, atunci puteți adăuga materialele individuale ca termeni, cum ar fi lâna. Puteți adăuga oricât de mulți termeni doriți la un atribut.

După ce ați terminat, faceți clic pe butonul „Adăugați un nou filtru după material” pentru a salva termenul.

Adăugați atributul personalizat unui produs

După ce creați un atribut, va trebui să îl adăugați la produsele WooCommerce individuale.

Pentru aceasta, va trebui să deschideți pagina produsului pe care doriți să o editați. De aici, derulați în jos la secțiunea „Date despre produs” și comutați la fila „Atribute”.

Apoi, pur și simplu deschideți meniul drop-down „Atribut produs personalizat” și selectați atributul personalizat pe care tocmai l-ați creat.

Acum, mergeți mai departe și faceți clic pe butonul „Adăugați”.

Acum că atributul personalizat a fost adăugat, pur și simplu căutați termenul care se potrivește produsului în opțiunea „Selectați termenii”.

De exemplu, dacă ați creat un atribut pentru material și produsul pe care îl editați este din lână, atunci va trebui să alegeți „Lână” din meniul derulant.

După ce ați terminat, faceți clic pe butonul „Salvare atribute”.

Apoi, faceți clic pe butonul „Actualizați” sau „Publicați” din partea de sus pentru a salva modificările.

Acum va trebui să repetați procesul pentru toate produsele care au același atribut.

Creați un filtru de atribute personalizate folosind un plugin

Apoi, va trebui să instalați și să activați pluginul YITH WooCommerce Ajax Product Filter. Pentru mai multe instrucțiuni, consultați ghidul nostru despre cum să instalați un plugin WordPress.

Notă : Puteți utiliza versiunea gratuită sau premium a pluginului pentru a crea un filtru de atribute personalizat pentru WooCommerce.

După activare, mergeți la pagina YITH » Ajax Product Filter din bara laterală admin WordPress.

De aici, mergeți mai departe și faceți clic pe butonul „+ Creați o nouă presetare”.

Apoi, trebuie să tastați un nume pentru presetarea pe care o creați în caseta „Nume presetat”.

După ce ați terminat, faceți clic pe butonul „+ Adăugați un nou filtru” din partea de jos pentru a începe să creați un filtru de atribut personalizat WooCommerce.

Mai întâi, va trebui să tastați un nume în caseta „Nume filtru”.

De exemplu, dacă creați un filtru care îi va ajuta pe clienți să sorteze diferite opțiuni de materiale, atunci îl puteți numi „Filtru pentru material”.

Apoi, pur și simplu selectați „Taxonomie” din meniul drop-down „Filtrați pentru”. Dacă utilizați versiunea gratuită a pluginului, această opțiune va fi aleasă implicit pentru dvs.

Acum, atributul personalizat pe care l-ați creat va fi deja disponibil în meniul drop-down de lângă opțiunea „Alegeți taxonomia”.

Continuați și alegeți atributul personalizat din lista verticală și introduceți termenii atributului în caseta „Alegeți termeni”.

În continuare, trebuie să alegeți cum doriți să fie afișat filtrul pe partea frontală a magazinului dvs. din meniul drop-down „Tip de filtru”.

Filtrul poate fi afișat ca casetă de selectare, meniu drop-down, text, mostre de culoare și multe altele.

După ce ați făcut acest lucru, alegeți o comandă implicită pentru termenii filtrați din meniul drop-down „Comandă după”.

Puteți sorta categoriile de filtre folosind numele, numărul de termeni sau slug. De asemenea, puteți selecta „Tipul de comandă” pentru termenii filtrați în ordine crescătoare (ASC) sau descrescătoare (DESC).

În cele din urmă, faceți clic pe butonul „Salvați filtrul” din partea de jos pentru a salva filtrul de atribut personalizat.

Apoi, trebuie să comutați la fila „Setări generale” din partea de sus. De aici, puteți alege un mod de filtrare, puteți ascunde termenii gol și puteți configura alte setări în funcție de nevoile dvs.

După ce ați terminat, faceți clic pe butonul „Salvați opțiunile” pentru a stoca modificările și treceți la fila „Personalizare” din partea de sus.

Notă : dacă utilizați versiunea gratuită, atunci setările de personalizare nu vor fi disponibile.

De aici, puteți personaliza modul în care va arăta presetarea filtrului în partea din față a site-ului dvs. web.

De exemplu, puteți alege culoarea stilului etichetei, culoarea termenului textual, dimensiunea eșantionului de culoare, culoarea zonei de filtrare și multe altele.

După ce ați făcut alegerile, faceți clic pe butonul „Salvare opțiuni” și comutați la fila „SEO” din partea de sus.

De aici, comutați comutatorul „Activați opțiunea SEO” pentru a activa setările.

Puteți adăuga metaetichete roboți din meniul drop-down pentru a le utiliza în paginile dvs. filtrate. Acest lucru va îmbunătăți SEO-ul site-ului dvs.

De asemenea, puteți comuta comutatorul „Adăugați „nofollow” la ancorele de filtrare” pentru a adăuga automat atributul nofollow la toate ancorele de filtrare.

Odată ce sunteți mulțumit, faceți clic pe butonul „Salvare opțiuni” pentru a stoca setările.

Adăugați filtrul de atribute personalizate la o pagină de produse WooCommerce

Pentru a adăuga filtrul de atribute personalizate la o pagină de produse WooCommerce, va trebui să comutați la fila „Presetări de filtru” din partea de sus.

De aici, copiați codul scurt al filtrului de atribute personalizate.

Apoi, deschideți pagina de produse în editorul de blocuri din bara laterală admin WordPress.

Aici, faceți clic pe butonul Adăugați bloc „(+)” din colțul din stânga sus pentru a găsi și adăuga blocul Shortcode.

După aceea, pur și simplu lipiți codul scurt presetat al filtrului pe care l-ați copiat în bloc.

În cele din urmă, faceți clic pe butonul „Publicați” sau „Actualizați” pentru a salva modificările.

Acum vă puteți vizita site-ul web pentru a vedea în acțiune filtrul de atribute personalizate WooCommerce.

Sperăm că acest articol v-a ajutat să învățați cum să filtrați produsele WooCommerce după atribut și atribut personalizat. De asemenea, poate doriți să vedeți articolul nostru despre cum să adăugați căutare neclară pe site-ul dvs. pentru a îmbunătăți rezultatele căutării și alegerile noastre de top pentru cele mai bune teme WooCommerce.

Dacă ți-a plăcut acest articol, atunci abonează-te la canalul nostru YouTube pentru tutoriale video WordPress. Ne puteți găsi și pe Twitter și Facebook.