Tutoriale WordPress de încredere, atunci când aveți cea mai mare nevoie.
Ghidul începătorului pentru WordPress
Cupa WPB
25 de milioane+
Site-uri web care folosesc plugin-urile noastre
16+
Ani de experiență WordPress
3000+
Tutoriale WordPress de la experți

Cum să filtrezi produsele WooCommerce (Tutorial pas cu pas)

După ce am lucrat cu nenumărați proprietari de site-uri web WooCommerce, am învățat că magazinele online de succes au o caracteristică cheie: fac ca clienții să găsească cu ușurință exact ceea ce își doresc.

Piețele mari precum Amazon folosesc filtre pentru preț, culoare, dimensiune și sortare după sosiri noi, deoarece înțeleg cum cumpără clienții.

Filtrarea produselor este esențială pentru dezvoltarea unei afaceri de comerț electronic. Când clienții nu pot găsi rapid ceea ce caută, adesea pleacă fără să cumpere.

De aceea am creat acest ghid pas cu pas pentru a vă ajuta să adăugați filtrare eficientă a produselor în magazinul dvs. WooCommerce.

Veți învăța cum să creați filtre bazate pe atribute care fac magazinul dvs. mai ușor de navigat și mai plăcut pentru cumpărători.

Filtrează produsele WooCommerce

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

Filtrele fac extrem de ușoară pentru clienți navigarea produselor din magazinul dvs. WooCommerce.

Aceștia permit cumpărătorilor să-și restrângă căutarea pe baza diferitelor atribute, inclusiv culoare, interval de preț, material, mărime și multe altele.

În loc să derulați prin întreaga colecție de produse, utilizatorii pot naviga pur și simplu prin produsele de care sunt interesați.

Previzualizare filtru produse WooCommerce

Adăugarea filtrelor poate contribui la îmbunătățirea experienței utilizatorului, îmbunătățirea funcționalității de căutare și 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, 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ă filtrezi produsele WooCommerce după atribut

Dacă sunteți în căutarea unei modalități rapide și ușoare de a filtra produsele WooCommerce, atunci această metodă este pentru dvs. Vă vom arăta cum să configurați un filtru simplu prin setările atributelor folosind un plugin de filtrare a produselor WooCommerce.

Mai întâi, trebuie să instalezi și să activezi pluginul YITH WooCommerce Ajax Product Filter. Pentru mai multe instrucțiuni, te rugăm să consulți ghidul nostru pas cu pas despre cum să instalezi un plugin WordPress.

Notă: Există și o versiune gratuită a pluginului YITH WooCommerce Ajax Product Filter. Cu toate acestea, vom folosi versiunea premium care vine cu funcții avansate.

Am testat complet pluginul pe site-ul nostru demo. Pentru a afla mai multe despre experiența noastră, consultați recenzia noastră despre YITH WooCommerce Ajax Product Filter.

După activare, accesați pagina YITH » Ajax Product Filter din tabloul de bord WordPress.

De aici, faceți clic pe butonul „+ Creare presetare nouă” pentru a începe crearea unei presetări de filtru.

Faceți clic pe butonul Creare un nou presetaj

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

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

Introduceți un nume de presetare

În continuare, alegeți pur și simplu „Orizontal” ca aspect prestabilit, apoi faceți clic pe butonul „+ Adăugați un filtru nou” 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.

Alegeți aspectul prestabilit orizontal și faceți clic pe butonul Adăugare filtru nou

Crearea unui filtru pentru produsele WooCommerce

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

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

Apoi, poți selecta parametrii pentru filtru din meniul derulant „Filtrează pentru”. Reține că versiunea gratuită a pluginului oferă doar filtre pentru categorii și etichete de produse.

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ț”. Similar, dacă doriți să sortați produsele după popularitate sau rating mediu, atunci trebuie să alegeți opțiunea „Sortare după”.

Puteți alege, de asemenea, opțiunea „Taxonomie” dacă doriți să filtrați etichetele produselor, categoriile, culorile, mărimile, materialele, stilurile și multe altele. Pentru acest tutorial, vom alege această opțiune.

Introduceți un nume de filtru și alegeți un filtru pentru opțiune din meniul derulant

După ce ați făcut acest lucru, trebuie să alegeți din 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 derulant.

Deoarece 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. web în secțiunea „Alegeți termenii”.

Alegeți o opțiune de taxonomie din meniul derulant și apoi scrieți termeni pentru categorii

După aceea, puteți alege cum doriți ca filtrul să fie afișat pe partea frontală a magazinului dvs. din meniul derulant „Tip filtru”.

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

Alegeți un tip de filtru din meniul derulant

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

Puteți, de asemenea, să afișați filtrul pe care îl creați ca un comutator activând comutatorul „Afișare ca comutator”. Apoi, clienții vor putea activa și dezactiva filtrul.

Comutați comutatorul pentru câmpul de căutare

Odată ce ați făcut acest lucru, alegeți pur și simplu o ordine implicită pentru termenii filtrați din meniul derulant „Ordonare după”. Categoriile de filtre vor fi afișate în ordinea pe care o alegeți.

Puteți sorta categoriile de filtre utilizând numele, numărul de termeni sau slug-ul. De asemenea, puteți alege „Tipul de sortare” pentru termenii filtrați în ordine ascendentă (ASC) sau descendentă (DESC).

Alegeți tipul de sortare ca ascendent sau descendent

Î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 acest lucru, 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 o opțiune „Mod filtru”. 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 „Aplicare filtre” pe site-ul dvs.

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

Alegeți un mod de filtrare

Odată ce ați făcut acest lucru, 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, derulați în jos la opțiunea „Ascunde termenii goi” și activați comutatorul dacă nu doriți să afișați termeni de filtrare care sunt goi.

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

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

Comutatoare pentru a ascunde termenii goi sau produsele epuizate

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

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

Configurarea setărilor de personalizare (doar plugin premium)

Notă: Tab-ul „Personalizare” nu va fi disponibil dacă utilizați versiunea gratuită a plugin-ului.

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

Adăugarea culorilor poate ajuta filtrul dvs. WooCommerce să arate mai plăcut din punct de vedere estetic și să se potrivească cu marca magazinului dvs. de comerț electronic.

Personalizați culorile filtrelor

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

Configurați setările SEO

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

Acum, puteți adăuga meta tag-uri din meniul derulant pentru a le utiliza pe paginile dvs. filtrate. Acest lucru va îmbunătăți SEO-ul site-ului dvs..

Pentru mai multe detalii, puteți citi articolul nostru despre metadatele și tagurile meta WordPress.

De asemenea, puteți adăuga automat atributul nofollow tuturor ancorelor filtrate activând comutatorul „Adaugă „nofollow” la ancorele de filtrare”. Acest lucru va indica motoarelor de căutare să nu folosească ancorele de filtrare la clasarea paginii dvs.

Configurați setările SEO pentru presetarea filtrului

Odată ce sunteți mulțumit, faceți clic pe butonul „Salvați opțiunile” 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 de produse WooCommerce, trebuie să comutați la fila „Setări de filtre” din partea de sus.

Odată ce sunteți acolo, pur și simplu copiați shortcode-ul presetării de filtru pe care tocmai ați creat-o.

Copiați shortcode-ul pentru presetarea filtrului

Apoi, pur și simplu deschideți pagina dvs. produse WooCommerce în editorul de blocuri din tabloul de bord WordPress.

Odată ajuns acolo, apasă butonul Adaugă bloc „(+)” din colțul din stânga sus pentru a găsi blocul Shortcode.

Acum, pur și simplu lipește shortcode-ul presetat al filtrului pe care l-ai copiat în blocul Shortcode.

Adaugă shortcode-ul presetat de filtru în bloc

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

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

Previzualizare filtru produse WooCommerce

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

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

Crearea unui atribut personalizat

Pentru a crea un atribut personalizat, trebuie să vizitați pagina Produse » Atribute din tabloul de bord WordPress.

Odată ajunși acolo, începeți prin a introduce un nume și un slug pentru atributul de taxonomie personalizată.

De exemplu, dacă doriți să creați un filtru pentru un anumit material al produsului, atunci puteți numi atributul „Filtrare după material”.

În continuare, trebuie să bifați căsuța „Activați arhivele” dacă doriți să afișați toate elementele care partajează acel atribut pe o singură pagină. 

Creați un atribut

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

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

Faceți clic pe linkul Configurați termenii pentru a crea termeni

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 „Filtrare după material”, atunci puteți adăuga materialele individuale ca termeni, cum ar fi lâna. Puteți adăuga oricâți termeni doriți la un atribut.

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

Adăugați un termen de atribut

Adăugați atributul personalizat la un produs

După crearea unui atribut, va trebui să îl adăugați la produsele WooCommerce individuale.

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

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

Acum, continuați și faceți clic pe butonul „Adăugare”.

Alege atributul personalizat pe care l-ai creat din meniul derulant

Acum că atributul personalizat a fost adăugat, pur și simplu căutați termenul care corespunde 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.

Odată ce ați terminat, faceți clic pe butonul „Salvați atributele”.

Adăugați un termen de atribut pentru produs

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

Va trebui acum să repetați procesul pentru toate produsele care partajează același atribut.

Crearea unui 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, vă rugăm să consultați ghidul nostru despre cum să instalezi un plugin WordPress.

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

La activare, accesați pagina YITH » Filtru Produse Ajax din tabloul de bord WordPress.

De aici, continuați și faceți clic pe butonul „+ Creare presetare nouă”.

Faceți clic pe butonul Creare un nou presetaj

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

Odată ce ați terminat, faceți clic pe butonul „+ Adăugați un filtru nou” din partea de jos pentru a începe crearea unui filtru de atribute personalizate WooCommerce.

Crearea unui filtru

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

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

Apoi, pur și simplu selectați „Taxonomie” din meniul derulant „Filtrare pentru”. Dacă utilizați versiunea gratuită a pluginului, această opțiune va fi aleasă automat pentru dvs.

Alegeți opțiunea de taxonomie din filtru pentru meniul derulant

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

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

Alegeți filtrul de atribute personalizate și adăugați termenii acestuia

Apoi, trebuie să alegeți cum doriți ca filtrul să fie afișat pe partea frontală a magazinului dvs. din meniul derulant „Tip filtru”.

Filtrul poate fi afișat ca o casetă de selectare, un meniu derulant, text, mostre de culori și multe altele.

Alegeți un tip de filtru din meniul derulant

Odată ce ați făcut acest lucru, alegeți o ordine implicită pentru termenii filtrați din meniul derulant „Ordonare după”.

Puteți sorta categoriile de filtre folosind numele, numărul de termeni sau slug-ul. De asemenea, puteți selecta „Tipul de sortare” pentru termenii filtrați în ordine ascendentă (ASC) sau descendentă (DESC).

Alegeți tipul de sortare ca ascendent sau descendent

În final, faceți clic pe butonul „Salvați filtrul” din partea de jos pentru a salva filtrul de atribute 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 goi și puteți configura alte setări conform nevoilor dvs.

Alegeți un mod de filtrare

Odată ce ați terminat, faceți clic pe butonul „Salvare opțiuni” pentru a stoca modificările și comutați la fila „Personalizare” din partea de sus.

Notă: Dacă utilizați versiunea gratuită, aceste setări de personalizare nu vor fi disponibile.

De aici, puteți personaliza cum va arăta presetarea filtrului dvs. pe partea frontală 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.

Personalizați culorile filtrelor

După ce ați făcut alegerile, faceți clic pe butonul „Salvează 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 taguri meta pentru roboți din meniul derulant pentru a le utiliza pe paginile dvs. filtrate. Acest lucru va optimiza SEO-ul site-ului dvs.

Configurați setările SEO pentru presetarea filtrului

Puteți, de asemenea, să comutați comutatorul „Adaugă „nofollow” la ancorele filtrelor” pentru a adăuga automat atributul nofollow la toate ancorele filtrelor.

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 pe o pagină de produse WooCommerce

Pentru a adăuga filtrul de atribute personalizate pe o pagină de magazin WooCommerce, va trebui să comutați la fila „Setări predefinite filtre” din partea de sus.

De aici, copiază shortcode-ul filtrului de atribute personalizate.

Copiați shortcode-ul pentru presetarea filtrului

Apoi, deschideți pagina produselor dvs. în editorul de blocuri din bara laterală de administrare WordPress.

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

După aceea, pur și simplu lipiți scurtcodul presetării filtrului pe care l-ați copiat în bloc.

Adaugă shortcode-ul presetat de filtru în bloc

În final, 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 filtrul de atribute personalizate WooCommerce în acțiune.

Previzualizare pentru filtrul de atribute personalizate

Sfaturi bonus pentru creșterea vânzărilor WooCommerce

Pe lângă adăugarea filtrelor de căutare, o altă modalitate de a crește conversiile în magazinul dvs. online este de a îmbunătăți viteza site-ului dvs. web.

Un magazin WooCommerce care se încarcă mai repede poate reține clienții cu ușurință și poate genera mai multe oportunități de vânzare.

Pentru a îmbunătăți timpul de încărcare al magazinului dvs., vă recomandăm să treceți la SiteGround. Aceștia sunt un furnizor de hosting recomandat de WooCommerce, care face ca site-ul dvs. web să fie super rapid și vine cu funcții uimitoare precum Ultrafast PHP, caching pentru comerțul electronic și multe altele.

Găzduire SiteGround WooCommerce

Un alt sfat este să configurați caching-ul pe magazinul dvs. WooCommerce.

Este o tehnică ce stochează datele site-ului dvs. într-o locație temporară pentru a îmbunătăți performanța. Puteți utiliza oricare dintre cele mai bune plugin-uri de caching WooCommerce pentru a îmbunătăți viteza.

În afară de aceasta, puteți încerca, de asemenea, să optimizați imaginile produselor, să alegeți o temă WooCommerce cu încărcare mai rapidă, să utilizați cea mai recentă versiune PHP, să activați un firewall la nivel DNS și multe altele pentru a îmbunătăți experiența clienților.

Pentru instrucțiuni detaliate, consultă ghidul nostru pentru începători despre cum să accelerezi performanța 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, ați putea dori să consultați articolul nostru despre cum să oferiți o reducere de transport în WooCommerce și selecțiile noastre de top pentru cele mai bune teme WooCommerce.

Dacă ți-a plăcut acest articol, te rugăm să te abonezi la canalul nostru de YouTube pentru tutoriale video WordPress. Ne poți găsi, de asemenea, pe Twitter și Facebook.

Dezvăluire: Conținutul nostru este susținut de cititori. Acest lucru înseamnă că dacă faceți clic pe unele dintre linkurile noastre, este posibil să câștigăm un comision. Vedeți cum este finanțat WPBeginner, de ce contează și cum ne puteți susține. Iată procesul nostru editorial.

Cel mai bun instrumentar WordPress

Obține acces GRATUIT la instrumentarul nostru - o colecție de produse și resurse legate de WordPress pe care fiecare profesionist ar trebui să le aibă!

Interacțiuni cu cititorii

1 CommentLeave a Reply

  1. Când am văzut pentru prima dată WooCommerce, mi-a fost foarte greu să navighez și să configurez orice. Filtrele de produse erau o cerință pe care aproape toată lumea care lua în considerare un magazin online o avea. Și nu contează despre ce fel de produse este vorba – fie că sunt haine sau materiale de construcție. Filtrele de produse sunt pur și simplu dorite pentru un magazin online, iar eu eram stresat pentru că nu știam cu adevărat cum să le implementez în WooCommerce. Datorită acestui articol, am învățat cum să o fac și acum am în sfârșit abilitatea pe care mi-o cerea toată lumea. Pot să o bifez de pe lista mea de lucruri pe care încă trebuie să le învăț despre WooCommerce. A fost o zi fericită când am găsit acest site, deoarece am venit aici ca un începător și plec cu atât de multe lucruri pe care le-am învățat.

Lasă un răspuns

Vă mulțumim că ați ales să lăsați un comentariu. Vă rugăm să rețineți că toate comentariile sunt moderate conform politicii noastre de comentarii, iar adresa dvs. de e-mail NU va fi publicată. Vă rugăm să NU folosiți cuvinte cheie în câmpul nume. Să avem o conversație personală și semnificativă.