Ghid complet despre utilizarea inteligentă a mostrelor de variante WooCommerce [2022]

Pentru a crește vânzările în magazinul dvs. online, primul pas este să vă impresionați vizual potențialii clienți. Și pentru a face acest lucru, trebuie să vă optimizați paginile de produse.

Cu cât îi faci mai ușor pentru cumpărători să-și aleagă produsele, cu atât conversia este mai mare.

Dacă aveți produse variabile în magazinul dvs., doriți să afișați toate variantele unui produs într-un mod ușor de utilizat.

Una dintre cele mai recente tendințe care au înregistrat rezultate excelente este utilizarea mostrelor pentru a prezenta variații , mai degrabă decât meniurile drop-down.

Prin urmare, utilizați mostrele de variante WooCommerce pentru a prezenta variantele de produse într-un mod mai captivant și mai atrăgător.

Astăzi vom discuta despre modul în care puteți utiliza mostre variate în magazinul dvs. WooCommerce în cel mai mare mod bazat pe rezultate.

Veți învăța cum să aplicați tipul potrivit de variante de mostre în funcție de variantele de produs pentru a spori intenția cumpărătorilor.

După ce ați citit acest ghid, veți putea:

• Înțelegeți cât de important este fiecare tip de eșantion de variație
• Configurați pe cont propriu mostre de culoare, imagine sau etichete pentru variante
• Exemple de mare utilizare a mostrelor de variație
• Îmbunătățiți intenția cumpărătorilor și creșteți-vă vânzările

Așa că hai să ne aruncăm în ea.

Când și de ce să folosiți diferite mostre de variație?

Produsele dvs. variabile pot avea diferite tipuri de variații. Nu puteți configura mostre de variații unice pentru diferite variante pentru a crea interacțiuni maxime.

Mostre de variație de culoare

Un produs poate fi disponibil în diferite culori. De exemplu, să presupunem că vindeți un tricou care are trei culori, roșu, albastru și galben.

Apoi puteți utiliza mostre de variație de culoare pentru a-i permite clienților să aleagă dintre variante.

În mod implicit, WooCommerce le permite oamenilor să aleagă printr-un meniu derulant plictisitor. Dar îl puteți face mai atrăgător cu butoanele de mostre colorate.

Vedeți singur diferența:

Mod implicit

Utilizarea mostrelor de variație de culoare

După cum vedeți, culorile sunt clar vizibile. Deci, o persoană va găsi selecția mai ușoară și mai practică.

Variații de imagine

Anumite produse sunt mai versatile și puteți prezenta variantele folosind mostre de variații de imagine.

De exemplu, să presupunem că vindeți cutii cadou cu diferite forme. Deci, în loc să prezentați selecțiile drop-down, puteți afișa variante cu mostre de imagini.

Iată cât de uimitor devine:

Mod implicit

Utilizarea mostrelor de variație a imaginii

După cum puteți vedea, variantele sunt prezentate în mici mostre pentru forme făcându-l astfel mai atractiv.

Bacsis:
Este întotdeauna ideal să aveți o imagine cu toate variantele împreună ca imagine prezentată pentru produs. În cazul în care nu aveți, atunci utilizați imaginea celei mai populare variante ca imagine prezentată.

Etichetă Variație Mostre

Anumiți factori, cum ar fi dimensiunea sau lungimea, sunt dificil de reprezentat vizual.

De exemplu, dacă vindeți un tricou cu dimensiuni, L (pentru mare), M (pentru Medium) și S (pentru Mic), atunci nu aveți cum să afișați vizual mărimile reale.

În acest caz, îl puteți face în continuare atractiv prezentând variantele folosind butoanele de etichetă pentru variații.

Iată cum va face în continuare diferența:

Mod implicit

Utilizarea mostrelor de variație de etichetă

În ciuda faptului că nu este vizualizată dimensiunea, mostrele fac selecția mai atrăgătoare. Oamenii dau clic adesea pe mostre doar din curiozitate.

Variații de text

Similar cu dimensiunile, câțiva alți factori de variație, cum ar fi variațiile legate de material sau grupa de vârstă etc., nu pot fi reprezentați vizual și nici nu pot fi reprezentați ca etichete.

De exemplu, să presupunem că vindeți o pălărie în mărimea pentru copii, dimensiunea adolescentului și dimensiunea pentru adult.

În acest caz, le puteți transforma în eșantioane de text cu nasturi atractive.

Avantajul aici este că toate variantele disponibile vor fi listate în fața cumpărătorului și acesta poate face selecția pur și simplu făcând clic pe buton(e).

Iată o previzualizare:

Mod implicit

Utilizarea mostrelor de variație de text

Bacsis:
Dacă aveți etichete de mărime, altele decât valorile numerotate, atunci păstrați o diagramă pe site-ul dvs. pentru a găsi valorile exacte ale dimensiunilor. Magazinele pierd adesea vânzări din cauza lipsei acestui grafic. Clienții nu au suficientă răbdare încât să te pună la asistența clienților pentru a afla dimensiunea exactă.

După cum ați văzut, schimbarea meniurilor de variație în mostre îl face mult mai atractiv și mai captivant.

Acum, dacă doriți să implementați aceste atracții, atunci puteți face acest lucru cu ușurință folosind pluginul Variation Swatches For WooCommerce.

Variante de mostre pentru WooCommerce

Variation Swatches pentru WooCommerce este un plugin simplu cu care puteți schimba cu ușurință selecția de bază derulantă a variantelor în butoane. Este nevoie de doar câteva clicuri.

Permiteți-mi să vă ofer un ghid pas cu pas despre cum puteți configura cu ușurință mostre variate în magazinul dvs. online folosind Variation Swatches pentru WooCommerce.

Cum să schimbi meniul derulant în mostre de butoane pentru variantele WooCommerce?

După cum sa discutat mai devreme, WooCommerce afișează variații ca opțiuni drop-down pe pagina produsului.

Cu toate acestea, puteți converti cu ușurință opțiunile de variație din meniul drop-down la mostre de butoane în doar câteva clicuri, folosind pluginul.

Iată cum o poți face pas cu pas.

1. Mai întâi, instalați și activați Variation Swatches pentru WooCommerce.

Pe tabloul de bord administrativ, veți primi un nou meniu numit Swatches. Apasa pe el.

Vă va duce la tabloul de bord plugin.

2. Setați stilul și designul mostrei de bază

În Setări generale, veți găsi opțiunile pentru a seta culoarea și chenarul mostrelor așa cum sunt afișate în mod normal, atunci când treceți cu mouse-ul sau când sunt selectate.

În plus, veți putea seta dimensiunea fontului.

Configurați aceste setări după cum doriți.

3. Accesați fila Comenzi

Faceți clic pe fila Comenzi din stânga.

Fila Comenzi va avea multe opțiuni.

4. Activați meniul drop-down la buton Swatches

Aici, activați opțiunea Dropdown To Button Swatches .

Apoi salvați setările. Acum veți vedea că variațiile de pe paginile produselor vor fi afișate sub formă de mostre de butoane.

Selectare implicită derulantă

Mostre de butoane pentru variații

Odată ce ați activat meniul drop-down pentru butoanele de mostre pentru magazinul dvs., acum puteți personaliza mostrele în culori, imagini sau etichete cu ușurință, în câțiva pași simpli.

Cum să configurați mostrele de culoare WooCommerce pentru variații de culoare

Folosind mostre de culoare, puteți oferi o idee vizuală despre culoarea pe care o va alege cumpărătorul. Deci nu va exista nicio ezitare.

Și, după cum ați văzut mai devreme, mostrele de culoare sunt foarte atractive în comparație cu selecția obișnuită derulantă.

Pentru a configura mostrele de culoare, urmați pașii de mai jos.

1. Activați meniul drop-down la buton Swatches

Mai întâi urmați pașii pentru a activa meniul drop-down la butoanele, așa cum a fost explicat mai devreme.

(Faceți clic aici pentru a citi cum să activați meniul drop-down pentru mostrele de butoane.)

2. Accesați Atributele create de dvs

Termenii de variație sunt de obicei grupați în atribute.

Accesați Tabloul de bord > Produse > Atribute și veți găsi lista de atribute pe care le-ați creat deja în magazinul dvs. și opțiunea de a adăuga atribute noi.

În partea dreaptă, puteți vedea lista de atribute create pe care le aveți.

3. Schimbați-vă atributul dorit ca tip de culoare

Plasați mouse-ul pe numele atributului pentru care doriți să utilizați mostre de culoare.

Veți avea opțiunile de editare sau ștergere. Faceți clic pe Editați și vă va duce la pagina Editați atributul.

Odată ce vă aflați pe pagina Editare atribut, veți vedea că aveți un câmp pentru Tip.

Faceți clic pe el și alegeți opțiunea „Culoare”.

Apoi faceți clic pe butonul Actualizare de mai jos.

4. Setați mostre de culoare pentru termenii de variație

Odată ce ați setat tipul de atribut la „Culoare”, acum puteți atribui mostre de culoare termenilor variante din acest atribut.

Reveniți la Tabloul de bord > Produse > Atribute și în partea dreaptă a atributului (doar ați setat ca tip de culoare), veți obține opțiunea „Configurați termenii”.

Faceți clic pe Configurați termeni și veți ajunge la următoarea pagină:

Aici, puteți fie să adăugați termeni pentru variațiile de culoare, fie, în partea dreaptă, puteți vedea termenii variante pe care le aveți cu toții gata pentru culori în magazinul dvs.

Plasați mouse-ul pe un singur termen de culoare și veți găsi opțiunea de a edita.

Faceți clic pe editați și vă va duce la pagina de editare. Aici, mai jos vei vedea că ai opțiunea de a alege o culoare.

Faceți clic pe „Selectați culoarea” și veți obține opțiunea de a atribui o culoare.

Alegeți o culoare adecvată și faceți clic din nou pe Selectare culoare.

Apoi faceți clic pe butonul Actualizare de mai jos.

Odată actualizat, întoarceți-vă și veți vedea că o previzualizare a culorii este acolo chiar lângă numele termenului de variantă de culoare respectiv.

Faceți același lucru pentru restul variațiilor de culoare și atât. Acum produsele dvs. vor avea mostre cu variații de culoare în loc de selecția drop-down pentru variantele de culoare.

Utilizarea mostrelor de variație de culoare

Cum să configurați mostre de imagine pentru variantele produselor WooCommerce?

Folosind mostre de imagine, puteți afișa anumite variante ca mostre atractive atunci când vizualizați produse.

Și așa cum ați văzut mai devreme, mostrele de imagini sunt foarte captivante, în comparație cu selecția obișnuită din meniul drop-down.

Pentru a configura mostrele de imagini, urmați pașii de mai jos.

1. Activați meniul drop-down la buton Swatches

Mai întâi urmați pașii pentru a activa meniul drop-down la butoanele, așa cum a fost explicat mai devreme.

(Faceți clic aici pentru a citi cum să activați meniul drop-down pentru mostrele de butoane.)

2. Accesați Atributele create de dvs

Termenii de variație sunt de obicei grupați în atribute.

Accesați Tabloul de bord > Produse > Atribute și veți găsi lista de atribute pe care le-ați creat deja în magazinul dvs. și opțiunea de a adăuga atribute noi.

În partea dreaptă, puteți vedea lista de atribute create pe care le aveți.

3. Atribuiți atributul dorit ca tip de imagine

Plasați mouse-ul pe numele atributului pentru care doriți să utilizați mostre de imagine.

Veți avea opțiunile de editare sau ștergere. Faceți clic pe Editați și vă va duce la pagina Editați atributul.

Odată ce vă aflați pe pagina Editare atribut, veți vedea că aveți un câmp pentru Tip.

Faceți clic pe el și alegeți opțiunea „Imagine”.

Apoi faceți clic pe butonul Actualizare de mai jos.

4. Setați mostre de culoare pentru termenii de variație

După ce ați setat tipul de atribut la „Imagine”, acum puteți atribui mostre de imagine termenilor variante din acest atribut.

Reveniți la Tabloul de bord > Produse > Atribute și în partea dreaptă a atributului (doar ați setat ca tip de imagine), veți obține opțiunea „Configurați termenii”.

Faceți clic pe Configurați termeni și veți ajunge la următoarea pagină:

Aici, puteți fie să adăugați termeni pentru variații, fie, în partea dreaptă, puteți vedea termenii variante pe care îi aveți deja (sub acest atribut).

Treceți mouse-ul pe un termen și veți găsi opțiunea de a edita termenul.

Faceți clic pe editați și vă va duce la pagina de editare. Aici, mai jos veți vedea că aveți opțiunea de a încărca sau adăuga o imagine.

Faceți clic pe „Încărcați/Adăugați imagine” și puteți fie să încărcați o imagine, fie să alegeți o imagine din biblioteca dvs. media.

Alegeți o imagine adecvată, apoi faceți clic pe butonul Actualizare de mai jos.

Odată actualizat, întoarceți-vă și veți vedea că o previzualizare a imaginii este acolo chiar lângă numele termenului variantă.

Faceți la fel și pentru restul variantelor și gata. Acum, produsele dvs. vor avea mostre cu variante de imagine în loc de selecție drop-down pentru aceste variante.

Utilizarea mostrelor de variație a imaginii

Cum se configurează o variantă de etichetă pentru produse variabile?

Folosind mostre de etichetă, puteți afișa anumite variante care pot fi recunoscute cu litere sau numere simple.

Și după cum ați văzut mai devreme, mostrele de etichete sunt mai atractive, în comparație cu selecția obișnuită din meniul drop-down.

Pentru a configura mostrele de etichete, urmați pașii de mai jos.

1. Activați meniul drop-down la buton Swatches

Mai întâi urmați pașii pentru a activa meniul drop-down la butoanele, așa cum a fost explicat mai devreme.

(Faceți clic aici pentru a citi cum să activați meniul drop-down pentru mostrele de butoane.)

2. Accesați Atributele create de dvs

Termenii de variație sunt de obicei grupați în atribute.

Accesați Tabloul de bord > Produse > Atribute și veți găsi lista de atribute pe care le-ați creat deja în magazinul dvs. și opțiunea de a adăuga atribute noi.

În partea dreaptă, puteți vedea lista de atribute create pe care le aveți.

3. Atribuiți atributul dorit ca tip de etichetă

Plasați mouse-ul pe numele atributului pentru care doriți să utilizați mostre de etichetă.

Veți avea opțiunile de editare sau ștergere. Faceți clic pe Editați și vă va duce la pagina Editați atributul.

Odată ce vă aflați pe pagina Editare atribut, veți vedea că aveți un câmp pentru Tip.

Faceți clic pe el și alegeți opțiunea „Etichetă”.

Apoi faceți clic pe butonul Actualizare de mai jos.

4. Setați mostrele de etichete pentru termenii de variație

După ce ați setat tipul de atribut la „Etichetă”, acum puteți atribui mostre de etichetă termenilor variante din acest atribut.

Reveniți la Tabloul de bord > Produse > Atribute și în partea dreaptă a atributului (doar ați setat ca tip de etichetă), veți obține opțiunea „Configurați termenii”.

Faceți clic pe Configurați termeni și veți ajunge la următoarea pagină:

Aici, puteți fie să adăugați termeni pentru variații, fie, în partea dreaptă, puteți vedea termenii variante pe care îi aveți deja (sub acest atribut).

Treceți mouse-ul pe un termen și veți găsi opțiunea de a edita termenul.

Faceți clic pe editați și vă va duce la pagina de editare. Aici, mai jos, veți vedea că există un câmp pentru a introduce un caracter Etichetă.

Introduceți eticheta pe care doriți să o afișați.

Apoi faceți clic pe butonul Actualizare de mai jos.

Odată actualizat, întoarceți-vă și veți vedea că o previzualizare a etichetei este acolo chiar lângă numele termenului variantă.

Faceți la fel și pentru restul variantelor și gata. Acum, produsele dvs. vor avea mostre de variație de etichetă în loc de selecție drop-down pentru aceste variante.

Utilizarea mostrelor de variație de etichetă

Concluzie

Este clar că selecția drop-down pentru produse variabile nu mai este preferată. Cea mai bună modalitate de a oferi variații este utilizarea mostrelor.

Și cea mai bună parte este că este foarte ușor de implementat și poate fi realizat în doar câteva clicuri folosind pluginul Variation Swatches pentru WooCommerce.

Așa că vă sugerez să încercați pluginul și să profitați de avantajele variantelor de la WooCommerce. Profită de atragerea cu ușurință a cumpărătorilor, fără prea mult efort.