Filtrați produsul WooCommerce după atribute, categorie, preț și multe altele

Publicat: 2022-09-01

Toți proprietarii de site-uri WooCoommerce doresc să-și crească vânzările. Dar pentru asta, trebuie să oferim un mediu flexibil cumpărătorilor în timp ce aceștia vizitează site-ul nostru. Dar una dintre cele mai frecvente dificultăți este că nu suntem în măsură să prezentăm produsele pe care le caută cumpărătorii. Această problemă apare mai ales atunci când avem numeroase produse din mai multe categorii. Deci ce să fac?

Limitarea categoriilor de produse sau a numărului de produse din magazinul nostru WooCommerce poate părea a fi soluția. Dar de fapt nu este. Deoarece trebuie să continuăm să creștem numărul de produse pentru a ne crește vânzările. Există o altă soluție mai inteligentă pe care o folosesc toate site-urile gigant de comerț electronic. WooCommerce Product Filter este cea mai bună soluție pentru acest tip de problemă.

WooCommerce Product Filter

Dacă vă gândiți la asta, WooCommerce are deja o opțiune de sortare a produselor în mod implicit. Dar nu este suficient pentru magazinele online care au numeroase produse din diverse categorii. Trebuie să lăsăm cumpărătorilor să filtreze produsele după atribute, categorii sau chiar o gamă de preț pe care o doresc.

Acum întrebarea este cum să adăugați filtre de produse în magazinele WooCommerce? Ei bine, asta vom explora în această postare pe blog. Dar înainte de a intra în continuare, trebuie să fim clari care sunt filtrele noastre de produse și de ce ar trebui să adăugăm funcții de filtrare a produselor în magazinul nostru WooCommerce. Cu toate acestea, dacă sunteți familiarizat cu acest lucru, puteți sări la partea tutorial a acestei postări pe blog.

Conținutul ascunde
1 Ce este filtrul de produs WooCommerce?
2 De ce ar trebui să adăugăm filtru de produs în magazinele WooCoommerce?
3 Vă prezentăm blocurile de filtrare pentru produse WooCommerce ale ProductX
4 Cum să adăugați filtru de produs WooCommerce la pagina de magazin folosind ProductX
4.1 Activați Builder Addon
4.2 Creați un șablon nou de pagină de magazin
4.3 Adăugați filtru de produs WooCommerce la pagina de magazin
5 Opțiune de personalizare a filtrului de produs WooCommerce
6 Concluzie

Ce este filtrul de produs WooCommerce?

Filtrul de produse WooCommerce se referă la a permite cumpărătorilor să-și găsească produsele dorite pe baza mai multor criterii care includ atribute ale produsului, categorii, preț, evaluare, culoare, dimensiuni etc. Îi ajută pe cumpărători să-și găsească fără efort produsele dorite.

De exemplu, cineva dorește să cumpere un tricou roșu de mărime medie în bugetul de la 5 la 10 USD. Pentru asta, el/ea poate folosi categoria de îmbrăcăminte sau subcategoria tricouri, alege mediul din opțiunea de selecție a mărimii și setează intervalul de preț dorit. Deci, cumpărătorul poate obține cu ușurință produsul dacă acesta este disponibil în magazin.

De ce ar trebui să adăugăm filtru de produs în magazinele WooCoommerce?

Adăugarea de filtrare a produselor este obligatorie să aibă o funcție pentru orice magazin de comerț electronic, indiferent dacă este construit cu WooCommerce sau nu. Există multe motive în spatele acestei afirmații. Dar principalul motiv este că, cu funcțiile de filtrare, atât proprietarii de magazine, cât și cumpărătorii pot beneficia simultan. Cum?

Să ne gândim doar la ceea ce facem în timp ce facem cumpărături offline. De cele mai multe ori împărtășim cerințele noastre pentru proprietarii de magazine/vânzători. Și apoi ne arată produse sau ne îndrumă către zona de unde putem produce produsul în funcție de cerințele noastre. Oferim aceeași experiență cumpărătorilor cu funcția de filtrare a produselor. Drept urmare, cumpărătorii vor fi mulțumiți de flexibilitate și, în calitate de proprietari de magazine online, ne putem crește vânzările, deoarece majoritatea dintre ei vor deveni clienți care revin.

Vă prezentăm blocurile de filtrare pentru produse WooCommerce ale ProductX

De parcă ați ajuns atât de departe în timp ce citiți aceste postări pe blog, ceea ce înseamnă că doriți cu adevărat să lăsați cumpărătorii să filtreze produsele magazinului dvs. WooCommerce. Există două moduri de a face acest lucru, fie puteți angaja un dezvoltator, fie puteți utiliza un plugin de filtrare a produsului.

Bănuiesc că sunteți dispus să utilizați un plugin deoarece vă aflați deja în ecosistemul WordPress și WooCommerce. Avem pluginul perfect pentru tine, care nu numai că te poate ajuta să adaugi o funcție de filtrare a produsului, ci și să extinzi capacitățile WooCommerce cu numeroase funcții și diverse suplimente.

ProductX este o soluție completă pentru magazinele WooCommerce, concepută fin pentru a asigura toate caracteristicile esențiale într-un singur plugin. Astfel, nu utilizați mai multe pluginuri. Cu toate acestea, permiteți-ne să rămânem la subiectul principal și puteți afla mai multe despre ofertele ProductX făcând clic aici.

Deci, dacă doriți să adăugați filtrul de produs WooCommerce folosind Product, trebuie să utilizați acest plugin ca soluție completă. De exemplu, doriți să adăugați funcția de filtrare la pagina magazinului. Pentru asta, trebuie să creați o pagină de magazin personalizată cu funcția de filtrare a produsului. Astfel, puteți schimba complet pagina implicită de magazin WooCommerce cu una axată pe conversie. Acum să vedem ce putem face cu blocurile de filtrare ale ProductX.

  • Filtrarea produsului WooCommerce după atribute
  • Filtrarea produsului WooCommerce după preț
  • Filtru de produse WooCoommerce după categorie
  • Filtru de produs WooCommerce după
  • Căutare produs Ajax

Cum să adăugați filtru de produs WooCommerce la pagina de magazin folosind ProductX

Acum, să vedem cum putem adăuga opțiunea de filtrare a produselor la o pagină de magazin personalizată. Pentru asta poți urma pașii de mai jos:

Activați Builder Addon

În primul rând, asigurați-vă că ați instalat și activat corect pluginul ProductX pe site-ul dvs. Pe măsură ce vom crea o pagină de magazin personalizată, trebuie să activăm suplimentul WooCommere Builder. Iată cum:

Turn on WooCommerce Builder Addon
Activați Addon WooCommerce Builder
  • Navigați la secțiunea ProductX
  • Acum, faceți clic pe secțiunea Addons
  • Activați Builder din opțiunea disponibilă

Creați un șablon nou de pagină de magazin

Acum, trebuie să începem să creăm un nou șablon pentru pagina magazinului unde vom afișa produsele cu toate opțiunile de filtrare. Pentru asta:

Create a new WooCommerce shop page template
Creați un șablon nou de pagină de magazin
  • Faceți clic pe opțiunea Builder a ProductX
  • Faceți clic pe butonul „Adăugați nou”.
  • Dați numele șablonului
  • Alegeți Magazin ca tip de șablon
  • Faceți clic pe butonul de salvare și începeți personalizarea

Dacă doriți să aflați mai multe despre crearea și personalizarea paginii magazinului WooCommerce, consultați blogul făcând clic aici.

Adăugați filtru de produs WooCommerce la pagina magazinului

Acum, este timpul să adăugați blocul de filtru al produsului WooCommerce pe pagina magazinului. În primul rând, decideți unde doriți să adăugați opțiunea de filtrare în partea stângă sau în partea dreaptă. Și ce blocuri de produse doriți să adăugați? ProductX grilă de produse multiple și blocuri de listare a produselor.

De exemplu, vreau să adaug un bloc de grilă de produs cu opțiunea de filtrare în partea stângă. Pentru asta, trebuie să adaug un bloc de coloane cu un raport de 30/70.

Adding Columns
Adăugarea de coloane

Apoi adaug blocul de filtru al produsului în partea stângă și blocul grila nr. 1 al produsului în partea dreaptă a blocului coloanei.

Adding Product Filter and Product Grid Blocks
Adăugarea filtrului de produs și a blocurilor de grilă de produse

După adăugarea blocurilor, trebuie, de asemenea, să conectăm opțiunea de filtrare la blocul de produs făcând clic pe opțiunea de selectare drop-down, așa cum puteți vedea în imaginea de mai jos.

Connecting Filter Blocks with Product Grid Blocks
Conectarea blocurilor filtrante cu blocurile grilă de produs

Asta e tot, opțiunile de filtrare vor fi disponibile pentru un anumit bloc de produse. Dar continuă să citești articole de blog și verifică opțiunile de personalizare disponibile ale filtrului de produse. Și, dacă doriți să explorați opțiunea de personalizare a paginii magazinului, vizitați blogul făcând clic aici.

Opțiune de personalizare a filtrului de produs WooCommerce

Deși nu este obligatoriu să personalizați blocul de filtru Produs, deoarece este sortat destul de frumos. Cu toate acestea, credem că diferiți oameni au opțiuni diferite. Deci este absolut în regulă dacă nu vă place prezentarea implicită. Următoarele sunt opțiunile disponibile dacă doriți să faceți modificări:

Adăugarea sau eliminarea opțiunilor de filtrare: Din opțiunea de selecție a listei de filtre puteți adăuga sau elimina opțiuni de filtrare. Astfel, puteți controla ce opțiuni să afișați și care nu.

Adding or Removing Filtering Options
Adăugarea sau eliminarea opțiunilor de filtrare

Filtrarea textului etichetei: Din această secțiune, puteți modifica oricare dintre textele etichetelor opțiunilor de filtrare cu orice text doriți.

Filter Label Text
Filtrați textul etichetei

Stilul de căutare: funcțiile de căutare ajax ale ProductX sunt livrate cu o mulțime de opțiuni de personalizare. Puteți schimba culoarea și culoarea de fundal și puteți ajusta raza marginii și umplutura.

Ajax Search Filter Customization Options
Opțiuni de personalizare a filtrului de căutare Ajax

Concluzie

Acesta este totul despre filtrul de produs WooCommerce. Acum puteți începe să vă creați pagina de magazin personalizată cu opțiuni de filtrare pentru a le permite cumpărătorilor să-și găsească produsele cu ușurință. Dacă întâmpinați dificultăți sau aveți întrebări, nu ezitați să comentați mai jos. Așteptăm cu nerăbdare vești de la tine.

Vă place acest articol? Imprastie vestea
  • how-to-display-random-posts-in-WordPress

    Cum să afișați postări aleatorii WordPress: calea ușoară!

  • WordPress Filter Posts by Category and Tag

    WordPress filtrează postările după categorie și etichetă

  • best free WordPress magazine themes

    Cele mai bune 39 de teme gratuite pentru reviste WordPress 2021

  • WordPress Category Page Template

    2 moduri de a crea șablon de pagină de categorie WordPress