9 moduri de a crea pagini de produse Shopify cu o conversie ridicată

Pentru proprietarii de magazine de comerț electronic, pagina dvs. de produs merită multă atenție. Există atât de multe elemente de luat în considerare, dar și o mulțime de oportunități de a crea o experiență grozavă de cumpărături pentru clienții tăi.

În acest articol, vom analiza câteva dintre domeniile pe care vă puteți concentra pentru a vă optimiza cu adevărat paginile de produse de comerț electronic pentru conversii mai mari, o experiență de cumpărături mai bună și pentru a vă transforma browserele în cumpărători.

1. Hartați elementele paginii dvs. de produs

Primul pas în proiectarea unei pagini de comerț electronic optimizată pentru conversii este încorporarea elementelor care sunt utilizate în mod obișnuit în paginile de comerț electronic de succes.

Privind ca exemplu un magazin popular precum Asos, putem identifica unii dintre factorii importanți pe care i-au găsit că au funcționat bine pe pagina lor de produs.

Având în vedere că paginile de produse au un impact atât de semnificativ asupra conversiilor, puteți fi sigur că Asos va dedica resurse pentru a testa și optimiza fiecare componentă.

Această atenție la detalii este evidentă dacă ne uităm la modul în care o pagină de produs obișnuită se încarcă în mișcare lentă – limitată la 250 kb/s (sau o conexiune obișnuită 3g). Ordinea în care se încarcă fiecare componentă ne oferă câteva indicații despre cât de importantă este fiecare componentă.

Ordinea de încărcare a elementelor este:

• Navigație și logo . Utilizatorul ar trebui să știe întotdeauna unde se află și să aibă o modalitate de a naviga rapid la alte pagini.
• Miniaturile produselor. Imaginile indică faptul că utilizatorul se află pe pagina potrivită și le oferă o previzualizare a paginii înainte ca aceasta să se încarce complet.
• Titlul produsului și pesmet. În plus, confirmați alegerea utilizatorului și oferiți-le o opțiune rapidă pentru a naviga înapoi la o categorie similară
• Imaginea principală a produsului . Fotografia produsului este ceea ce caută clientul. Observați că acestea se încarcă chiar înainte de îndemnul la acțiune, în ciuda faptului că imaginile au o dimensiune de fișier mai mare.
• Apel la acțiune . Butonul adăugați în coș
• Informații suplimentare . Ultimele informații despre produs care se află sub pliul sunt încărcate.

Să defalcăm în continuare câteva dintre componentele paginii de produse Asos.

2. Evidențiați fotografiile produselor în față și în centru

Asos este un site bogat în conținut care utilizează fotografia într-o varietate de moduri. Când sunteți pe pagina de pornire, nu veți vedea fotografii care să trimită la niciun produs anume, ci mai degrabă către colecții.

Dar când un client face clic pe un produs, este o altă poveste. Primul lucru pe care îl văd este o imagine a produsului în față și în centru. Puțin conținut care rămâne deasupra pliului este aliniat în jurul acestei galerii foto principale.

Vom vorbi mai mult despre importanța varietății diferitelor fotografii pe care le folosește Asos, dar poziționarea și proeminența sunt cele mai importante acum. Fotografiile produselor îi ajută pe clienți să discerne imediat detaliile despre un produs mai rapid decât orice descriere și îi ajută să găsească mai rapid produsul pe care îl caută. Acestea trebuie să fie plasate vizibil și încărcate rapid.

3. Afișați clar informațiile de expediere

Nu numai că Asos are un banner de livrare și returnare gratuită, ci și linkuri către detaliile lor gratuite de livrare în întreaga lume lângă preț. Aceste tipuri de promoții de comerț electronic pot influența semnificativ deciziile de cumpărare.

Costurile mari de transport sunt evaluate drept principalul motiv pentru care consumatorii își abandonează coșul, iar 93% dintre consumatori declară că ar cumpăra mai multe produse dacă ar fi disponibilă livrarea gratuită. Știind acest lucru, Asos face tot posibilul pentru a-și promova oferta de transport gratuit.

4. Includeți detalii suplimentare

În timp ce pagina produsului Asos ar putea avea informații rare deasupra pliului, o mulțime de informații suplimentare despre produs sunt disponibile cu ușurință pentru clientul care este interesat să afle mai multe.

Deoarece clienții nu pot încerca fizic produsul sau nu pot pune întrebări unui agent de vânzări, trebuie să faceți tot ce puteți pentru ai ajuta să-i educați și să oferiți răspunsuri la întrebările pe care le pot avea.

Ce fel de detalii ar trebui să includeți?

Aceste informații pot include detalii precum:

• Materialul produsului
• Stilul
• Caracteristici semnificative de design
• Instrucțiuni de îngrijire și întreținere
• Informații despre marcă sau producător
• Meta informații, cum ar fi SKU-uri, care pot ajuta clientul să efectueze cercetări suplimentare sau să vă contacteze.

Pentru brandurile de modă, aceste detalii suplimentare pot fi deosebit de importante. Asos include, de asemenea, măsurătorile modelului și ce mărime poartă, astfel încât clientul să poată evalua mai precis cum li se va potrivi acest produs.

De ce este atât de importantă această informație suplimentară?

În primul rând, a avea descrieri unice de produse poate fi o modalitate excelentă de a crește traficul organic al motorului de căutare. Dar ele ar trebui să ajute, de asemenea, să răspundă la întrebarea de ce un client ar trebui să-ți aleagă produsele sau magazinul în locul unuia concurent. Furnizarea acestor detalii suplimentare arată că aveți un nivel mai mare de expertiză asupra produsului decât simpla enumerare a detaliilor de bază care se observă dintr-o fotografie a produsului.

Mai multe informații înseamnă, de asemenea, că un client poate face o alegere informată în mod independent, iar acest lucru nu este numai bun pentru el. Ajutând clientul să facă o achiziție în care are încredere, poate duce la o asistență mai mică pentru clienți și la mai puține returnări.

5. Prezentați un îndemn clar la acțiune

O altă caracteristică de design a site-ului web Asos este îndemnul clar la acțiune disponibil pe paginile produselor.

Nu este implicat un proces complicat de comandă. De fapt, toate informațiile de care are nevoie clientul sunt transmise în fotografiile produsului, titlul și descrierea. Clientul trebuie pur și simplu să-și selecteze dimensiunea și să facă clic pe butonul proeminent Adaugă în coș. După ce fac acest lucru, ei se întâlnesc cu o fereastră pop-up discretă care confirmă selecția lor. Această fereastră pop-up le permite fie să-și finalizeze achiziția mai repede, fie să continue cumpărăturile, înainte de a dispărea după câteva secunde.

Multe magazine optează pentru o formă de notificare sau cealaltă, fie redirecționându-le către coș sau afișând un coș pop-up imediat ce un articol a fost adăugat, fie, alternativ, nu iau nicio opțiune și lăsând clientului să ia seama. navigați la casă. Această abordare pare a fi o cale de mijloc bună.

În cazul în care clientul nu este pregătit să cumpere, Asos a inclus și o modalitate ușoară prin care clienții pot prefera articolul. Majoritatea magazinelor au acum un fel de funcție de listă de dorințe, dar ceea ce este grozav la execuția Asos este faptul că utilizatorul nu trebuie să creeze un cont pentru ca articolul să fie salvat în continuare timp de 60 de zile în memoria cache a browserului.

Cu toate acestea, făcând clic pe butonul, se trimite o solicitare înapoi către Asos, astfel încât aceștia să cunoască detalii precum tipul de utilizator care salvează articolul, ce articol este salvat și când a fost salvat - toate informațiile fantastice pe care le pot folosi pentru a redirecționa client pe rețelele de socializare.

6. Utilizați un fundal alb pe imaginile produselor dvs

La Pixc, peste 90% dintre clienții noștri aleg să-și editeze fotografiile pentru a elimina fundalul din imaginile lor și a-l înlocui cu alb. Și nu suntem doar noi. A avea un fundal alb (sau cel puțin consistent) pentru toate imaginile produselor tale a devenit standard pentru orice magazin de comerț electronic de succes.

Deci de ce este atât de important?

Vă economisește bani

Păstrarea unui fundal consistent accelerează procesul de aducere a produselor noi, fotografiere și editare. Magazine precum Asos își pot permite să aibă un studio, un fotograf și un editor la îndemână pentru a asigura aspectul și iluminarea consecvente pentru produsele lor, dar chiar și pentru magazinele mari de comerț electronic care utilizează un fundal alb pot economisi mult timp.

În loc să aveți o echipă internă, puteți pur și simplu să vă fotografiați produsele și să le editați pentru consecvență. Sau, mai bine, trimiteți-le la un serviciu precum Pixc pentru a vă automatiza procesul și mai mult.

Îți subliniază mai bine produsul

Fără un fundal, nu există distrageri de luat de la produsul în sine. Un fundal alb vă permite să prezentați mai bine detaliile mai fine ale produsului și caracteristicile specifice care altfel ar putea trece neobservate.

Ajută clienții să vă răsfoiască produsele

Când toate fotografiile produselor sunt similare, un client poate scana cu ușurință paginile dvs. de colecție și poate alege produsul pe care îl caută.

7. Încorporați un amestec bun de fotografie

Măriți numărul de fotografii pe care le afișați

Având în vedere că fotografia de produs este atât de importantă, este important să includeți o varietate de fotografii diferite ale produsului dvs. O fotografie suplimentară poate transmite mai multe informații decât orice descriere.

Doar 0,52% dintre consumatori doresc să vadă o singură fotografie, în timp ce 33,16% preferă să vadă mai multe fotografii și 58,03% doresc să vadă fotografii ale produselor care arată produsul la 360 de metri.

Acest lucru înseamnă că trebuie să includeți o combinație de fotografii ale produsului pentru a prezenta fiecare unghi al produsului și să utilizați o varietate de fotografii pentru a sublinia punctele cheie ale produsului. De exemplu, pentru produse precum pantofii, utilizați prim-planuri ale tălpii și cusături pentru a transmite punctele principale de vânzare ale produsului.

Luați în considerare fotografiile în context

Fotografiile de context care arată produsul dvs. în acțiune pot ajuta la stârnirea imaginației clientului. De asemenea, le oferă șansa de a vedea cum arată în afara unui cadru de prezentare.

8. Optimizați-vă metadatele imaginii

Prea multe magazine de comerț electronic sunt dezamăgiți de imaginile produselor lor. În timp ce platforme precum Shopify și BigCommerce ajută la aducerea compresiei și a raportului de aspect adecvat maselor, există alte câteva obiceiuri bune pe care ar trebui să le păstrați întotdeauna.

Includeți metainformațiile corespunzătoare

Metadatele corecte se rezumă la trei lucruri. Asigurați-vă că imaginile dvs. au:

1. Etichetele ALT corecte care descriu cu acuratețe imaginea
2. Etichete de titlu adecvate
3. Un nume de fișier relevant care utilizează cratime (de exemplu, imaginea mea.jpg)

Meta-informațiile sunt importante pentru accesibilitate, așa că umplerea cuvintelor cheie este descurajată (și, de asemenea, ineficientă). Dar, dă context lui Google, care va folosi metadatele imaginii, precum și conținutul din jurul acesteia, pentru a ajuta la înțelegerea conținutului de pe pagină.

Asigurați-vă că imaginile dvs. au o dimensiune adecvată

Asigurați-vă că au aceeași înălțime și lățime. În general, imaginile pătrate se vor afișa mai bine pe toate dispozitivele. Utilizarea imaginilor dreptunghiulare poate, de asemenea, să înceapă să arate incomodă dacă aveți produse care sunt deosebit de lungi sau late.

Asigurați-vă că sunt suficient de mari pentru a activa zoom-ul. În funcție de modul în care este proiectat site-ul dvs. de comerț electronic, site-ul dvs. va folosi versiuni de dimensiuni diferite ale aceleiași imagini pentru miniaturi, imagini de colecție, imagini de produse și funcționalitatea de zoom. Doriți să vă asigurați că imaginile sunt suficient de mari pentru a permite acestei funcții de zoom să funcționeze fără a fi inutil de mari. Imaginile între 1.000 px și 1.600 px au de obicei o dimensiune bună.

9. Creează-ți propriul șablon de fotografie de produs

Având în vedere sfaturile de mai sus, una dintre cele mai simple modalități de a vă asigura că imaginile produselor dvs. sunt consecvente este să utilizați un șablon. Un șablon vă permite să vă aliniați în mod repetat fotografiile corect și să vă asigurați că aspectul și dimensiunile rămân aceleași.

Realizarea acestui lucru în Photoshop este relativ simplă.

• Creați un fișier nou în Photoshop. Asigurați-vă că modul de culoare este setat la Culoare RGB - 8 biți, rezoluția este de cel puțin 72 pixeli/inch și conținutul de fundal este alb sau transparent.

• Creați un ghid nou. Selectați „Ghid nou” din meniul „Vizualizare”.

• Creați-vă ghidurile de marjă. Creați un ghid 10% vertical, 90% vertical, 10% orizontal și 90% orizontal. De asemenea, vă puteți seta propriile marje.

• Creați-vă ghidurile de centrare. Creați un ghidaj 50% vertical și 50% orizontal.

Ar trebui să ajungi cu asta.

După ce ați terminat, salvați fișierul șablon ca document Photoshop tipic. Ghidurile dvs. vă vor rămâne disponibile data viitoare când deschideți documentul.

Având un șablon, puteți plasa toate imaginile produsului în exact aceeași poziție. De asemenea, asigură că toate imaginile dvs. sunt scalate corect și că sunt salvate cu dimensiuni consistente.

În acest ghid, am analizat elementele care vor contribui la o pagină de produs bine concepută și câțiva dintre pașii pe care îi puteți urma astăzi pentru a îmbunătăți experiența de cumpărături pentru clienții dvs.

Cu sfaturile din acest ghid, aveți acum sugestii pe care le puteți implementa pentru a începe să vă îmbunătățiți pagina de produs. Acum depinde de tine să aplici aceste sfaturi în propriul tău magazin de comerț electronic pentru a începe să stimulezi vânzările!