WooCommerce: Cum să începeți cu blocurile WooCommerce - PARTEA 1

Începând cu WordPress 5.0, editorul implicit de pagină/postări a fost complet reamenajat. Cu siguranță, ați auzit de Gutenberg.

Vestea proastă este că WooCommerce s-a alăturat noii experiențe de editare mult mai lent și mai sunt lucruri majore de dezvoltat pentru a o face prietenoasă cu Gutenberg.

Progresul compatibilității poate fi urmărit prin pluginul oficial WooCommerce Blocks, care spune „ Puteți folosi acest plugin dacă doriți acces la toate blocurile disponibile pentru WooCommerce – inclusiv la cele experimentale. Blocurile noastre „stabile” actuale sunt incluse în WooCommerce și pot fi adăugate din secțiunea „WooCommerce” din insertorul de blocuri „, deoarece puteți găsi blocurile lor „beta” acolo, cele pe care le numesc „experimentale” și care vor fi oficial lansate în WooCommerce odată ce sunt aprobate.

În acest articol, ne vom aprofunda în mod specific blocurile WooCommerce – ce sunt acestea, de ce sunt importante, câte blocuri sunt disponibile și cum le puteți utiliza.

Deoarece acesta este un subiect uriaș – avem douăzeci de blocuri WooCommerce de acoperit – îl împărțim în două părți. Acest articol va evalua primele zece blocuri pe care le poți folosi în magazinul tău. Dar mai întâi, să identificăm ce sunt blocurile WooCommerce și să investigăm de ce sunt atât de importante.

Ce sunt blocurile WooCommerce și de ce sunt atât de importante?

WooCommerce creează automat pagini precum pagini de categorii și pagini de magazin pentru a vă afișa produsele. Cu toate acestea, este probabil ca un alt site web WooCommerce să apară asemănător cu magazinul dvs. de comerț electronic - dacă aleg aceeași pagină și același aspect al produsului ca al dvs.

Cu toate acestea, cu WooCommerce Blocks, puteți face magazinul dvs. unic și vă puteți prezenta produsele în modul și aspectul pe care îl preferați.

WooCommerce Blocks vă oferă mai mult control asupra designului magazinului dvs. Integrarea sa cu Block Editor vă permite să vă personalizați magazinul fără a scrie o singură linie de CSS, a adăuga cod sau a necesita expertiză în design grafic.

Puteți adăuga cu ușurință blocuri cu o metodă simplă de glisare și plasare. Folosind interfața ușor de utilizat a WooCommerce Block, puteți:

• Creați pagini personalizate de magazin
• Creați pagini de destinație pentru a afișa o colecție de produse
• Adăugați blocuri de produse în anumite pagini sau chiar postări de blog
• Adăugați recomandări de produse, recenzii despre produse și bannere promoționale oriunde doriți

Deci, să aruncăm o privire la diferitele blocuri WooCommerce. Primiți 20 de blocuri WooCommerce încorporate când instalați WooCommerce . Iată o privire asupra primelor zece blocuri și a modului în care le puteți folosi.

O listă de blocuri esențiale WooCommerce [Partea 1]

1. Filtre active de produs

Filtrele de produse facilitează căutarea de produse pentru clienții dvs. Fără ele, există riscul de a pierde clienți – deoarece aceștia vor trebui să caute manual produsele alese. Din păcate, acest proces consumă mult timp și face site-ul dvs. mai puțin util și interactiv pentru publicul țintă.

Blocul Filtre active de produse afișează filtrele de produse care sunt active în prezent în vizualizarea curentă (deci, filtrele care au fost selectate la pasul anterior). În plus, acest bloc va prelua automat atributele produsului, permițând clienților să filtreze produsele active după orice atribut.

Puteți stila antetul blocului și puteți alege să afișați filtrele fie ca cip (similar cu butoanele) fie ca listă. Astfel, acest bloc facilitează adăugarea de filtre precum dimensiunea, forma sau culoarea produsului – făcându-l extrem de convenabil pentru clienții tăi.

2. Toate recenziile

Afișarea recenziilor clienților este o modalitate excelentă de a arăta credibilitatea și autenticitatea produsului dvs. Acționează ca o mărturie a produsului în care cumpărătorii au încredere mai mult decât pretinde produsul - crescând șansele ca utilizatorii să cumpere produsele.

Potrivit Trustpilot, 89% dintre clienți citesc recenzii online înainte de a cumpăra produsele. Aceasta arată rolul esențial pe care îl joacă recenziile clienților în vânzările de comerț electronic.

Astfel, includerea blocului Toate recenziile de pe site-ul dvs. WooCommerce poate acționa ca un schimbător de joc pentru vânzările de produse.

Acest bloc vă va permite să afișați întreaga listă cu toate recenziile de produse pe care le-ați primit oriunde în magazinul dvs. - cum ar fi postarea de blog sau pagina de destinație.

Vine cu multe opțiuni de personalizare în care puteți alege fie să ascundeți, fie să afișați numele produsului, numele recenzentului, data revizuirii, evaluarea produsului, conținutul recenziei și imaginea produsului.

Puteți personaliza setările permițând utilizatorilor să comande după cea mai mică evaluare sau o evaluare mai mare sau chiar să setați numărul de recenzii de afișat și să adăugați opțiunea „încărcați mai multe recenzii” pentru clienții dvs.

3. Toate produsele

Blocul Toate produsele afișează toate produsele din magazinul tău WooCommerce și vine cu opțiuni de sortare și paginare. Puteți alinia acest bloc cu blocul Active Product Filters pentru a afișa un meniu derulant de sortare.

Folosind opțiunea de paginare încorporată, clienții dvs. pot naviga cu ușurință în produsele dvs. înainte și înapoi pentru a vedea întreaga pagină a produsului dacă doriți să nu afișați toate produsele pe o singură pagină.

Aveți posibilitatea de a selecta Ordinea implicită de sortare a produselor – fie că este vorba de sortarea după cele mai recente produse sau de popularitatea produselor. De asemenea, puteți ascunde meniul derulant Sortare dacă este necesar. În plus, acest bloc vă permite, de asemenea, să adăugați conținut suplimentar, cum ar fi imagini, text și videoclipuri.

4. Categoria recomandate

Blocul de categorii recomandate vă permite să alegeți produse dintr-o anumită categorie de produse pe care doriți să le configurați și să le afișați ca categorie recomandată sau într-un banner îndemn la acțiune.

Este o soluție perfectă pentru a evidenția o anumită categorie de produs pe pagina dvs. de destinație sau pe o postare de blog - pentru a genera trafic și a maximiza vânzările pentru acea categorie specifică de produse.

Una dintre cele mai imperative caracteristici ale sale este Focal Point Selector care vă permite să trageți punctul de focalizare al imaginii produsului pentru a o plasa perfect în containerul de fundal. Acest bloc vă oferă, de asemenea, opțiuni precum ascunderea sau afișarea descrierilor produselor, adăugarea unei culori de suprapunere și modificarea opacității.

Astfel, dacă ați lansat recent o nouă colecție de produse – blocul Categorie recomandată vă poate ajuta să afișați colecția în mai multe locuri ale magazinului dvs. și să stimulați vânzările.

5. Produse recomandate

Blocul de produse recomandate vă permite să afișați produsele din magazin într-un banner prezentabil, cu impact frumos și frumos proiectat, cu un îndemn la acțiune (CTA).

Vine cu o mulțime de setări și opțiuni pentru a afișa sau a ascunde prețul și descrierea produsului, a controla alinierea textului, a adăuga o culoare de suprapunere, a ajusta poziționarea și opacitatea fundalului, a suprascrie fotografia produsului și a schimba butonul CTA.

Acest bloc este modalitatea perfectă de a prezenta anumite produse pe postările de blog sau pe pagina de destinație și de a atrage atenția clienților, atragându-i să facă achiziția.

6. Produse după categorie

Blocul Produse după categorie vă permite să afișați produse dintr-o categorie sau categorii selectate într-o grilă.

Vă permite să modificați numărul de rânduri și coloane ale grilei cu o opțiune de a ascunde sau afișa titlul produsului, prețul, evaluarea și butonul de adăugare în coș. Acest bloc poate crea diferite secțiuni cu diferite categorii de produse pe pagina dvs. de pornire.

7. Cele mai bine vândute produse

Blocul Produse cele mai bine vândute vă permite să afișați produsele cele mai vândute ale magazinului dvs. într-o grilă.

Designul acestui bloc este foarte asemănător cu cel al blocului Products By Category cu opțiuni de personalizare identice. De exemplu, puteți seta opțiunile de filtrare adecvate pentru produse, cum ar fi filtrarea după culoare, dimensiune și preț.

Folosind acest bloc, puteți încuraja clienții să răsfoiască produsele dvs. cele mai vândute și să-i atrageți să cumpere produse pentru ei înșiși.

8. Filtrați produsele după preț

Acest bloc afișează un glisor ușor de utilizat care permite clienților să filtreze produsele după preț. De exemplu, tragerea mânerului din stânga spre dreapta crește prețul, în timp ce tragerea mânerului din dreapta spre stânga îl reduce.

Puteți edita intervalul de preț minim și maxim și puteți adăuga un buton pentru a seta nivelul de titlu. Funcționează perfect în combinație cu blocul Toate produsele.

9. Filtrați produsele după atribut

Acest bloc adaugă un filtru care le permite clienților să filtreze produsele după atribute. Atributele pot fi culoarea, dimensiunea sau chiar aroma alimentelor.

Aveți posibilitatea de a afișa filtrul fie ca listă, fie ca meniu vertical. În plus, puteți alege nivelul de titlu, puteți include numărul de cuvinte sau puteți adăuga un buton.

10. Cele mai noi produse

Puteți folosi acest bloc pentru a afișa toate cele mai recente lansări și cele mai noi produse într-o grilă. Clienții pot filtra produsele pe baza unei categorii relevante.

Acest bloc este perfect pentru a prezenta și comercializa noul stoc al magazinului dvs. pe pagina de pornire și pentru a atrage mai multe priviri. Opțiunile sale de personalizare sunt similare cu cele din Blocul de produse cele mai vândute.

Concluzie

Indiferent dacă sunteți un expert în tehnologie sau un profesionist fără tehnică – folosirea WooCommerce Blocks este cea mai simplă și mai rentabilă modalitate de a vă afișa produsele într-o manieră captivantă și de a vă duce magazinul la următorul nivel.

Vă puteți promova produsele pe orice pagină și postare de blog de pe site-ul dvs. web. Tot ce trebuie să faceți este să trageți blocurile într-un anumit loc pe o pagină – iar pagina se actualizează în direct în timp real.

Deci, dacă doriți să vă animați magazinul WooCommerce și să atrageți mai multă atenție - utilizați blocurile WooCommerce menționate mai sus.

Avem și partea 2 a acestui articol cu ​​încă zece blocuri WooCommerce și modalități de a le adăuga și edita cu ușurință. Urmăriți-l pe măsură ce va fi difuzat săptămâna viitoare!