7 utilizări inovatoare ale unui plugin WooCommerce Table

Publicat: 2020-07-07

Odată cu extinderea comunității de pe internet, atractivitatea cumpărăturilor online crește și ea. În vremuri moderne ca aceasta, nu putem omite WooCommerce. Aproape fiecare magazin online de produse de succes folosește un plugin de tabel pentru a crea un tabel de produse WooCommerce.

Pluginul implicit WooCommerce are un aspect fix pentru vitrina dvs. digitală. În acest caz, produsele vor apărea într-un format de grilă fără a afișa majoritatea detaliilor produsului. De exemplu, un anumit bloc al produsului va avea doar un nume, o imagine, un preț și un buton Adaugă în coș. Pe de altă parte, un plugin de tabel cu WooCommerce încorporat prezintă câte date doriți.

Deci, dacă doriți să ieșiți în evidență pe piața digitală cu site-ul dvs. WooCommerce, atunci încercați un plugin de masă. Dacă doriți sugestia noastră, vă vom spune să alegeți Mesele Ninja!

Iată subiectele pe care le vom trata -

  • De ce să folosiți un plugin de masă pentru produse
  • Utilizări unice ale Ninja Tables pentru WooCommerce
  • Câteva caracteristici cheie ale Ninja Tables
  • O scurtă recapitulare
  • Cuvinte finale

Toate aceste puncte pe care le vom discuta vor fi construite în jurul unei explicații clare a magazinului WooCommerce.

Asadar, hai sa incepem!

De ce să folosiți un plugin de tabel pentru tabelele de produse WooCommerce?

Un plugin de masă are câteva caracteristici esențiale și ingenioase care ajută un magazin web în multe feluri. Cel mai important, arată produsele într-un mod prietenos cu clienții.

Integrarea WooCommerce și Ninja Tables Pro oferă un aspect dinamic și flexibil pentru a afișa fiecare detaliu necesar pe care îl doriți. De exemplu, puteți adăuga coloane care arată cantitatea produsului, o scurtă descriere, cod, preț de vânzare etc.

de ce să folosiți tabelul de produse WooCommerce

Acest plugin pentru tabel WordPress are o stivă masivă de caracteristici și funcționalități. Dar nu toate pluginurile oferă această integrare. Versiunea Pro este înaintea tuturor pluginurilor cu această caracteristică! Acest articol se va concentra pe evidențierea unor funcții inovatoare care vă pot ajuta afacerea cu produse Woo să crească.

În primul rând, instalați și activați pluginul Ninja Tables Pro și WooCommerce în tabloul de bord WordPress. Restul muncii nu este chiar complicat.

Cu toate acestea, dacă aveți nevoie de ajutor suplimentar, consultați documentația sau tutorialele video.

Utilizări unice ale plugin-ului pentru tabelul produsului Ninja Tables WooCommerce

În loc să vă oferim o listă cu toate funcțiile cu care vine Ninja Tables, ne-am propus să evidențiem doar câteva dintre cele mai inovatoare aplicații ale acestui plugin. Vom explica utilizările cu următorul tabel din imagine.

folosind un tabel de produse online gratuit

În mod clar, bara de sus are mai multe file care sunt similare cu mesele Ninja obișnuite. Dar veți vedea alte trei liste derulante distincte în fila „Rânduri de tabel”, care sunt doar pentru tabelul de produse Woo.

  • Puteți modifica setările de aspect prin de/selectând poziția coșului și butonul de finalizare a comenzii.
  • Setările de interogare sunt pentru editarea categoriei de produs, tipului și altele.
  • Al treilea meniu derulant vă permite „ Adăugați o coloană nouă ”.

Folosind acest plugin de masă pentru magazinul dvs. web, clienții pot derula mai ușor prin produsele dvs., ceea ce, la rândul său, vă face mai ușor să faceți o vânzare.

Aici mergem cu câteva caracteristici emblematice. Așadar, stați bine pentru plimbare!

  • Masa de proiectare
  • Stiluri
  • Formatarea condițională
  • CSS personalizat
  • Transformă valoarea
  • Filtru customizat
  • Integrarea unui formular
  • Setări de randare

Masa de proiectare

Ai putea crede că opțiunile de proiectare pentru a modifica funcționalitatea tabelului vine cu aproape toate pluginurile pentru tabel. Atunci ce este atât de nou în asta? Ei bine, Ninja Tables Pro oferă o paletă masivă de culori și personalizare nelimitată a culorilor, ceea ce nu este atât de comun.

Această parte este complet personalizabilă în versiunea Pro și are o mulțime de opțiuni pentru colorare, sortare, paginare, capacitate de răspuns etc.

Iată cum arată meniul „Culori de masă”.

proiectarea tabelului de produse online lite

Selectând „ Schema personalizată ”, puteți modifica și schimba culorile rândurilor pare și impare. Când deschideți casetele de culori, vor fi infinite culori din care să alegeți. Alegeți oricare și faceți clic pe „Actualizare setări” pentru a salva modificările.

tabel de produse online de personalizare a culorilor

În mod similar, puteți face clic pe „Șterge” dacă doriți ca rândul să rămână alb. Pentru acest tabel de produse Woo, am ales nuanțe de violet din selector. Butoanele „Vizualizare coș” și „Checkout” sunt încorporate.

Deci, iată cum arată o masă colorată.

personalizați tabelele de produse pentru magazinul online

Există, de asemenea, „ Scheme predefinite ” cu 13 culori atât în ​​modelele gratuite, cât și în cele Pro. Încercați-le dacă doriți. Aruncă o privire la documentul nostru „Personalizarea culorii tabelului” pentru o mai bună înțelegere.

Un tabel de produse WooCommerce ușor de utilizat

Stiluri

Ninja Tables Freemium are trei stiluri de masă. Depinde de utilizator dacă dorește Semantic UI, Bootstrap 3 sau 4 ca stil de tabel.

cel mai bun plugin pentru tabelul de produse pentru magazinul online

De aici, puteți „Permite vizitatorului să filtreze sau să caute în tabel” doar activând/dezactivând. În același timp, puteți seta un dispozitiv țintă pentru masa dvs. din „ Configurația tabelului stivuitor ”.

Dacă selectați toate casetele, tabelul va deveni derulabil pe orice ecran al dispozitivului. Pentru a afla mai multe, consultați articolul nostru despre „Cum să creați tabele stivuibile în WordPress”.

Există, de asemenea, o filă „Altele” cu-

  • Elemente de paginare pe pagină
  • Poziția de paginare
  • Poziția barei de căutare
  • Selectați Metoda de sortare
  • Detalii rând
  • Comutați poziția
  • Clasă CSS suplimentară
  • Antet lipicios

O masă WooCommerce care este atât colorată, cât și ușor de utilizat? Este obligat să vă sporească vânzările! Căutați mai multe în documentația noastră despre Proiectarea tabelelor.

Formatarea condițională

Din multe motive, Ninja Tables se remarcă în domeniul WordPress, iar integrarea WooCommerce este una dintre ele. Dar ce se întâmplă dacă ai putea folosi toate caracteristicile dinamice ale pluginului tabel și pentru tabelul tău de produse Woo?

Formatarea condiționată a coloanei este într-adevăr una dintre aceste caracteristici.

formatare condiționată în tabele online

Această opțiune vă permite să personalizați aspectul tabelului în funcție de valoarea celulei. De asemenea, puteți seta condiții din fila Rânduri de tabel trecând cu mouse-ul peste coloană. Adăugați condiții precum Egal, Nu este egal, Conține, Nu conține.

De asemenea, apar mai multe culori sau opțiuni de clasă CSS pentru opțiunile Celulă, Rând și Coloană.

În mod similar, adăugarea din „Adăugați condiție” sau ștergerea uneia din butonul de scădere și „Actualizare” este ușor ca o plăcintă!

CSS personalizat

În partea CSS personalizată, puteți modifica dimensiunea și culoarea fontului antetului, fontul corpului coloanei și culoarea. Pentru tabelul nostru de produse, am personalizat așa cum se arată în imaginea următoare.

Ninja Tables CSS personalizat ușor

Ați văzut deja un tabel WooCommerce în subiectul nostru de proiectare a tabelului. Am editat fonturile de coloană și antet în acest fel. Este un cod simplu . Nu trebuie să fii un expert pentru a-l folosi!

Cu această caracteristică, puteți schimba și butonul WooCommerce implicit „Adăugați în coș”.

De asemenea, există „Setări avansate” în fila Configurare tabel, unde puteți seta poziția, conținutul HTML la antetul tabelului, lățimea coloanei, clasele CSS personalizate și culoarea.

CSS personalizat poate schimba practic orice din tabel. Puteți stiliza antetul tabelului, rândurile și coloanele. Sau puteți adăuga un filtru de potrivire exactă, introduceți o imagine de fundal a tabelului, controlați distanța etc.

Masa de comert electronic realizata cu Ninja Tables

Această florărie online prezintă imaginea frumoasă a buchetului de flori din fundal. Vedeți cum vă înfrumusețează masa de produse?

Transformă valoarea

Scrieți un cod HTML (<a href=…………..) și puneți un cod scurt de referință pentru coloana specifică pentru a transforma tipul de date.

Personalizarea tipului de date în tabelele online

Această caracteristică ajută atunci când tabelul are un număr de telefon sau un e-mail și doriți un link către ele pentru a apela/e-mail imediat. Pentru mai multe detalii, consultați documentația sau blogul despre transformarea valorii.

Filtru customizat

Puteți modifica setarea de căutare/filtru din panoul de configurare.

Alegeți titlul filtrului, eticheta, interfața de utilizare și tipul de valoare, substituent și coloanele pe care doriți să le filtrați.

cum să utilizați filtrul personalizat în tabelele de produse

Integrarea formularelor în tabele

La fel ca și cum Ninja Tables creează un tabel cu intrări de formular, se integrează și cu un formular din tabel. Fiind două dintre produsele de top ale WPManageNinja, Ninja Tables și Fluent Forms se integrează între ele.

Să presupunem că doriți să afișați formulare goale de informații despre angajați într-un tabel de date în care angajații dvs. pot completa formulare singuri. În primul rând, creați formulare în WPFF și publicați formularul pe pagina WordPress.

Acum creați un tabel în Ninja Tables cu o coloană „Trimiteți formularul” și introduceți linkul paginii publicate în caseta Transform Value cu codul HTML.

completați formularele din tabelul de date

Angajații pot face acum clic pe formularul de pe tabel și pot introduce informațiile personale.

Setări de randare

Metodele de randare a tabelului includ:

  • Tabel Ajax, care vă ajută să încărcați o cantitate considerabilă de date și nu aveți o opțiune de îmbinare a celulelor.
  • Tabelul avansat (vechi) este locul în care puteți îmbina celulele, puteți reda coduri scurte etc.

Există mult mai multe utilizări inovatoare ale Ninja Tables. De exemplu,

  • Import-export format CSV și JSON.
  • Cutie lightbox imagine.
  • Conectați CSV extern.
  • Interogare SQL personalizată etc.

Dacă creați un tabel de produse folosind acest plugin pentru tabel, îl puteți configura și personaliza oricând. Să verificăm și alte caracteristici ale Ninja Tables Pro.

Câteva caracteristici cheie ale Ninja Tables

Caracteristicile tabelului de produse WooCommerce ale Ninja Tables

WooCommerce Product Table este una dintre cele mai bune utilizări ale Ninja Tables. Dar există și alte caracteristici. Am discutat deja pe majoritatea dintre ele. Dar lista nu se termină! Iată mai multe.

  • Adăugați conținut media pentru a vă face mesele mai animate și mai interactive.
  • Conectați Foi de calcul Google pentru a afișa datele într-o formă tabelară.
  • Integrarea WP Posts și Fluent Forms arată postări organizate și intrări de formulare.
  • Auto-integrare Ninja Charts.
  • Trageți și plasați pentru a rearanja.
  • Animația de trecere cu mouse-ul pe rând evidențiază un anumit rând.
  • Sortare manuală și configurare ușoară.
  • Uniți mai multe celule mici și faceți una mare.
  • Coloane și date nelimitate.
  • SEO prietenos și multe altele.

O scurtă recapitulare

Fiind cel mai mare punctaj în orice listă de pluginuri de top 5 pentru mese, Ninja Tables este în top! În principal din cauza integrării WooCommerce. Creșterea magazinului dvs. de produse online necesită expunerea tuturor produselor Woo într-un tabel stilizat și personalizat. Deci, în acest caz, Ninja Tables nu se reține în niciun aspect!

Punctele noastre principale au fost câteva utilizări inovatoare. Cu toate acestea, utilizați singur pluginul pentru a afla mai multe.

Cuvinte finale

În concluzie, nu vom împinge nimic. Dacă sunteți utilizator, atunci știți deja cât de fantastice funcționează Ninja Tables ca plugin pentru mese WooCommerce! Numai proiectarea tabelelor, stilul și formatarea condiționată îl țin în afară de pluginurile obișnuite.

În plus, puteți gestiona, organiza, afișa și evidenția cu ușurință masa cu produse Woo.

Dacă încă sunteți în confuzie, citiți articolul nostru despre „Vând mai multe produse folosind un plugin legendar pentru tabelul de produse WooCommerce”. Spune-ne despre experiența ta în secțiunea de comentarii.