Cum să creezi o pagină frumoasă de magazin WooCommerce (în 5 pași)

Căutați cel mai simplu mod de a personaliza pagina magazinului WooCommerce?

WordPress oferă o mare varietate de blocuri pentru a vă ajuta să creați site-uri web profesionale. Dacă utilizați WooCommerce, aveți acces și la blocurile WooCommerce dedicate pe care le puteți utiliza pentru magazinul dvs. online.

Prin urmare, s-ar putea să vă întrebați cum să utilizați aceste elemente pentru a construi o pagină de magazin WooCommerce care generează conversii.

Din fericire, procesul este foarte simplu. Folosind aceste blocuri, WooCommerce vă permite să vă afișați produsele în moduri diferite. În plus, puteți adăuga filtre și funcții de căutare pentru a facilita navigarea în magazin pentru utilizatori.

În acest articol, vă vom arăta cum să creați o pagină frumoasă de magazin WooCommerce folosind blocuri . Puteți urma instrucțiunile noastre și alege ce blocuri doriți să utilizați, în funcție de nevoile dvs. Să începem!

Cuprins:

1. Plasați blocul Toate produsele
2. Adăugați blocuri Produse recomandate și/sau Produse alese manual
3. Activați căutarea de produse pe pagina magazinului
4. Folosiți blocurile Categorie recomandate
5. Adăugați o opțiune pentru a filtra produsele după preț

Cum să personalizați pagina magazinului WooCommerce cu blocuri

Pentru a începe, veți dori să deschideți editorul pentru pagina Magazin a magazinului dvs. Apoi, urmați aceste instrucțiuni pentru a-i personaliza conținutul.

1. Așezați blocul Toate produsele

Paginile magazinului vin în toate formele și dimensiunile. Într-un magazin online, această pagină afișează de obicei toate produsele pe care le aveți de vânzare. Utilizatorii pot face clic pe articole individuale pentru a-și deschide paginile respective de produse sau le pot adăuga direct în coșul lor (dacă magazinul permite acest lucru):

Cu WordPress și WooCommerce, aveți control deplin asupra elementelor pe care să le includeți în pagina magazinului dvs. Aspectul acestei pagini va depinde de tema pe care o utilizați și de modul în care o configurați.

WooCommerce configurează automat o pagină de magazin atunci când începeți să utilizați pluginul, astfel încât să puteți continua și să vedeți cum arată a ta. Când sunteți gata să îl editați, accesați Pagini și găsiți opțiunea Magazin .

Deschideți această pagină în Editorul de blocuri și ar trebui să vedeți ceva de genul acesta:

În mod implicit, pagina Magazin include blocul Toate produsele și un antet. Dacă nu vedeți acest bloc, îl puteți adăuga în pagină făcând clic pe semnul plus (+) și selectându-l din lista de opțiuni:

Blocul Toate produsele afișează o grilă care conține toate produsele magazinului dvs., comandate de la nou la vechi. Pentru a modifica ordinea de afișare a produselor, faceți clic pe bloc și accesați panoul de setări din dreapta. Apoi, navigați la secțiunea Setări de conținut și selectați preferința dvs. din meniul Comandă produse după :

Între timp, sub Setări aspect , puteți alege numărul de coloane și rânduri pe care doriți să le afișați în grila de produse. Simțiți-vă liber să explorați celelalte opțiuni disponibile cu acest bloc.

2. Adăugați blocuri Produse recomandate și/sau Produse alese manual

Multe pagini de magazin evidențiază produse specifice. Acestea sunt de obicei articole asupra cărora proprietarii de magazine doresc să atragă atenția, cum ar fi stocuri noi sau reduse sau produse adăugate recent. WooCommerce vine cu un bloc Produs recomandat care vă permite să prezentați orice articol din magazinul dvs.

După ce plasați acest bloc pe pagina dvs., va trebui să selectați produsul pe care doriți să îl prezentați și să faceți clic pe Terminat :

Apoi, WooCommerce va afișa imaginea produsului, numele, prețul, descrierea și un îndemn (CTA). Blocul ar trebui să arate cam așa:

Apoi puteți personaliza acest bloc după bunul plac. De exemplu, puteți schimba imaginea și modifica butonul CTA.

Dezavantajul adăugării blocului Produs recomandat la pagina magazinului dvs. WooCommerce este că poate distrage atenția utilizatorilor de la restul produselor dvs. Pentru a contracara acest lucru, vă sugerăm să folosiți coloane pentru a afișa mai multe produse prezentate una lângă alta:

O alternativă la blocul Produse recomandate este opțiunea Produse alese manual . Acest bloc vă permite să alegeți mai multe produse și să le afișați unul lângă altul. Folosește același stil ca și blocul Toate produsele :

Atât blocurile Produse recomandate, cât și Produse alese manual îndeplinesc scopuri similare. În mod ideal, veți alege una dintre cele două opțiuni pentru a nu copleși vizitatorii cu prea multe articole prezentate. De asemenea, recomandăm plasarea acestor blocuri în partea de sus a paginii, astfel încât utilizatorii să nu le poată rata.

3. Activați căutarea de produse pe pagina magazinului

Dacă aveți un magazin cu un catalog mare de produse, va trebui să oferiți o funcție de căutare. În acest fel, utilizatorii pot căuta orice articole specifice pe care le aveau în minte, fără a fi nevoiți să răsfoiască întregul magazin.

Când adăugați un bloc de căutare pe pagina magazinului dvs., veți dori să căutați opțiunea de căutare de produse , nu blocul de căutare implicit WordPress. Căutarea de produse va limita rezultatele la produsele WooCommerce, în timp ce celălalt bloc de căutare va include toate celelalte pagini de pe site-ul dvs.

Iată cum arată funcția de căutare WooCommerce:

Rețineți că blocul Căutare produse nu funcționează în editor, așa că va trebui să îl testați pe front end. În plus, blocul nu oferă funcționalitate de completare automată, așa că utilizatorii vor trebui să introducă o interogare completă și să încarce o pagină nouă pentru a vedea rezultatele.

4. Utilizați blocurile Categorie Featured

Pe lângă indicarea utilizatorilor către produse alese manual, poate doriți să evidențiați și categorii specifice de produse. Acest lucru poate fi deosebit de util dacă vindeți mai multe tipuri de produse, deoarece le va permite utilizatorilor să caute articole într-un anumit departament.

Începeți prin a adăuga blocul Categorie recomandate pe pagina magazinului dvs. WooCommerce. Apoi, selectați categoria de produs pe care doriți să o evidențiați și faceți clic pe Terminat :

Iată cum va arăta blocul Categorie Featured :

Blocul vă permite să schimbați culoarea fundalului și a textului, dar nu oferă multe opțiuni suplimentare de personalizare. În plus, deoarece blocul ocupă mult spațiu, vă recomandăm să plasați mai multe categorii prezentate una lângă alta folosind coloane:

Deoarece blocul Categorie de produse recomandate este foarte simplu, vă recomandăm să căutați pluginuri precum Otter Blocks pentru personalizare suplimentară.

Cu Otter Blocks, puteți modifica blocurile WooCommerce adăugând animații și alte setări de vizibilitate:

Mai mult, Otter Blocks adaugă o varietate de blocuri noi pe care le puteți folosi în magazinul dvs. online. Acestea includ opțiuni precum ferestre pop-up (care sunt perfecte pentru colectarea înscrierilor prin e-mail) și recenzii de produse.

5. Adăugați o opțiune pentru a filtra produsele după preț

Până acum, magazinul tău are o bară de căutare, produse alese manual, categorii prezentate și întregul tău catalog de produse. Tot ceea ce îți lipsește este o modalitate prin care utilizatorii pot filtra produsele.

Blocul Filtrare produse după preț le permite clienților să facă exact asta. Blocul afișează un glisor care le permite clienților să stabilească prețurile minime și maxime pentru produsele pe care doresc să le vadă:

Valorile prețurilor nu sunt modificabile – depind de prețurile produselor dvs. Vizitatorii pot fie să introducă valorile pe care le doresc, fie să folosească glisorul pentru a le modifica.

Când faceți modificări la glisorul de preț, blocul Toate produsele se va actualiza pentru a afișa produsele care îndeplinesc criteriile. Acest lucru se întâmplă fără ca utilizatorii să fie nevoie să reîncarce pagina.

În ceea ce privește plasarea, vă recomandăm să adăugați blocul Filtrare produse după preț deasupra catalogului de produse. În acest fel, utilizatorii îl vor vedea în timp ce derulează în jos pe pagină.

De asemenea, puteți permite utilizatorilor să filtreze produsele după dimensiune, culoare și alte caracteristici. Blocul Filtrare produse după atribut vă permite să răsfoiți produsele care îndeplinesc un atribut ales, pe baza opțiunilor disponibile în magazinul dvs.

Și cam asta este! Când ați terminat, asigurați-vă că ați salvat modificările și noua pagină de magazin va începe să funcționeze imediat.

Configurați pagina magazinului dvs. WooCommerce astăzi

Scopul tău final este să creezi o pagină care să maximizeze conversiile, oferind utilizatorilor toate opțiunile pe care le caută într-un aspect și o ordine care să aibă sens.

Odată ce ați configurat pagina de magazin WooCommerce, vă puteți îndrepta atenția către paginile dvs. unice de produse. În acest scop, asigurați-vă că consultați ghidul nostru despre cum să optimizați pagina produsului WooCommerce.

Aveți întrebări despre cum să creați o pagină de magazin WooCommerce folosind blocuri? Spune-ne în secțiunea de comentarii de mai jos!