Cum să personalizați paginile produselor WooCommerce

Produsele dvs. sunt unice - și paginile de produse care le prezintă ar trebui să fie, de asemenea. Șablonul implicit de pagină de produs WooCommerce este potrivit pentru multe magazine online, dar este posibil să doriți ceva care să reflecte stilul și beneficiile individuale ale produselor dvs.

Nu trebuie să fii dezvoltator pentru a-ți pune propria ștampilă pe paginile produselor datorită câtorva extensii de la WooCommerce (și a unei funcții de bază WooCommerce).

Suplimente de produs

Extensia Product Add-Ons adaugă mai multe câmpuri în paginile dvs. de produse, astfel încât cumpărătorii să-și poată personaliza achizițiile. Prezentați opțiuni folosind casete de text, casete de selectare sau meniuri derulante și adăugați variații cu imagini eșantion - includeți-le pentru produse individuale sau pentru întregul dvs. catalog.

Perfect pentru: magazine de comerț electronic care oferă opțiuni suplimentare, cum ar fi ambalarea cadourilor și monograma.

• Dacă sunteți un magazin de îmbrăcăminte care oferă broderie, permiteți clienților să tasteze textul pe care doresc să fie brodat înainte de a verifica, astfel încât să nu fie nevoie să contactați după cumpărare.
• Dacă vindeți perne de accent, oferă opțiuni pentru țesătură, dimensiune sau stil.
• Dacă vindeți bijuterii, lăsați clienții să aleagă citația pe care și-ar dori să fie gravată pe piesă.
• Dacă oferiți produse cadou, includeți opțiuni pentru ambalarea cadourilor sau o scrisoare de mulțumire.
• Dacă vindeți produse electronice, permiteți cumpărătorilor să achiziționeze o garanție care le protejează articolul.
• Dacă sunteți o organizație nonprofit, permiteți persoanelor care vă susțin să includă o donație în achiziția lor de marfă.

Alegeți să taxați pentru fiecare supliment sau oferiți personalizări gratuite. Este o modalitate flexibilă de a oferi cumpărătorilor opțiunile de care au nevoie.

Aflați mai multe despre suplimentele pentru produse.

Variante mostre și fotografii

Dacă produsul dvs. are variații de culoare sau model, cumpărătorii doresc să le vadă în acțiune. Extensia Variation Swatches and Photos afișează variații — stiluri, dimensiuni, modele, culori etc. — cu o imagine sau un eșantion de culoare pentru a oferi clienților o idee mai bună despre exact ceea ce cumpără și pentru a îmbunătăți designul paginilor dvs. de produse.

Perfect pentru: magazine de comerț electronic cu produse variabile.

• Dacă vindeți tricouri, afișați opțiunile de culoare.
• Dacă vindeți ochelari de vedere, afișați toate opțiunile de ramă.
• Dacă vindeți bijuterii, evidențiați pandantivele din care pot alege clienții.
• Dacă vindeți skateboard-uri, includeți imagini cu modelele pe care le oferiți.

Aflați mai multe despre Variante de mostre și fotografii și vedeți-le în acțiune.

Imagine WooCommerce 360

Cu WooCommerce 360 ​​Image, puteți adăuga o rotație dinamică, personalizată a imaginii 360 la paginile produselor, astfel încât cumpărătorii să se poată concentra pe detaliile produsului. Adăugați un grup de imagini la o galerie de produse, iar imaginea prezentată va fi înlocuită cu o imagine frumoasă 360 pe care clienții o pot roti pentru a vedea toate aspectele produsului. De asemenea, este complet receptiv, astfel încât cumpărătorii de pe dispozitive mobile au aceeași experiență grozavă.

Perfect pentru: magazinele de comerț electronic care doresc să ofere clienților o experiență precum deținerea fizică a unui produs.

• Dacă vindeți mobilier, clienții pot înțelege stilul acesteia din toate unghiurile.
• Dacă vindeți piese auto, clienții pot examina detaliile care contează pentru ei.
• Dacă vindeți ceasuri, clienții pot mări fiecare nuanță, gravură și caracteristică.

Aflați mai multe despre WooCommerce 360 ​​Image.

Video de produs pentru WooCommerce

Videoclipurile sunt o modalitate puternică de a vă prezenta produsele în acțiune. Utilizați extensia Product Video for WooCommerce pentru a adăuga videoclipuri în galeria de imagini a produsului sau pentru a înlocui imaginile prezentate cu videoclipuri. Încărcați videoclipurile în biblioteca dvs. media WordPress sau încorporați-le din servicii terțe precum Vimeo sau YouTube.

Perfect pentru: magazine de comerț electronic cu produse care sunt cel mai bine prezentate în acțiune

• Dacă vindeți unelte electrice, demonstrați dimensiunea uneltelor și cum funcționează.
• Dacă vindeți haine, arătați cum un articol se potrivește cu o varietate de tipuri de corp și se asortează cu alte piese.
• Dacă vindeți jucării, includeți clipuri cu copii care se joacă cu produsele dvs. și mărturii de la părinți fericiți.

Aflați mai multe despre videoclipul de produs pentru WooCommerce.

Tabel de mărimi pentru WooCommerce

Dacă vindeți produse care vin în diferite dimensiuni, un grafic îi ajută pe clienți să înțeleagă pe care să cumpere și reduce numărul de returnări. Extensia Tabel de mărimi pentru WooCommerce adaugă diagrame de mărimi la paginile produselor - încărcați-vă propriile sau creați una în tabloul de bord. Puteți opta pentru afișarea diagramelor în detaliile produsului sau ca un pop-up.

Perfect pentru: magazine de comerț electronic care vând produse în mai multe dimensiuni

Exemple:

• Dacă vindeți tricouri, adăugați un tabel cu mărimi cu dimensiunile umărului, pieptului și înălțimii.
• Dacă vindeți mobilier, adăugați un tabel de mărimi cu dimensiunile lungimii, înălțimii și adâncimii.
• Dacă vindeți autocolante, adăugați un tabel de mărimi cu dimensiunile înălțimii și lățimii.

Aflați mai multe despre Tabelul de mărimi pentru WooCommerce.

Recomandări de produse

Vânzările în plus și vânzările încrucișate sunt modalități eficiente de a crește dimensiunile coșurilor clienților și vânzările dvs. generale. Folosiți Recomandări de produse pentru a le arăta clienților mai multe din ceea ce sunt interesați. Adăugați produse recomandate în funcție de ceea ce este popular, de noutăți, de ce este la reducere, de ceea ce completează un aspect și multe altele. Sau afișați-le în funcție de ceea ce este deja în coșul clientului dvs.

Perfect pentru: magazine de comerț electronic cu mai mult de un produs

• Dacă vindeți pantofi, recomandați șosete sau șireturi.
• Daca vindeti cercei, recomanda bratari si coliere din aceeasi colectie.
• Dacă vindeți jucării, recomandați puzzle-uri similare cu cele pe care un client le are în coș.
• Dacă vindeți plante, recomandați alte soiuri populare sau suplimente de sol.

Aflați mai multe despre Recomandările de produse.

Modificări simple CSS, nu este necesară extensia

CSS este un limbaj de codare care controlează designul site-ului dvs., de la fonturi și culori până la dimensiunile butoanelor și fundaluri. Dacă aveți cunoștințe de bază CSS, navigați la Aspect → Personalizare → CSS suplimentar în tabloul de bord și efectuați următoarele modificări:

Modificați dimensiunea fontului titlurilor produselor

Utilizați codul de mai jos pentru a modifica dimensiunea titlurilor produselor dvs. la 36 px. Înlocuiți „36” cu orice număr doriți.

 .woocommerce div.product .product_title { font-size: 36px; }

Schimbați culoarea titlurilor produselor

Un cod hexadecimal este un cod din șase cifre care reprezintă o anumită culoare online. Utilizați codul de mai jos pentru a schimba culoarea titlului produsului la codul hexadecimal #FF5733. Înlocuiți codul hexadecimal cu orice doriți; puteți folosi selectorul de culori HTML pentru a obține codul pentru orice culoare doriți.

 .woocommerce div.product .product_title { color: #FF5733; }

Faceți etichetele variațiilor îngroșate

Utilizați codul de mai jos pentru a afișa titlurile variantelor în text aldine.

 .woocommerce div.product form.cart .variations label { font-weight: bold; }

Scrieți în cursiv etichetele variațiilor

Utilizați codul de mai jos pentru a scrie italice etichetele variantelor.

 .woocommerce div.product form.cart .variations label { font-style: italic; }

Schimbați culorile butonului Cumpărați acum:

Utilizați acest cod pentru a schimba culoarea de fundal a butonului Cumpărați acum. Din nou, utilizați selectorul de culori HTML pentru a obține codul hexadecimal pentru culoarea pe care doriți să o utilizați.

 .woocommerce div.product .button { background: #000000; }

Începeți să vă personalizați paginile de produse

WooCommerce se referă la flexibilitate și personalizare, motiv pentru care oferă toate instrumentele de care aveți nevoie pentru a edita designul și funcționalitatea paginilor de produse. Adăugând câmpuri, videoclipuri, diagrame de dimensiuni și multe altele, paginile dvs. pot fi la fel de unice ca și produsele pe care le prezintă.

Consultați biblioteca noastră completă de extensii pentru și mai multe opțiuni.