Produsele dvs. sunt unice – paginile de produs care le prezintă ar trebui să fie, de asemenea, unice. Șablonul implicit al paginii de produs WooCommerce se potrivește foarte bine pentru multe magazine online, dar este posibil să doriți ceva care să reflecte stilul și beneficiile individuale ale produselor dvs.

Nu trebuie să fiți un dezvoltator pentru a vă pune propria amprentă pe paginile de produs datorită câtorva extensii de la WooCommerce (și o caracteristică de bază WooCommerce).

Product Add-Ons

Extensia Product Add-Ons adaugă mai multe câmpuri la paginile de produs, astfel încât cumpărătorii să își poată personaliza achizițiile. Dispuneți opțiunile folosind căsuțe de text, căsuțe de selectare sau dropdown-uri și adăugați variante cu imagini de probă – includeți-le pentru produse individuale sau pentru întregul dvs. catalog.

Perfect pentru: magazinele de comerț electronic care oferă opțiuni suplimentare, cum ar fi împachetarea 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ă îl brodeze înainte de a trece la check-out, astfel încât să nu trebuiască să vă contactați după cumpărare.
• Dacă vindeți perne de accent, oferiți opțiuni pentru țesătură, mărime sau stil.
• Dacă vindeți bijuterii, permiteți clienților să aleagă citatul pe care doresc să fie gravat pe piesă.
• Dacă oferiți produse care pot fi oferite cadou, includeți opțiuni pentru împachetare cadou sau un bilet de mulțumire.
• Dacă vindeți produse electronice, permiteți cumpărătorilor să achiziționeze o garanție care să le protejeze articolul.
• Dacă sunteți o organizație nonprofit, permiteți persoanelor care vă sprijină să includă o donație odată cu achiziționarea mărfii.

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

Aflați mai multe despre suplimentele de produs.

Schimbări și fotografii ale variațiilor

Dacă produsul dvs. are variații de culori sau modele, cumpărătorii doresc să le vadă în acțiune. Extensia Variation Swatches and Photos afișează variațiile – stiluri, mărimi, modele, culori etc. – cu o imagine sau o mostră de culoare pentru a le oferi clienților o idee mai bună despre ce anume cumpără și pentru a îmbunătăți designul paginilor dvs. de produs.

Perfect pentru: magazinele 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 rame.
• Dacă vindeți bijuterii, evidențiați pandantivele din care clienții pot alege.
• Dacă vindeți skateboard-uri, includeți imagini ale modelelor pe care le oferiți.

Aflați mai multe despre Variation Swatches and Photos și vedeți-le în acțiune.

WooCommerce 360º Image

Cu WooCommerce 360º Image, puteți adăuga o rotire dinamică și personalizată a imaginii la 360º la paginile de produs, astfel încât cumpărătorii să se concentreze asupra detaliilor produsului. Adăugați un grup de imagini la o galerie de produse, iar imaginea prezentată va fi înlocuită cu o imagine frumoasă la 360º pe care clienții o pot roti pentru a vedea toate aspectele produsului. De asemenea, este complet responsiv, astfel încât cumpărătorii de pe dispozitive mobile au parte de aceeași experiență extraordinară.

Perfect pentru: magazinele de comerț electronic care doresc să ofere clienților o experiență ca și cum ar ține fizic în mână un produs.

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

Învățați mai multe despre WooCommerce 360º Image.

Product Video for WooCommerce

VIDEO-urile sunt o modalitate puternică de a vă prezenta produsele în acțiune. Utilizați extensia Product Video for WooCommerce pentru a adăuga videoclipuri la galeria de imagini a produselor dvs. sau pentru a înlocui imaginile recomandate cu videoclipuri. Încărcați videoclipurile în biblioteca media WordPress sau încorporați-le din servicii terțe, cum ar fi Vimeo sau YouTube.

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

• Dacă vindeți unelte electrice, demonstrați dimensiunea uneltei și modul în care funcționează.
• Dacă vindeți haine, arătați cum se potrivește un articol la o varietate de tipuri de corp și cum 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 Product Video for WooCommerce.

Size Chart for WooCommerce

Dacă vindeți produse care vin în diferite mărimi, o diagramă îi ajută pe clienți să înțeleagă pe care să o cumpere și reduce numărul de retururi. Extensia Size Chart for WooCommerce adaugă diagrame de mărimi la paginile de produse – încărcați-le pe ale dvs. sau creați una în tabloul de bord. Puteți opta să afișați diagramele în detaliile produsului sau ca un pop-up.

Perfect pentru: magazinele de comerț electronic care vând produse în mai multe mărimi

Exemple:

• Dacă vindeți tricouri, adăugați o diagramă de mărimi cu măsurători de umăr, piept și înălțime.
• Dacă vindeți mobilă, adăugați o diagramă de mărimi cu măsurători de lungime, înălțime și adâncime.
• Dacă vindeți autocolante, adăugați o diagramă de mărimi cu măsurători de înălțime și lățime.

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

Recomandări de produse

Vânzările suplimentare și vânzările încrucișate sunt modalități eficiente de a crește dimensiunile coșului clienților și vânzările dvs. generale. Folosiți Recomandări de produse pentru a le arăta clienților mai mult din ceea ce îi interesează. Adăugați produse recomandate pe baza a ceea ce este popular, a ceea ce este nou, a ceea ce este la vânzare, a ceea ce completează un aspect și multe altele. Sau afișați-le pe baza a ceea ce se află deja în coșul de cumpărături al clientului dumneavoastră.

Perfect pentru: magazinele de comerț electronic cu mai multe produse

• Dacă vindeți pantofi, recomandați șosete sau șireturi.
• Dacă vindeți cercei, recomandați brățări și coliere din aceeași colecție.
• Dacă vindeți jucării, recomandați puzzle-uri similare cu cel pe care un client îl are în coș.
• Dacă vindeți plante, recomandați alte soiuri populare sau adaosuri de sol.

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

Modificări CSS simple, nu necesită extensie

CSS este un limbaj de codare care controlează designul site-ului dvs. web, de la fonturi și culori până la dimensiunile butoanelor și fundaluri. Dacă aveți câteva cunoștințe de bază despre CSS, navigați la Appearance → Customize → Additional CSS î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 36px. Înlocuiți „36” cu orice număr pe care îl doriți.

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

Schimbarea culorii titlurilor produselor

Un cod hexagonal este un cod din șase cifre care reprezintă o anumită culoare online. Folosiți codul de mai jos pentru a schimba culoarea titlurilor produselor dvs. în codul hexagonal #FF5733. Înlocuiți codul hexazecimal 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;}

Făceți ca etichetele variațiilor să fie îndrăznețe

Utilizați codul de mai jos pentru a afișa titlurile variațiilor dvs. în text îndrăzneț.

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

Italicizați etichetele de variație

Utilizați codul de mai jos pentru a afișa etichetele de variație în caractere italice.

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

Modificați culorile butonului Cumpără acum:

Utilizați acest cod pentru a schimba culoarea de fundal a butonului Cumpără acum. Din nou, utilizați selectorul de culori HTML pentru a obține codul hexazecimal 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 bazează pe flexibilitate și personalizare, motiv pentru care vă oferă toate instrumentele de care aveți nevoie pentru a edita designul și funcționalitatea paginilor de produse. Prin adăugarea de câmpuri, videoclipuri, diagrame de mărimi și multe altele, paginile dvs. pot fi la fel de unice ca și produsele pe care le prezintă.

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