5 moduri simple de a afișa produsele pe un magazin online wordpress

Afișarea produselor pe un magazin online WordPress poate fi într-adevăr un coșmar pentru un începător de comerț electronic. Când am început să-mi construiesc magazinul online, m-am gândit că ar fi o nebunie să îmi plasez articolele pe pagina principală a site-ului meu web. Dar toată sarcina a fost o luptă destul de ascendentă!

Conform propriei mele experiențe, obținerea de produse care să apară pe site-ul dvs. web vă poate consuma mult timp, mai ales dacă sunteți nou în comerțul electronic. Am ajuns să aflu că este o sarcină care necesită o bună cunoaștere a WordPress.

Produse afișate pe un magazin online

De Jan Saints (Lucrare proprie): CC-BY-2.0

Dacă creați un magazin online WordPress pentru prima dată, cu siguranță trebuie să aflați cum să configurați un site web general cu acest sistem de gestionare a conținutului. De asemenea, trebuie să vă familiarizați cu lucruri cum ar fi plugin-uri de comerț electronic, widget-uri și coduri scurte. În plus, dacă utilizați WooCommerce, trebuie să știți despre opțiunile disponibile de afișare a produsului și să înțelegeți setările generale ale pluginului. Acest ghid simplu despre cum să creați un magazin online și să afișați articole (de Riccardo Andronaco) explică toate acestea și mi s-a părut destul de util.

În acest articol, voi discuta cinci moduri de a afișa și aranja produse pe un site web de comerț electronic WordPress. Citiți mai departe pentru a afla cum să apară articole pe paginile site-ului dvs. web și cum să le aranjați în consecință.

Cinci moduri de a afișa și aranja articole pe un magazin online WordPress

1. Metoda automată
2. Widgeturi
3. Pluginuri
4. Shortcodes
5. Glisoare

1. Utilizarea metodei automate

După cum sugerează și numele, nu trebuie să faceți nimic pentru ca produsele să apară pe pagina magazinului. Elementele sunt afișate pe măsură ce le adăugați din tabloul de bord. Acestea sunt aranjate automat în ordine alfabetică sau aleatoriu, cu sau fără categorii, în funcție de setările de afișare WooCommerce.

Pagina de pornire poate găzdui doar un anumit număr de produse, ceea ce înseamnă că, dacă aveți un număr mare de produse, unele dintre ele vor fi plasate pe paginile 2, 3, 4 și așa mai departe.

Această metodă face dificilă pentru clienții dvs. să cunoască toate tipurile de produse din magazinul dvs., deoarece nu include categorii și unele articole sunt ascunse pe alte pagini.

Este posibil să fie necesar să evitați această metodă dacă puteți utiliza unele metode mai bune (descrise mai jos) pentru a afișa elemente. Dar dacă aveți un număr de articole care se pot încadra pe o singură pagină, adică pagina principală, atunci puteți adopta această metodă.

Produse afișate aleatoriu

De Jan Saints (Lucrare proprie): CC-BY-2.0

2. Utilizarea widgeturilor

După cum ați putea fi conștient, un widget în WordPress este un mic bloc de conținut care poate fi plasat pe secțiunile din bara laterală și subsol. Oferă o modalitate simplă și ușoară de a personaliza un site web. Unele widget-uri obișnuite includ: postări recente, casetă de căutare, categorii și meniu de subsol.

Pe un site web de comerț electronic, widgeturile pot fi utilizate pentru a afișa categoriile de produse pe bara laterală sau subsol. Prin urmare, acestea pot fi o modalitate excelentă de a stimula metoda automată (discutată mai sus) care nu include categorii de produse.

Unele widget-uri grozave care vin cu teme WordPress pentru eCommerce includ produse populare, produse recente, cele mai bine vândute produse, cele mai bine cotate și produse recomandate. Aceste widget-uri sunt personalizabile, ceea ce înseamnă că le puteți redenumi cu categoriile reale de articole. De asemenea, le puteți trage și plasa pentru a obține un aranjament care se potrivește stilului dvs.

Deoarece widgeturile pot afișa produse doar pe bare și subsoluri, majoritatea proprietarilor de magazine online le consideră nedorite. Cel mai bun loc pentru afișarea articolelor este pe bara principală a unei pagini, lucru care nu poate fi realizat cu widget-uri.

Produse afișate pe o bară laterală cu ajutorul unui plugin

De Jan Saints (Lucrare proprie): CC-BY-2.0

3. Utilizarea pluginurilor

În WordPress, un plugin este un set de programe care conține un grup de funcții, caracteristici sau servicii. În acest sistem de gestionare a conținutului, există zeci de mii de plugin-uri (atât gratuite, cât și premium) potrivite pentru o gamă largă de nevoi. Există pluginuri pentru toate tipurile de site-uri web, de exemplu, există pluginuri pentru eCommerce (cum ar fi WooCommerce), directoare, bloguri, platforme de revânzare și rezervare.

Când vine vorba de afișarea și aranjarea articolelor pe un magazin online, există o multitudine de pluginuri pe care le puteți utiliza pentru a efectua această sarcină. Dar majoritatea pluginurilor nu sunt destul de eficiente, deci trebuie să alegeți cele care s-au dovedit a funcționa.

Cele mai recomandate pluginuri pentru afișarea articolelor pe un magazin online WordPress sunt Ultimate Product Catalog și WooCommerce Product Sort and Display.

Pluginul de sortare și afișare funcționează mai bine cu un alt plugin numit Endless Scroll, care vă permite să afișați un număr mare de articole pe pagina magazinului dvs. După instalarea și activarea celor două pluginuri, trebuie să accesați categoriile de produse și să trageți și să plasați categoriile pentru a obține afișajul potrivit. Apoi puteți seta numărul de produse care să fie afișate pe categorie, cu link-uri pentru a vedea toate.

În ceea ce privește sortarea, plugin-ul vine cu sortare implicită și sortare după popularitate, noutate, preț (de la mic la mare și invers), la vânzare și prezentate. Unele dintre aceste caracteristici vin cu versiunea premium a pluginului, de aceea se recomandă utilizarea acestei versiuni.

Celălalt plugin, Ultimate Product Catalog, este un pic complex. După instalarea și activarea pluginului, trebuie să adăugați toate produsele și categoriile pe acesta pentru a obține ID-uri pe care le puteți utiliza în coduri scurte pentru a vă afișa articolele. De asemenea, trebuie să creați câteva cataloage mici pentru articolele dvs.

De exemplu, următorul cod scurt va afișa produsele din catalog cu ID-ul „x”.

sau

Pluginul este dotat cu funcții precum machete de catalog personalizabile, prețuri de vânzare, import de produse, simbol valutar, pesmet, distribuire pe rețelele sociale, recenzii și evaluări de produse, integrare SEO by Yoast și un număr mare de opțiuni de setare.

Stilele de catalog de produse incluse în plugin includ: aspect minimalist, bloc, hover și cu file. Unele dintre aceste stiluri, precum și unele dintre caracteristicile descrise mai sus, sunt disponibile cu versiunea premium a pluginului.

Produse afișate într-un stil bloc cu ajutorul unui plugin

De Jan Saints (Lucrare proprie): CC-BY-2.0

4. Utilizarea Shortcodes

Dacă utilizați WooCommerce pentru magazinul dvs. online, puteți găsi coduri scurte pentru a fi cel mai simplu mod de a afișa produsele pe pagina magazinului dvs. Codurile scurte funcționează cu coduri de produse și coduri de produs și SKU-uri și pot fi doar copiate și lipite pe pagina magazinului pentru a afișa articole. Vedeți codurile scurte de mai jos.

- afișează listarea categoriilor.

- arată un număr specific de categorii și funcționează bine cu următoarele argumente. Notă: Aceste argumente pot funcționa și cu acest shortcode.

• number = "nul" - pentru a afișa numărul de categorii.
• orderby = "nume" - pentru a afișa categoriile atunci când sunt ordonate după nume. Notă: Valoarea „nume” poate fi înlocuită cu data, rand (aleatoriu), modificată și niciuna.
• order = "asc" - pentru a afișa categoriile atunci când sunt ordonate în ordine crescătoare. Notă: Valoarea "asc" poate fi înlocuită cu "desc" pentru a comanda în ordine descrescătoare.
• coloane = "x" - pentru a afișa coloanele "x" ale unei categorii.
• hide_empty = "1" - pentru a ascunde categoriile.
• hide_empty = "0" - pentru a afișa categoriile.
• parent = "0" - pentru a afișa categoriile de nivel superior.
• ids = "x" - pentru a afișa categoria cu id "x".
• category = "x" - pentru a afișa categoria "x".

• categories_limit - pentru a afișa un număr limitat de categorii.
• template_archive - pentru a afișa un șablon de arhivă specific pentru o anumită listă.
• design_scheme - pentru a afișa o anumită culoare sau dimensiune.
• sort = "0" - pentru a dezactiva selectorul de sortare a produselor.
• sort = "1" - pentru a activa selectorul de sortare a produselor.
• = "1" - pentru a activa codul scurt.
• post_type - pentru a afișa intrări dintr-un alt tip de postare.
• per_row - pentru a afișa produsele pe rând.
• gol - pentru a afișa un anumit text atunci când nu există produse de afișat.

• - afișează elementele „y” din categoria „x” afișate în coloanele „z” și aranjate în ordine descrescătoare în funcție de data la care au fost postate.
• - afișează listarea produselor.
• - afișează numele produsului. Notă: Valoarea „nume” poate fi înlocuită cu alte valori pentru a forma mai multe coduri scurte. Unele dintre aceste valori includ: preț, descriere, scurtă descriere, tabel de atribute, SKU, transport, galerie și categorii conexe.
• - afișează categoriile pentru pagina actuală de listare a produselor.
• - afișează produsele pentru pagina actuală de listare a produselor.
• - arată pesmet.
• - prezintă un număr limitat de produse.
• - afișează o adresă URL a produsului care indică pagina principală de listare a produselor.
• - afișează produsele disponibile în prezent.
• - afișează produsul cu codul „x”.
• - afișează produse cu codurile „x”, „y” și „z”.
• - afișează produsul cu SKU "xyz"
• - afișează produsul cu SKU "abc", "def" și "ghi".
• - afișează prețul și butonul Adăugare la coș pentru un produs cu codul „x”.
• - afișează prețul și butonul de adăugare la coș pentru un produs cu SKU "x".
• - afișează maximum de elemente „x”.
• - afișează produse cu un anumit atribut, adică atributul „culoare”, iar culoarea „negru”.

• - afișează produsele „x” recente afișate în coloanele „y” și aranjate în ordine descrescătoare în funcție de data la care au fost postate.
• - afișează produsele cu caracteristici „x” afișate în coloane „y” și aranjate în ordine descrescătoare în funcție de data la care au fost postate.
• - afișează produsele populare „x” afișate în coloane „y” și aranjate în ordine descrescătoare în funcție de data la care au fost postate.
• - afișează produsele de top „x” afișate în coloane „y” și aranjate în ordine descrescătoare în funcție de data la care au fost postate.
• - afișează cele mai bine vândute produse „x” afișate în coloane „y” și aranjate în ordine descrescătoare în funcție de data la care au fost postate.
• - afișează produsele aferente „x” afișate în coloane „y” și aranjate în ordine descrescătoare în funcție de data la care au fost postate.
• - afișează lista produselor cu șablon clasic de listă. Notă: Alte șabloane precum „grilă” și „implicit” pot fi utilizate în locul „listei”.
• - afișează produse din categoria cu codul „x” și cu șablonul clasic de listă.

Notă: Dacă sunteți bun în codificare, puteți modifica aceste coduri scurte pentru a obține o afișare și o aranjare mai bune a produselor.

Un cod scurt lipit pe o pagină

De Jan Saints (Lucrare proprie): CC-BY-2.0

5. Utilizarea glisorilor

În cazul în care nu știați, un glisor este un element de pagină web care este utilizat pentru a evidenția un grup de postări selectate. Este ca o prezentare de diapozitive, ceea ce înseamnă că afișează câte o postare la un moment dat, trecând automat de la una la următoare sau făcând clic.

Pentru a afișa produse cu glisoare, trebuie să înlocuiți postările cu produsele dvs. Când vine vorba de crearea unui glisor de produse, aveți nevoie de un plugin glisor receptiv precum Soliloguy. După instalarea și activarea pluginului, trebuie să adăugați un nou glisor și puteți face acest lucru folosind fotografii, linkuri și alte detalii necesare ale articolelor dvs. Următorul pas este să salvați sau să publicați glisorul pentru a obține un cod scurt și o etichetă șablon.

În cele din urmă, trebuie să copiați și să inserați codul scurt pe pagina dvs. de pornire sau în orice altă pagină pentru a afișa produsele. Eticheta șablon poate afișa elemente în secțiunea antet a temei dvs. Trebuie doar să copiați eticheta, să vă deschideți header.php și să o inserați pe pagina codificată.

WooCommerce are un plugin numit Products Slider, care este adaptat pentru eCommerce. Funcționează ca un plugin tipic cu glisor, dar are mai multe setări și opțiuni. Vă încurajez să vedeți dacă vă poate ajuta cu afișarea și aranjarea articolelor.

Produse afișate pe un glisor

De Jan Saints (Lucrare proprie): CC-BY-2.0

Concluzie

Afișarea și aranjarea articolelor pe site-ul dvs. de e-commerce WordPress este destul de simplă și ușoară cu aceste cinci metode. Dacă ți-a fost greu să afișezi și să aranjezi produse pe magazinul tău online, ar trebui să începi acum să faci aceste două sarcini cu multă ușurință. Alegeți o metodă care credeți că poate funcționa pentru dvs. și plasați acele produse pe pagina dvs. de pornire într-un mod mai inteligent.

Referințe

1. Mening. R. Cum să construiești un magazin online cu WordPress și WooCommerce. websitesetup.org . SetUp site-ul web. (2017).
2. Andronaco R. Cum să creați un magazin online folosind WooCommerce și Wordpress: Ghid simplu pentru configurarea perfectă a unui site de comerț electronic. (2017).
3. Rastaurius E., Etoile Web Design. Catalog de produse eCommerce pentru WordPress. wordpress.org. implecode. (2017).
4. WooCommerce. Coduri scurte incluse cu WooCommerce. docs.woocommerce.com . WooCommerce. (2016).
5. Truman S., Tuan N., Ar3rev Software. Sortarea produselor WooCommerce și afișarea pluginului. wordpress.org. Software Ar3rev. (2013).
6. YiThemes. Yith Infinite Scrolling Plugin. wordpress.org. YITHEMES. (2017).
7. Razzak S. Un ghid exclusiv pentru produsele WooCommerce Slider Plugin. cloudways.com. Cloudways Ltd. (2016).
8. Balkhi S. Cum să creați cu ușurință un glisor WordPress receptiv cu Soliloquy. wpbeginner.com . WPBeginner. (2014).

© 2017 Januaris Saint Fores