Scurtăturile WooCommerce vă permit să afișați informații de la magazinul dvs. în moduri noi și interesante. WooCommerce vine pre-construit cu Scurtăturile, și puteți instala plugin-uri pentru a adăuga mai multe. Indiferent dacă doriți să listați produsele într – un tabel, să afișați coșul oriunde pe site-ul dvs. sau altceva-ați ajuns la locul potrivit!
probabil că ați întâlnit coduri scurte înainte, indiferent dacă sunteți nou în WordPress sau îl utilizați de ceva timp. Scurtăturile sunt, după cum sugerează și numele, bucăți scurte de cod care îndeplinesc un fel de funcție. Scurtăturile WooCommerce, de exemplu, vă permit să adăugați funcții îngrijite legate de WooCommerce la paginile WordPress, postări, bare laterale și zone widgetizate de pe site-ul dvs. web.
Dacă sunteți în căutarea pentru o modalitate de a simplifica experiența de cumpărături poate face acest lucru folosind scurtăturile WooCommerce. Acestea vă pot ajuta să îmbunătățiți fluxurile de utilizatori de achiziții și să vă optimizați magazinul online pentru conversii.
de exemplu, puteți utiliza Scurtăturile WooCommerce pentru a:
- afișa o listă de produse de top evaluat pe pagina de start.
- prezintă produse conexe ori de câte ori un client își exprimă interesul pentru un produs.
- evidențiați produsele prezentate în blocurile Gutenberg, barele laterale, alte zone widgetizate.
având în vedere acest lucru, în acest ghid complet, vă vom explica cum puteți utiliza codurile scurte WooCommerce pentru a oferi experiențe mai bune utilizatorilor și pentru a vă dezvolta linia de jos. Pe parcurs, vă vom explica și când (și de ce) ar trebui să utilizați fiecare cod scurt. Ne vom uita la scurtăturile care vin cu WooCommerce în sine, și scurtăturile pe care le puteți adăuga cu alte plugin-uri.
cum se utilizează Scurtăturile WooCommerce
Scurtăturile arată și sună puțin tehnic, dar sunt de fapt concepute pentru oricine să le folosească. Nu aveți nevoie de abilități de codificare.
pur și simplu introduceți codul scurt în orice editor de text din WordPress sau într-un bloc”cod scurt”dacă utilizați Gutenberg sau un constructor de pagini, cum ar fi Elementor sau Visual Composer:
puteți combina Scurtăturile și afișa mai multe scurtăturile pe o singură pagină. De exemplu, puteți combina codul scurt de urmărire a comenzilor cu codul scurt al contului de utilizator. Tot ce trebuie să faceți este să introduceți ambele scurtăturile pe aceeași pagină. Ar arata ceva de genul asta:
WooCommerce lista de produse scurtăturile
există, de asemenea, scurtăturile la lista de produse în moduri diferite în magazin. Acestea adaugă o flexibilitate suplimentară, astfel încât să nu rămâneți blocat cu vizualizările restricționate pe care le obțineți pe paginile magazinului și categoriilor. În schimb, puteți utiliza codurile scurte WooCommerce pentru a lista unul sau mai multe produse literalmente oriunde pe site – ul dvs.
WooCommerce produse cod scurt
WooCommerce are un cod scurt care vă permite să lista de produse specifice într-un aspect grilă:
. De asemenea, puteți adăuga alți parametri (cum ar fi orderby și coloane) pentru a personaliza aspectul front-end.
puteți alege numărul de produse pentru a lista pe rând. De exemplu, dacă doriți să afișați șase produse în trei coloane ordonate după dată în ordine crescătoare, utilizați codul scurt:. În mod similar, pentru afișarea produselor în ordine descrescătoare, pur și simplu înlocuiți ASC cu DESC.
WooCommerce quick view shortcode
shortcode funcționează perfect cu WooCommerce Quick View Pro plugin. Aceasta adaugă butoane de vizualizare rapidă la lista de produse ca o modalitate rapidă de a permite oamenilor să facă achiziția fără a părăsi pagina curentă:
tot ce trebuie să faceți este să instalați pluginul WooCommerce Quick View Pro pe site-ul dvs. În acest fel, clienții pot vedea atributele și variațiile produsului și pot adăuga produse în coș fără a naviga la pagina unică a produsului.
citiți ghidul nostru complet pentru WooCommerce Quick View Pro scurtătură.
WooCommerce produs tabelul scurtătură
în timp ce Built-in WooCommerce produse scurtătură este destul de flexibil, doar vă permite să le afișați într-un aspect grilă. Acest lucru nu este ideal pentru magazinele care doresc să afișeze mai multe produse pe pagină, de exemplu dacă creați un formular de comandă rapid de o pagină sau un magazin en-gros. În acest caz, s-ar putea fi mai bine cu un cod scurt tabel de produse.
în timp ce WooCommerce în sine nu are un cod scurt de tabel de produse, puteți adăuga cu ușurință unul cu pluginul WooCommerce Product Table. Codul scurt de bază este și puteți configura acest lucru folosind peste 50 de opțiuni de cod scurt.
vizualizați lista completă a opțiunilor de cod scurt pe care le obțineți cu tabelul de produse WooCommerce.
WooCommerce adauga in cos cod scurt
WooCommerce vine cu un built-in cod scurt care vă permite să introduceți un buton Adauga in cos pentru un anumit produs oriunde doriți. Pur și simplu adăugați ID-ul și / sau SKU-ul produsului pe care doriți să îl afișați butonul Adăugare în coș pentru:
dacă doriți să includeți prețul produsului, Utilizați:
pentru produse simple, acest lucru va afișa un buton Adauga in cos.
pentru produsele variabile, acesta va afișa un buton”selectați Opțiuni”:
personal, nu-mi place acest lucru, deoarece clienții trebuie să viziteze pagina singur produs pentru a alege variațiile lor. Este mai bine să utilizați WooCommerce tabelul de produse pentru a lista unul sau mai multe produse variabile într-un tabel, complet cu dropdowns variație:
în acest fel, clienții pot selecta opțiuni și se adaugă în coș de pe pagina în care sunt în prezent pe.
codul scurt al categoriei de produse
codul scurt al categoriei de produse listează produsele dintr-o anumită categorie într-un aspect standard al grilei.
acesta este codul scurt pentru acesta:
dacă nu vă place aspectul grilei sau dacă doriți mai mult control asupra informațiilor de afișat despre fiecare produs, atunci puteți utiliza WooCommerce produs tabelul scurtătură în loc. Pluginul WooCommerce Product Table vine cu o opțiune de cod scurt de categorie, pe care o puteți utiliza pentru a lista produse numai din anumite categorii:
spre deosebire de built-in cod scurt care vine cu WooCommerce, puteți alege ce coloane de informații pentru a afișa despre fiecare produs, și permite clienților să selecteze variații și să aleagă cantitățile direct din tabelul de produs. Acest lucru face cumpărături mult mai rapid și crește rata de conversie.
WooCommerce categorii de produse cod scurt
categoriile de produse scurtăturile listează categoriile de produse, în loc de produsele din cadrul acestora. De exemplu:
va lista oricare 4 din categoriile WooCommerce, ordonate după nume.
Să aruncăm o privire la unele dintre atributele și scurtăturile care merg cu categorii de produse:
- limita controlează numărul de categorii care sunt afișate.
- orderby controlează ordinea de sortare; „nume „și” data ” sunt opțiuni valide.
- comanda reprezintă ordinea categoriilor de produse, adică „ASC „sau”DESC”.
- coloanele arată numărul de coloane în care sunt aranjate categoriile.
- hide_empty este utilizat pentru ascunderea categoriilor de produse fără produse.
- părinte vă permite să prezinte doar categorii de produse de nivel superior.
- ID-urile reprezintă faptul că ID-urile de categorie pot fi setate în funcție de rezultatele specificate numai de ieșire.
produse recente
codul scurt WooCommerce produse recente afișează produsele pe care le-ați adăugat recent la magazinul dvs. online.
acesta este codul scurt pentru produsele recente:
cu toate acestea, dacă doriți să afișați data reală a produsului a fost adăugat la magazinul online, sau dacă doriți mai mult control, atunci puteți utiliza în schimb pluginul WooCommerce product table.
pur și simplu comandați tabelul produsului după dată în ordine descrescătoare și utilizați numărul limită al produsului pentru a controla câte produse să includă:
dacă includeți o coloană dată în tabel, atunci clienții pot vedea cu ușurință ce produse au fost adăugate recent în magazin.
produse recomandate
codul scurt al produselor recomandate pentru WooCommerce vă permite să listați produsele recomandate separat de restul magazinului. Utilizați-l pentru a lista produsele recomandate oriunde doriți, de exemplu în postări pe blog sau în alte pagini.
produsele recomandate sunt produse WooCommerce care au o pictogramă stea albastră lângă ele pe pagina toate produsele:
acesta este codul scurt pentru prezentarea produselor recomandate: . Ieșirea ar trebui să arate cam așa:
Din nou, dacă nu vă place grila de imagine, atunci puteți lista produsele recomandate folosind WooCommerce tabelul de produse plugin scurtătură în loc:
listează produsele prezentate într-un aspect de tabel, cu oricare dintre coloanele de informații pe care le-ați ales pe pagina de setări a pluginului.
WooCommerce vânzare produse scurtătură
vânzare produse scurtătură vă permit să prezenta produse în prezent în vânzare. Le puteți afișa cu ușurință folosind scurtătură:
cel mai bine vandut produse scurtătură
utilizați următoarele scurtătură WooCommerce pentru a afișa toate timpurile cele mai bune produse de vânzare într-o grilă:
butoanele de vizualizare rapidă apar pe front-end dacă aveți pluginul WooCommerce Quick View Pro instalat pe site-ul dvs.
dacă preferați un aspect de masă, atunci puteți lista, de asemenea, cele mai bine vandute sau produse populare cu WooCommerce produs tabelul scurtătură ca aceasta:
citiți tutorialul nostru complet cu privire la modul de a lista de produse populare cu WooCommerce tabelul de produse.
cele mai bine cotate produse
puteți utiliza cele mai bine cotate produse cod scurt, împreună cu built-in Comentarii WooCommerce și evaluări caracteristică pentru a prezenta produsele de top evaluat. Utilizați codul scurt:
puteți, de asemenea, lista de produse de top evaluat într-o vizualizare tabel folosind WooCommerce produs tabel scurtătură:
produse similare cod scurt
produsele similare sunt o listă de produse similare cu produsul pe care îl navighează clientul. Acestea vor apărea direct sub produsul principal pe pagina produsului unic, dar puteți utiliza codul scurt WooCommerce related products pentru a lista produsele conexe în altă parte.
utilizați codul scurt pentru a afișa produse similare oriunde pe site-ul WordPress.
Adauga in cos buton cod scurt
WooCommerce cod scurt vă permite să afișați prețul și se adaugă în coș buton pentru un singur produs bazat pe ID-ul său. Iată cum arată pe front-end:
s-ar putea lua în considerare adăugarea la o zonă widgetized pe magazinul online sau o postare pe blog.
acest cod scurt funcționează cu WooCommerce Quick View Pro plugin. Când utilizați ambele pluginuri împreună, butoanele vizualizare rapidă vor apărea alături de butoanele Adăugare în Coș. Acest lucru este ideal dacă afișați produse variabile sau dacă doriți ca clienții să poată modifica cantitatea înainte de a adăuga în Coș. Clienții pot vizualiza informații suplimentare despre produs, pot alege cantități și variații și pot adăuga în coș dintr-un lightbox quick view. Acest lucru le menține pe pagina originală în loc să le ducă la o pagină de produs separată.
dacă preferați să afișați butoanele adăugați în coș pentru mai multe produse sau dacă nu vă place formatul implicit cu imaginea mare, atunci puteți utiliza în schimb tabelul de produse WooCommerce.
alegeți coloanele pe care doriți să le includeți în tabelul de produse (asigurați-vă că includeți coloana add-to-cart!) și utilizați codul scurt pentru a-l insera oriunde doriți. Utilizați opțiunea Includere pentru a alege ce produse să includă, de exemplu:
pot afișa scurtăturile în scurtăturile?
uneori, s – ar putea dori să scurtăturile cuib-de exemplu, pentru a adăuga WordPress audio player scurtătură, astfel încât acesta adaugă un player muzical încorporat la lista de produse.
nu se poate cuib în mod normal, scurtăturile WooCommerce. Cu toate acestea, puteți realiza acest lucru utilizând codul scurt al tabelului de produse WooCommerce pentru a lista produsele și adăugați alte coduri scurte la câmpurile pe care le afișați în tabelul de produse.
de exemplu, să presupunem că doriți să listați 8 produse, cu un player audio încorporat pentru fiecare. Puteți adăuga playerul audio la câmpurile de descriere scurte sau lungi ale produsului și le puteți afișa ca coloane în tabel. Apoi utilizați WooCommerce produs tabelul scurtătură pentru a lista acele produse specifice, inclusiv coloana scurtă sau lungă descriere care conține playere audio.
pentru a face scurtăturile de la alte plugin-uri de lucru în tabelul de produse, asigurați-vă că activați opțiunea „scurtăturile” pe pagina de setări WooCommerce tabelul de produse:
WooCommerce pagina scurtăturile
să începem prin a lua o privire la unele dintre cele mai comune scurtăturile WooCommerce pagina. Acestea creează automat pagini întregi, cum ar fi coșul sau checkout-ul.
WooCommerce cosul de cumparaturi
WooCommerce cosul de cumparaturi cod scurt – – vă permite să afișați cosul de cumparaturi Clientului pe site-ul dvs. Îl puteți adăuga la paginile sau postările WordPress sau îl puteți afișa în zone widgetizate (cum ar fi bara laterală).
se va arata ceva de genul asta pe front-end:
când instalați și activați WooCommerce site – ul WordPress, se creează în mod automat unele pagini pentru tine-inclusiv pagina Coș, care utilizează acest cod scurt. Puteți utiliza codul scurt pentru a adăuga coșul în părți suplimentare ale site-ului dvs.
WooCommerce checkout page
puteți utiliza codul scurt WooCommerce checkout – – pentru a genera o pagină completă de checkout pe site-ul dvs. de comerț electronic. Această pagină este, de asemenea, creată automat pentru dvs. atunci când instalați WooCommerce. De asemenea, puteți utiliza codul scurt pentru a insera checkout-ul în altă parte (de exemplu, sub un tabel de produse pentru a crea cumpărături de o pagină).
codul scurt WooCommerce checkout include detalii de facturare, detalii despre comandă și opțiunea de expediere la o altă adresă.
Urmărirea comenzilor WooCommerce
WooCommerce permite proprietarilor de magazine să creeze o pagină de urmărire a comenzilor folosind codul scurt. Deși această pagină nu vine cu WooCommerce din cutie, puteți crea pur și simplu o pagină nouă și introduceți codul scurt în editorul de text pentru a vă crea propriul. Ar trebui să arate așa ceva pe front-end:
pagina contului de utilizator WooCommerce
WooCommerce creează automat o pagină a contului meu când o instalați pentru prima dată pe site-ul dvs. web. Acest lucru se face folosind codul scurt . Puteți utiliza codul scurt pentru a insera zona contului în locații suplimentare de pe site-ul dvs.
codul scurt al contului meu se dublează ca formular de conectare și înregistrare pentru utilizatorii deconectați. Drept urmare, puteți utiliza acest lucru și ca cod scurt de conectare WooCommerce.
adăugați Scurtăturile WooCommerce mai ușor cu un buton din bara de instrumente
în timp ce puteți găsi tot felul de plugin-uri WooCommerce shortcode pe web, vă recomandăm să utilizați gratuit WooCommerce Scurtăturile plugin de WooThemes. Odată instalat și activat, acest plugin adaugă un buton drop-down TinyMCE la editorul de text WordPress pentru a vă oferi acces ușor la toate built-in scurtăturile WooCommerce. Acest lucru vă scutește de a copia și lipi scurtăturile.
După activarea pluginului WooCommerce Shortcodes, veți vedea un nou buton shortcode în Editorul de text WordPress. După ce faceți clic pe acest buton, va apărea o listă derulantă care conține toate codurile scurte WooCommerce standard:
depanare scurtăturile WooCommerce
uneori, lipiți codul scurt WooCommerce corect în editorul de text, dar nu afișează ieșirea corectă. În acest caz, verificați dacă nu ați încorporat accidental codul scurt în etichetele <pre>. Puteți elimina aceste etichete accesând editorul de text HTML.
cele mai bune Scurtăturile WooCommerce pentru tabelul de produse
înainte de a termina, aici este o defalcare rapidă a celor mai utile built-in scurtăturile WooCommerce pe care le puteți utiliza cu WooCommerce plugin tabelul de produse și WooCommerce Quick View Pro plugin – uri:
| Plugin Required | Shortcode name | WooCommerce shortcode | Description | |
| None | Shopping Cart | Displays a shopping cart on the front-end of the website | ||
| None | Checkout Page | Displays a complete checkout page. | ||
| None | Order Tracking | Displays an order tracking form for your e-commerce website. | ||
| niciunul | pagina contului de utilizator | afișează o pagină ‘Contul Meu’ pentru utilizatori | ||
| WooCommerce Product Table | Product Price/Cart Button | |||
| WooCommerce Quick View Pro | produse multiple cod scurt | Afișează mai multe produse (selectate) pe o pagină sau post cu butoane de vizualizare rapidă. | ||
| WooCommerce Quick View Pro | categoria de produse | afișează anumite categorii de produse pe front-end-ul site-ului. | ||
| WooCommerce Quick View Pro | categoria de produse după Slug | afișează produsele dintr-o anumită categorie de produse împreună cu butoanele de vizualizare rapidă. | ||
| WooCommerce Quick View Pro | produse recente | afișează o listă cu cele mai recente produse pe care le-ați adăugat la magazinul dvs. online împreună cu butoanele quick view. | ||
| WooCommerce Quick View Pro | produse recomandate | afișează o listă a produselor recomandate cu butoane de vizualizare rapidă. | ||
| WooCommerce Quick View Pro | vânzare produs | afișează o listă a tuturor produselor de vânzare cu butoane de vizualizare rapidă. | ||
| WooCommerce Quick View Pro | cel mai bine vândut produs | afișează o listă cu cele mai vândute produse cu butoane de vizualizare rapidă. | ||
| WooCommerce Quick View Pro | produs de top evaluat | afișează o listă de produse de top evaluat cu butoane de vizualizare rapidă. | ||
| WooCommerce Quick View Pro | produs înrudit | afișează o listă de produse înrudite cu butoane de vizualizare rapidă pe paginile unui singur produs. | ||
| WooCommerce Quick View Pro | afișează un buton”Adaugă în Coș”pe un singur produs, folosind ID-ul produsului |
magazin WooCommerce cu Scurtăturile!WooCommerce scurtăturile sunt fragmente de cod mici vă permit să adăugați caracteristici îngrijite la magazinul online. Le puteți adăuga la paginile de cumpărături, postări sau zone widgetizate de pe site-ul dvs. web (cum ar fi bara laterală). Unele coduri scurte WooCommerce acceptă, de asemenea, parametrii pe care îi puteți utiliza pentru a personaliza ieșirea.
cu toate acestea, nu toate scurtăturile WooCommerce oferă o experiență bună de utilizare. În loc să le lipiți așa cum este, ați putea lua în considerare utilizarea lor alături de pluginul WooCommerce Product Table sau pluginul WooCommerce Quick View Pro.
de exemplu, este singura modalitate de a permite clienților să aleagă cantități și variații în afara paginii produsului și vă permite să afișați informații suplimentare despre fiecare produs și să controlați dimensiunea imaginii. Dacă doriți o flexibilitate suplimentară, atunci puteți instala WooCommerce Product Table și puteți începe să experimentați cu cele peste 50 de opțiuni de cod scurt. Acest lucru vă va oferi un aspect mai elegant și organizat pe front-end, asigurând în același timp site-ul dvs. îmbunătățește experiența de cumpărături a clientului.
pentru a recapitula, scurtăturile WooCommerce vă permit să îmbunătățiți călătoria cumpărătorului, să vedeți mai multe produse simultan și facilitează clienților să navigheze rapid prin procesul de plată. Puteți încerca, de asemenea, alte plugin-uri WooCommerce shortcode (cum ar fi WooCommerce coduri scurte cupon), care vă permit să pârghie caracteristici avansate, cum ar fi adăugarea de coduri promoționale la magazinul online.