Treci la conținutul principal

Cum să creați grile de produse WooCommerce pe WordPress

Divi: cea mai ușoară temă WordPress de utilizat

Divi: cea mai bună temă WordPress din toate timpurile!

mai mult Descărcări 901.000, Divi este cea mai populară temă WordPress din lume. Este completă, ușor de folosit și are mai mult de șabloane gratuite 62. [Recomandat]

Ați dorit vreodată să creați o grilă sortabilă și filtrabilă care să conțină toate sau o parte din produsele dvs. WooCommerce?

Dacă gestionați un magazin WooCommerce, știți că WooCommerce vine deja cu o pagină de arhivă dedicată care vă ajută să prezentați produse individuale.Cum se creează grila de produse wordpress woocommerce 1

Dar, în funcție de ceea ce vindeți, acesta nu este întotdeauna cel mai eficient mod de a vă prezenta produsele.

În unele cazuri, afișarea produselor WooCommerce într-o grilă este mai eficientă.

Și dacă asta sună ca situația în care vă aflați, sunteți bine, deoarece vă voi arăta cum să creați o grilă a produselor dvs. WooCommerce.

Dar dacă nu ați instalat niciodată WordPress, descoperiți Cum se instalează un blog WordPress pași 7 et Cum de a găsi, a instala și a activa o temă WordPress pe blog-ul dvs. 

Apoi înapoi la motivul pentru care suntem aici.

Ce poți face cu o grilă de produse WooCommerce?

Deși nu este o listă completă, iată câteva situații în care o grilă de produse poate oferi vizitatorilor o experiență mai bună decât pagina dvs. obișnuită de arhivă:

Descopera Cum se instalează un magazin online pe WordPress cu pluginul WooCommerce

  • Magazine cu ridicata - dacă comercializați cu ridicata o mulțime de produse, oferirea clienților dvs. de o modalitate ușoară de a sorta sau filtra o rețea poate fi mai ușor de utilizat decât să le răsfoiți pe paginile de produse individuale.
  • Catalog de produse - în mod similar, dacă doriți doar să afișați un catalog de produse ușor de parcurs, o grilă de sortare / filtrare AJAX va economisi timp clienților (și reîncărcarea paginilor).
  • Formulare de comandă - dacă doriți să creați un formular de comandă bazat pe produsele WooCommerce, o grilă oferă o modalitate foarte ușoară de a o face. Este, de asemenea, o abordare bună pentru a afișa un meniu de restaurant și a accepta comenzi online.

Cum se creează o grilă de produse WooCommerce

Vom folosi pluginul WooCommerce Product TablePluginul se concentrează în mod special pe crearea grilei de produse. Și datorită parametrilor de interfață și SHORTCODE, puteți personaliza aproape fiecare aspect al modului în care funcționează grila dvs.

Citiți și ghidul nostru despre: Cum de a crește timpul petrecut pe blogul dvs. WordPress

Iată câteva dintre cele mai utile caracteristici, după părerea mea:

  • Adăugați sau ștergeți cu ușurință coloane Puteți adăuga chiar și coloane care conțin câmpuri personalizate sau taxonomii personalizate, iar Tabelul de produse WooCommerce se integrează complet cu câmpurile personalizate avansate.
  • 4 filtre widget-uri incluse. Acestea vă permit să oferiți cititorilor o experiență perfectă oferind opțiuni de filtrare în bara laterală.
  • Suport pentru variații de produse / atribute. Alegeți dintre 3 moduri diferite de a afișa variațiile produselor în grila dvs.
  • Cutiile cu mai multe selecții. Acesta facilitează crearea formularelor de comandă, permițând clienților să selecteze mai multe produse înainte de a le adăuga în coșul de cumpărături.
  • Căutare, sortare și filtrare instantanee . Clienții vă pot manipula datele grilei fără a reîncărca pagina.
  • Adaugă în coș . În mod similar, clienții pot adăuga produse la coșurile lor fără a reîncărca pagina.
  • Suport pentru încărcare Lazy. Util pentru îmbunătățirea performanței rețelelor mari ( deși acest lucru afectează capacitatea de a oferi sortare sau filtrare instantanee )

Iată cum să utilizați acest plugin ...

Pasul 1: Configurați caracteristica Grilă implicită

După instalarea și activarea pluginului, primul lucru de făcut este să configurați funcționalitatea implicită pentru rețelele dvs. Vezi ghidul nostru pas cu pas despre cum să instalezi un plugin WordPress.

Aceasta definește în esență comportamentul implicit al codului scurt. Dar, de asemenea, puteți schimba acest comportament pentru rețele individuale adăugând parametri la codul scurt.

Pentru a accesa setările pluginului, accesați WooCommerce → Setări. Apoi faceți clic pe fila Produse și alegeți opțiunea Tabele de produse :

adăugați coloane de produse woocommerce wordpress.png

Configurarea aspectului grilelor dvs.

În primul rând, puteți alege stilul grilei dvs. în secțiune Tabel de proiectare. Puteți face acest lucru cu:

  • Mod implicit - după cum vă puteți imagina, această opțiune utilizează setările implicite ale pluginului, fără nicio intervenție ulterioară din partea dvs. El va încerca să utilizeze tema actuală a blogului dvs. cât mai mult posibil.
  • Personnalisé : atunci când este selectat, extinde o listă de opțiuni de stil care vă permite să personalizați culorile și dimensiunile fontului fără a fi nevoie CSS personalizate.

personalizați tabelul de produse css.png

După ce ați configurat stilul dvs., trebuie să configurați valorile implicite ale codului scurt. Din nou, le puteți edita pentru coduri scurte individuale prin parametrii acestora din urmă. Dar configurarea vă va economisi timp și va ușura lucrurile un pic mai târziu.

Creați cu ușurință site-ul dvs. web cu Elementor

Elementor vă permite să creați cu ușurință orice design de site web cu un aspect profesionist. Nu mai plătiți scump pentru ceea ce puteți face singur. [Gratuit]

configurarea tabelului produsului settings.png

Majoritatea setărilor sunt explicative și puteți vedea că tabelul de produse WooCommerce face o treabă bună în furnizarea de scule sau link-uri de documentare pentru a vă ajuta să aflați mai multe despre fiecare setare.

Descoperiți, de asemenea Cum de a adăuga un magazin de WooCommerce pe Facebook

După ce ați setat valorile implicite pentru shortcodes, puteți derula în continuare pentru a configura setări și funcții mai avansate.

configurație avansată a tabelelor de produs.png

Din nou, pluginul face o treabă excelentă; cel care oferă informații suplimentare pentru oricare dintre parametrii care ar putea fi puțin dificil de înțeles. 

Cum să controlați stocul magazinului online WooCommerce ? Descoperiți-l făcând clic pe acest link.

Un lucru la care trebuie să acorde atenție este limitarea taxei progresive. Dacă decideți să utilizați încărcarea progresivă pentru a vă accelera magazinul online, veți limita funcția de căutare și sortare a pluginului.

Vezi și selecția noastră de 12 cele mai bune pluginuri WooCommerce pentru a vă îmbunătăți magazinul online

După ce configurația este completă, asigurați-vă că vă salvați modificările.

Pasul 2: Adăugați widgeturi WooCommerce Grid (opțional)

După cum am menționat, Tabelul de produse WooCommerce oferă, de asemenea, patru widget-uri pentru a vă ajuta să adăugați opțiuni de filtrare în bara laterală ( după cum puteți pentru magazinele clasice WooCommerce ).

Pentru a-l accesa, accesați Aspect → Widgets ca de obicei și glisați pe widgeturile dorite:

tabel widget woocommerce.png

Pasul 3: Adăugați un shortcode unde doriți să afișați grila produsului

Sunteți la linia de sosire! Acum tot ce trebuie să faceți este să adăugați codul scurt [product_table] oriunde doriți să apară grila dvs.

Descoperă și tu Cum de a găsi link-ul la pagina de conectare WordPress

În mod implicit, shortcode-ul va funcționa în funcție de setările pe care le-ați ales la pasul 1. Dar dacă doriți să personalizați funcționalitatea pentru anumite shortcodes, puteți face acest lucru folosind mulți parametri shortcode disponibilă.

De exemplu, pentru a utiliza grila numai pentru produsele dintr-o anumită categorie, puteți adăuga un parametru de genul acesta:

Căutați cele mai bune teme și pluginuri WordPress?

Descărcați cele mai bune pluginuri și teme WordPress pe Envato și creați cu ușurință site-ul dvs. Web. Deja mai mult de descărcări 49.720.000. [EXCLUSIV]

[product_table categorie="pălării"]

Puteți fi chiar creativ și utilizați condițiile AND / OR aici.

De exemplu:

  • [product_table categorie= "pălării + în stea« ] afișează numai produsele care aparțin fișierului fois la categoriile de pălării et în stele.
  • Product_table categorie= "pălării în stea "] afișează produse care sunt dacă pălării ou categoria de stele.

Această atenție la detaliile mici este ceea ce face grila de produse WooCommerce atât de mare. 

Vezi și nostru 6 plugin-uri WordPress pentru a da o viață nouă articolelor tale

Și cam atât este vorba despre aceasta cu o grilă de produse pe WooCommerce!

Prețuri pentru pluginul pentru tabelul de produse WooCommerce

WooCommerce Product Table este exclusiv un plugin premium. În timp ce există câteva opțiuni gratuite listate în directorul WordPress.org, nu am găsit niciunul care să fie la fel de flexibil sau bine documentat, așa că cred că Tabelul de produse WooCommerce merită prețul, care este ...

Pentru site-ul 1 - 75 USD

Pentru site-urile 5 web - 135 USD

Pentru site-urile web 20 - 275 USD

Descoperiți și câteva plugin-uri premium WordPress  

Puteți utiliza alte plugin-uri WordPress pentru a da un aspect modern și a optimiza aderența blogului sau a site-ului dvs. web.

Vă oferim aici câteva plugin-uri WordPress premium care vă vor ajuta să faceți asta.

1. HBook

HBook este o extensie WordPress care vă va permite să creați cu ușurință o soluție de rezervare online pe site-ul dvs. web.

Hbook

Este perfect potrivit pentru oricine are o afacere în sectorul hotelier (hoteluri, apartamente de vacanță, camping etc.).

Descoperiți și noi Pluginurile 5 WordPress pentru a partaja conținutul blogului dvs.

Datorită pluginului WordPress HBook, veți putea adăuga calendare de disponibilitate, liste de prețuri și formulare de rezervare pe site-ul dvs. web, în ​​doar câteva secunde.

Descarca | Demo | web hosting 

2. WooCommerce Tabs Pro: file suplimentare pentru pagina de produse

Acest plugin WordPress vă oferă file suplimentare nelimitate pe pagina produsului.Extra file-produs-pagini-WordPress-plugin-to-page-builder

Principalele sale caracteristici sunt: ​​posibilitatea de schimbați titlul filelor, a editor pentru a edita conținut personalizat, pagposibilitatea de a fixa filele sau nu, alegerea pictograme pentru file, îndepărtarea ușoară file, ppersonalizarea poziției filelor pe interfața publică, emai mult ...

Descarca | Demo | web hosting

Acest plugin WooCommerce permite afiliaților dvs. să obțină puncte de credit dacă abonații lor cumpără produsele dvs. din magazinul online existent.

Plugin de recomandare multi-nivel Woocommerce

Caracteristicile sale sunt, printre altele: configurarea unei limite personalizate de credit și de răscumpărare, rapoarte complete de administrare pentru utilizatorii înregistrați, gestionarea parametrilor globali sau specifici produsului, suportul codurilor scurte, și multe altele.

Descoperă și tu Cum să adăugați un formular de contact derulant în antetul dvs. global

Creați ușor magazinul dvs. online

Descărcați gratuit WooCommerce, cele mai bune pluginuri de e-commerce pentru a vă vinde produsele fizice și digitale pe WordPress. [Recomandat]

Este un sistem de afiliere multi-nivel WooCommerce, ceva care se află în afara sistemului tranzacțional tipic de afiliere.

Descarca | Demo | web hosting

Alte resurse recomandate

De asemenea, vă invităm să consultați resursele de mai jos pentru a merge mai departe în controlul și controlul site-ului și blogului dvs.

Concluzie

Asta e! Asta e pentru acest tutorial. Sper că veți putea crea grile de produse WooCommerce pe WordPress. simte-te liber sa împărtășiți sfatul prietenilor dvs. de pe rețelele de socializare.

Cu toate acestea, veți putea, de asemenea, să ne consultați Resurse, dacă aveți nevoie de mai multe elemente pentru a vă derula proiectele de creare a site-urilor de internet, consultați ghidul nostru cu privire la Creare blog WordPress.

Dar, între timp, spuneți-ne despre dvs. comentarii și sugestii în secțiunea dedicată.

...

Acest articol conține comentarii 2

  1. bonjour,

    Vă mulțumesc foarte mult pentru acest tutorial, foarte clar și precis, dar puteți actualiza prețurile pentru pluginul „Tabelul produselor WooComerce”, deoarece dezvoltatorul și-a modificat prețurile mult mai mari decât cele publicate în articolul dvs.
    Prețul pluginului:
    Personal = Site 1: 89 € / an sau 269 € actualizare pe viață
    Afaceri = Site-uri 5: 159 € / an sau 479 € actualizare pe viață
    Agenție = Site-uri 20: 319 € / an sau 959 € actualizare pe viață

    Să aveți o săptămână bună

Lasă un comentariu

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate *

Acest site folosește Akismet pentru a reduce nedorite. Aflați mai multe despre modul în care sunt utilizate datele dvs. de comentarii.

Inapoi in top
11 acțiuni
acțiune8
tweet1
Registru2