Share
WooCommerce aduce serios e-commerce băiat mare la WordPress, în prima parte a seriei noastre ne-am uitat la instalare și de a obține totul de configurare. Astăzi vom merge mai departe și vom vorbi despre produse, vom discuta diferitele tipuri de produse oferite de WooCommerce și vom adăuga primele noastre produse pe site-ul nostru. Apoi, vom trece la stilul și tematica WooCommerce înainte de a încheia pașii următori.
Deci suntem gata să adăugăm primele produse! Întotdeauna mi se pare mai bine să adăugați câteva produse înainte de a privi stilul, după cum puteți vedea cum totul va arăta odată ce veți avea produse de configurare, vânzări încrucișate, vânzări, vânzări etc. Chiar dacă creați niște produse de înlocuire, puteți economisi timp revenind mai târziu pentru a repara un bug cu ceva despre care nu v-ați gândit inițial. Produsele WooCommerce sunt, în mod esențial, posturi dintr-un post post particularizat, adăugând astfel produse noi ar trebui să fie foarte familar pentru majoritatea utilizatorilor WordPress, evident că există unele "Sos special" acolo pentru a adăuga magia e-commerce! Să adăugăm câteva produse.
WooCommerce suportă patru tipuri diferite de produse:
Deoarece WooCommerce este construit pe partea de sus a funcționalității standard WordPress Post, obțineți și un set de taxonomii personalizate. Categoriile și etichetele se comportă exact ca și în cazul postărilor dvs. de blog. Asigurați-vă că utilizați categoriile dvs. de magazin în mod corespunzător poate fi marcă sau pauză reală a magazinului dvs. Acesta este modul în care oamenii vor naviga produsele dvs., astfel încât gândiți-vă la structura categoriei dvs. cu atenție. Puteți crea și categorii de copii, astfel încât să le utilizați pentru a vă clasifica produsele.
Adăugarea unui produs simplu ar trebui să se simtă foarte familiar pentru majoritatea utilizatorilor WordPress. Interfața este aproape aceeași cu ecranul standard WordPress postat, cu adăugarea unor cutii meta personalizate suplimentare. Introduceți titlul și descrierea produsului în caseta de dialog principală WordPress. Puteți folosi toate aceleași formate ca și în cazul oricărui post normal WordPress.
Dedesubt este Date despre produs meta cutie. Aici adăugați multe informații importante. În partea de sus a acestei ferestre este selectorul de tip produs, de aici selectați tipul de produs. De asemenea, puteți bifa casetele dacă este un produs virtual sau care poate fi descărcat (vom reveni la acestea mai târziu). Mai întâi avem Filă generală aici este locul unde ați setat SKU-ul dvs. (Unitatea de păstrare a stocului) folosit ca un identificator unic pentru produsul dvs. (este opțional și poate fi dezactivat pe site în Setările de catalog, conform descrierii din Ghidul de configurare).
În continuare vă oferim câmpuri de preț, prețul obișnuit este prețul dvs. normal de vânzare pentru produsul pe care îl puteți stabili, de asemenea, un preț de vânzare cu un orar pentru acest preț de vânzare. Acesta este un plus frumos, deoarece puteți seta un program pentru o ofertă de weekend. Utilizatorii vor vedea prețul integral și prețul de vânzare special. Sub câmpurile de preț puteți vedea câmpurile de greutate și dimensiune (dacă nu le-ați dezactivat în setările dvs. de catalog) acestea pot fi utile în special dacă utilizați o extensie de livrare cum ar fi UPS sau FedEx, deoarece puteți calcula automat costurile de expediere pe baza acestor dimensiuni și greutăți.
Mergem la Fila fiscală, aici te duci poate suprascrie statutul dvs. de impozitare a produselor sau definiți clasa de impozitare dacă ați stabilit clase suplimentare de impozitare în configurația fiscală. În Fila Inventar acest lucru vă permite să înlocuiți setările dvs. globale de inventar pentru un produs individual și să schimbați opțiunile pentru gestionarea backorders. De asemenea, cu Fila de expediere puteți defini o anumită clasă de expediere pentru produsul dvs. dacă aveți aceste setări.
Acum trecem la o trăsătură cu adevărat interesantă Fila Produse similare. De aici puteți să vă promovați produsele unul cu celălalt. Pur și simplu începeți să tastați numele produsului și va efectua o căutare în lista de produse. Up-sells sunt afișate pe pagina cu detalii despre produs. Acestea sunt produse pe care ați dori să le încurajați să le facă upgrade pe baza produselor pe care le vizualizează în prezent. De exemplu, dacă utilizatorul vizualizează pagina de înscriere a produselor Nintendo DS, este posibil să doriți să afișați Nintendo 3DS pe aceeași pagină ca și o vânzare în sus. Cross-sells sunt produse afișate la coș și legate de conținutul cartușului utilizatorilor. De exemplu, în cazul în care utilizatorul adaugă un Nintendo DS la coșul de cumpărături, atunci când ajunge la pagina de coș puteți să sugerați că și ei cumpără Styluses de rezervă.
Fila de atribute vom veni mai târziu când discutăm despre produsele variabile. În cele din urmă avem Filă avansată aici puteți seta o notă opțională pentru a le trimite clientului după cumpărare, dați produsului o poziție de meniu personalizată și setați grupul său (dacă utilizați un produs grupat). De asemenea, puteți să înlocuiți aici setarea dvs. de revizuire globală.
Sub ea veți vedea Descriere scurtă a produsului acesta este fragmentul dvs. de produs. Dacă nu introduceți nimic aici, va fi creat automat pentru tine ca orice post WordPress.
În final, în panoul de publicare aveți mai multe opțiuni suplimentare:
După cum v-ați aștepta cu orice sistem de e-commerce puteți adăuga mai multe imagini la produsele dvs. și WooCommerce se va ocupa de ele frumos. Lucrând împreună cu WordPress 3.5, veți beneficia și de managerul media îmbunătățit. Adăugarea de imagini în produsul dvs. este la fel ca orice post WordPress. Puteți seta o imagine recomandată și puteți adăuga, de asemenea, mai multe imagini, diferența fiind că nu este nevoie să inserați nimic în postarea dvs. Orice imagine pe care o atașați la produsul dvs., dar care nu o setați ca imaginea recomandată, va apărea sub imaginea dvs. prezentată și va forma o galerie de produse mici. Puteți vedea un exemplu de mai jos. WooCommerce are, de asemenea, propriul efect lightbox încorporat, pe care îl puteți activa sau dezactiva în setările WooCommerce, în funcție de nevoile dvs..
Un produs grupat este creat în același fel ca un produs simplu. Singura diferență de fapt este alegerea "Grupată" din meniul derulant Tip produs în fila General. După alegerea acestui preț, mai multe câmpuri vor dispărea, acest lucru este bine, veți adăuga aceste câmpuri la produsele individuale pentru copii. Odată ce sunteți mulțumit de produsul grupat (părinte), publicați-l și reveniți la pagina Adăugați un produs nou.
Acum trebuie să adăugați produsul copil care se află în cadrul produsului grupat. Singurele informații pe care trebuie să le completați aici sunt următoarele:
Un produs virtual este un produs care nu se livrează și nu are niciun inventar de gestionat. Atunci când adăugați un produs simplu, bifați căsuța "virtuală" din panoul de tip de produs și toate câmpurile necomastice (cum ar fi dimensiunile sau greutatea) vor fi eliminate. Un produs virtual ar putea fi orice vă place de la o singură taxă pentru a accesa părți din site-ul dvs. unde mutați manual cumpărătorul într-un grup nou sau utilizați Extensia grupurilor WooCommerce.
Ca în cazul unui produs virtual atunci când adăugați un produs simplu, puteți verifica caseta "descărcabilă". Aceasta va adăuga trei noi câmpuri:
Dacă oferiți atât o descărcare digitală, cât și un produs cutie fizică, puteți să încărcați și încărcătura pe produse descărcate. În acest fel, aveți un produs atât pentru o versiune cutie, cât și pentru o versiune digitală. Dacă verificați și caseta virtuală, aceasta va dezactiva taxele de expediere.
Alegeți "Extern / Afiliat" din meniul derulant tip produs. Acest lucru va elimina filele inutile, cum ar fi taxele și inventarul, și va introduce un câmp de adresă de produs nou. Aceasta este destinația la care utilizatorii pot achiziționa produsul. Mai degrabă decât să adăugați butoanele căruciorului, aceștia vor vedea un buton citit mai mult direcționându-i la această adresă URL.
Pregătește-te pentru că acesta este unul dintre cele mai complicate produse de configurare. Fiți răbdători, deși odată ce ați stăpânit-o, o veți iubi! Produsele variabile vă permit să vindeți mai multe variante ale aceluiași produs, fiecare cu prețul propriu, SKU, numerele de stoc și dacă doriți să faceți imagine. În primul rând trebuie să selectăm "Produs variabil" din panoul de selectare a tipului de produs pe care trebuie să-l definim în continuare pentru anumite produse pentru care sunt legate aceste variante. Atributele pot constitui o parte importantă a magazinului dvs. și pot fi definite fie la nivel global, fie individual. Pe lângă faptul că este folosit în variații, atributele vă pot ajuta să vă clasificați produsele, permițând utilizatorilor să găsească cu ușurință ceea ce caută. Documentația WooCommerce oferă un exemplu perfect.
Spuneți că deschideți un magazin de jocuri video, care vând toate cele mai recente jocuri pentru toate cele mai recente console. În acest caz, categoria dvs. de produse de nivel superior va fi cel mai probabil Jocurile în interiorul cărora se va localiza majoritatea catalogului dvs..
Acum, ați putea crea foarte ușor subcategorii pentru diferite console, genuri, etc, dar această informație este mai potrivită ca atribute. De ce? Deoarece un utilizator poate selecta atributele concurente în timp ce își perfecționează căutarea.
Exemplu: caută un joc sportiv pentru PS3. Acest lucru este la fel de simplu ca și navigarea la categoria Jocuri, apoi selectarea atributelor PS3 și Sport de pe un widget lateral al barei laterale. După cum v-ați aștepta, acest lucru va reîmprospăta pagina astfel încât să afișeze doar jocuri sportive pentru PS3.
WooCommerce oferă un widget pe care îl puteți utiliza pentru navigarea atributelor dvs. Puteți vedea mai multe informații despre acest lucru în documentația WooCommerce.
Așadar, înapoi la produsul nostru, am selectat produsul variabil din panoul nostru de selecție de tip de produs și acum trebuie să asociem atributele noastre. Dacă faceți clic pe fila atribute, vă vom permite să selectăm un atribut global sau să adăugăm unul la acest produs individual. Ar trebui să creați atribute globale dacă intenționați să le utilizați mai mult decât o dată, de exemplu dimensiuni, dacă faceți un magazin de îmbrăcăminte sau culori. De asemenea, puteți adăuga din nou mai multe atribute unui singur produs, de exemplu dimensiune și culoare. După ce ați adăugat atributele dvs., asigurați-vă că ați bifat opțiunea "Utilizat pentru variații", după care acestea vor apărea în fila variații. După ce ați adăugat atributele dvs., trebuie să salvați produsul.
Acum, am adăugat atributele noastre și am salvat produsul nostru, putem merge în fila variații. Puteți modifica manual variantele făcând clic pe "Adăugați varianta" sau puteți să faceți clic pur și simplu pe "Link toate variațiile", aceasta va crea automat variantele dvs. pentru a vă conecta toate combinațiile posibile de atribute de variație (maximum 50 pe run).
Deci, dacă exemplul dvs. a avut 2 atribute - culoarea (cu valorile albastru și verde) și dimensiunea (cu valori mari și mici) va crea următoarele variante:
Odată ce ați adăugat toate variantele, puteți trece și actualiza datele despre produse. Fiecare variație poate avea propriul set de date din următoarele:
Trebuie să setați un preț pentru fiecare variantă, însă puteți modifica în bloc variantele folosind bara de editare în bloc deasupra variantelor. De asemenea, puteți seta variantele implicite care vor fi în partea de sus a drop-down atunci când utilizatorii se uită la produsul dvs. în front-end.
Produsele variabile pot fi destul de greu pentru a obține capul în jurul valorii de. Merită să puneți în timp pentru a obține atârnă deși, deși ele pot adăuga cu adevărat la experiența generală de utilizare pentru cumpărătorii dumneavoastră.
În prima parte a seriei noastre am analizat setările generale pentru WooCommerce unde puteți să activați stilurile WooCommerce CSS. Vom sapa mai adanc in modul in care puteti obtine WooCommerce sa arate bine. În primul rând de 9/10 ori ar trebui să arate destul de bine din cutie cu implicit WooCommerce CSS activat. Puteți testa foarte repede, asigurându-vă că implicit WooCommerce CSS este activat în setările generale.
Ar trebui să puteți vedea foarte repede cum va funcționa WooCommerce cu tema. Dacă aveți nevoie să faceți modificări la CSS, atunci fac următoarele:
Accentsconagua
/wp-content/plugins/woocommerce/assets/woocommerce.css și copiați acest fișier în dosarul tematic. De obicei, o copiez într-un fișier numit woocommerce.css (are sens nu-l!)./ Wp-content / plugins / woocommerce / active / images /la un dosar din dosarul tematic și asigurați-vă că actualizați căile din noul dvs. woocommerce.cssWordPress știe acum despre noua noastră foaie de stil și o va adăuga la paginile generate de WordPress. Puteți obține mai multe informații despre înregistrarea și însușirea stilurilor în Codul WordPress.
Acum am o copie a WooCommerce deafult CSS în interiorul temei mele pentru a putea face actualizări fără a fi șterse de actualizările plugin-ului. Ar trebui să arate exact la fel ca atunci când ați activat implicit CSS prin intermediul setărilor. Puteți face majoritatea schimbărilor dvs. cu CSS dacă aveți probleme, deși există câteva alte lucruri despre care să știți. Prima ta problemă va fi, probabil, cea a divului în jurul conținutului WooCommerce. Puteți utiliza propria pagină de șabloane pentru a utiliza WooCommerce pentru conținutul său.
page.php și numește-o woocommerce.php și se încheie cu:
Acest lucru poate varia în funcție de tema dvs..
Unele dintre caracteristicile și styling-ul WooCommerce pot fi realizate utilizând acțiunile și filtrele WooCommerce. La fel ca WordPress core WooCommerce are un set extins de acțiuni și filtre pe care le puteți cârpa sau suprascrie. Puteți schimba div wrap utilizând următoarea acțiune:
";"); 10); add_action ("woocommerce_after_main_content"; create_function ("," echo "Prin adăugarea codului de mai sus în fișierul cu funcții tematice, puteți schimba ambalajul implicit în jurul ieșirii WooCommerce. În exemplul în care am folosit un ID de Conținut personal puteți, bineînțeles, să o setați la ceea ce aveți nevoie.
Există o mulțime de alte acțiuni utile pe care le puteți utiliza pentru a personaliza WooCommerce chiar mai mult, unele dintre preferatele mele sunt de mai jos:
Dacă totuși doriți mai mult control, puteți înlocui complet toate fișierele tematice pentru WooCommerce. Copiați dosarul / wp-content / plugins / woocommerce / template-uri la tema dvs. și redenumiți-o woocommerce. Puteți schimba acum fișierele de temă fără teama de a fi șterse prin actualizările plugin-ului și puteți schimba totul! Documentația WooCommerce este destul de bună și se îmbunătățește întotdeauna și vă puteți implica prin trecerea la repo-ul WooCommerce GitHub.
În cele din urmă WooThemes oferă câteva teme gratuite pentru WooCommerce, care pot servi ca un bun punct de plecare pentru dvs. și o modalitate foarte bună de a afla mai multe despre cum să temă pentru WooCommerce. "Mystile" este o mare temă gratuită pentru WooCommerce și oferă un aspect curat și modern pentru orice magazin și într-adevăr nu arată caracteristicile complete ale WooCommerce. Temele gratuite arata grozav si va ofera o multime de flexibilitate, in timp ce temele premium cum v-ati fi de asteptat sa ia lucrurile un pic mai departe si sa va ofere mai multe optiuni de a va juca. Majoritatea temelor pentru WooCommerce sunt mai degrabă cadre, astfel încât să puteți crea o temă copilătoare și să vă faceți propriul tău semn.
Chiar dacă nu vă place să vă grăbiți să vă dezvoltați propriile extensii, vă recomand să mergeți cu propria temă, deoarece veți găsi mult mai plină de satisfacții, sperăm că informațiile de mai sus vă oferă suficient pentru a începe.
Am trecut prin toți pașii necesari pentru lansarea magazinului WooCommerce. Pe parcurs am atins câteva extensii "Premium". Acum am construit magazinul nostru folosind doar pluginul "Free" Open Source, dar puteți face mult mai mult cu WooCommerce. Evident, nu trebuie să plătiți pentru niciun fel de extensii pe care le-ați putea dezvolta. WooCommerce chiar încurajează acest lucru cu documentația lor, cu toate acestea, pentru majoritatea utilizatorilor, ei vor dori clicky clicky instalare de configurare de tip pentru extensiile lor nu se așeza jos și scrie 300 de linii de cod se hooking într-o duzină de diferite acțiuni. Magazinul de extensii WooCommerce este destul de extins și acoperă o gamă de furnizori diferiți de gateway-uri de plată, API-uri de livrare și multe caracteristici puțin pe care le-ați dori. Puteți chiar să configurați apartenența și abonamentele la WooCommerce, să forțați anumite produse să fie adăugate în cărucior, să adăugați filigrane la imaginile dvs. tot felul de lucruri.
Bineînțeles că tocmai am zgâriat suprafața WooCommerce are multe de oferit. Acesta include un sistem de cupoane excelente pentru a oferi clienților dvs. reduceri speciale cu o întreagă încărcătură de opțiuni utile, inclusiv limitarea ofertelor la anumite produse și chiar crearea de coduri în funcție de timp. WooCommerce include, de asemenea, toate rapoartele pe care le-ați aștepta de la un sistem de e-commerce și pot fi extinse în continuare pentru a se integra în sisteme de contabilitate cum ar fi Freshbooks sau Xero folosind extensii premium. Posibilitățile sunt cu adevărat nesfârșite.
Sunt sigur că veți fi de acord că WooCommerce bate cu adevărat toate cutiile. Cu toate acestea, există și alții acolo, deci ar fi greșit să nu le menționăm aici (cred că o comparație mult mai bună a soluțiilor WordPress e-commerce este în curs de desfășurare:
În cele din urmă, trebuie să luăm propriile decizii cu privire la ceea ce va funcționa cel mai bine pentru cerințele noastre specifice. Testarea este o parte importantă a dezvoltării și alegerea pluginului potrivit, mai ales una care este fundamnetală pentru site-ul dvs. ca și comerț electronic, ar trebui de asemenea testată. Toate plugin-urile oferă o versiune gratuită care vă permite să testați și să găsiți soluția potrivită pentru dvs.!
Acolo o avem. În nici un moment nu am instalat plugin-ul, am trecut prin instalarea inițială. Am setat costurile noastre de transport și setăm PayPal ca gateway de plată. Am vorbit despre cum să adăugăm produse și chiar să atingem variante complexe de produse. Ne-am uitat chiar și la diferitele moduri în care vă puteți modela magazinul. Ar trebui să fiți pregătit pentru deschiderea magazinului de e-commerce WordPress.
WooCommerce este o soluție excelentă cu care îmi place cu adevărat să lucrez. Odată cu dezvoltarea care se desfășoară pe Github, ea îmi permite să urmăresc dezvoltarea așa cum se întâmplă, chiar face foarte ușor să contribuie dacă observi ceva pe care îl poți remedia! WooCommerce pentru mine este singura soluție de e-commerce pentru WordPress. În calitate de dezvoltator și ca utilizator, acesta funcționează și funcționează bine!
Link-uri utile: Plugin-uri WooCommerce de la CodeCanyon.
