Cum să proiectați pagini de detaliu ale produselor mobile cu conversie ridicată: 8 sfaturi antiglonț

Să încercăm un experiment rapid.

Accesați contul Google Analytics pentru magazinul dvs. de comerț electronic.

Care pagini au cel mai mare număr de vizualizări de pagină?

Sunt aproape 100% sigur că vor fi paginile cu detalii despre produs. Dacă nu este, probabil că este ceva grav în neregulă!

Nu mă refer la o anumită pagină de produs pentru un singur articol. Mai degrabă mă refer la șablon - toate paginile de produs combinate. (BTW citiți despre șabloanele de pagini de produse aici)

Paginile cu produse sunt cele mai importante pagini de pe orice site de comerț electronic

Este dificil să subestimăm importanța paginilor de produse atunci când vine vorba de comerțul electronic. Acestea sunt cu ușurință cele mai importante pagini, depășind paginile de start, paginile de plată, paginile categoriilor și așa mai departe.

Imaginați-vă, de exemplu, căutați un nou MacBook Air pe Google.

Introduceți o interogare în caseta de căutare și sunteți imediat întâmpinat cu anunțuri despre produse care vă conduc direct la paginile cu detalii despre produs.

Majoritatea rezultatelor Google duc la pagini cu detalii despre produs.
Și alte campanii de marketing fac același lucru: remarketingul Facebook, PPC, e-mailuri, reclame sociale și așa mai departe.
Aproape întotdeauna, acestea conduc direct la paginile de produse.

Deci, este absolut crucial ca paginile dvs. de produse să se convertească bine. În această postare, vă voi arăta câteva sfaturi simple, de dimensiuni mici și incredibil de eficiente pentru optimizarea conversiei mobile a paginilor dvs. de produse mobile.

De ce mă concentrez pe mobil în timp ce discut despre cum să proiectez pagini de produse care convertesc?

Modul în care oamenii cumpără se schimbă. În 2017, achizițiile mobile au reprezentat 58,9% din totalul vânzărilor de comerț electronic. În 2021, se estimează că această cifră va crește la aproape 75%.

Modul în care oamenii cumpără se schimbă. În 2017, achizițiile #mobile au reprezentat 58,9% din toate vânzările de #ecommerce. În 2021, se estimează că această cifră va crește la aproape 75%. #stats Faceți clic pentru a trimite un Tweet
Mai mulți oameni fac cumpărături cu telefoanele lor mobile. Sursă.
Asigurându-vă strategia de optimizare pentru acest peisaj în schimbare, veți pregăti magazinul dvs. de comerț electronic pentru succes într-o eră a cumpărăturilor mobile.

Majoritatea comercianților cu amănuntul online acordă cea mai mare atenție paginilor desktop (de exemplu, aici veți găsi o listă de verificare pentru optimizarea paginilor produsului pentru desktop!).

Dar la fel de sigur ca noaptea urmează ziua, cea mai mare parte a traficului dvs. viitor va începe la un moment dat să provină de la iubitele telefoane mobile ale vizitatorilor site-ului dvs.

Doar o listă rapidă a celor 8 sfaturi de optimizare a paginii cu detalii despre produsul mobil antiglonț:

Sfatul nr. 1: Plasați fotografiile pe primul loc
Sfatul nr. 2: Sprijină gesturile mobile
Sfatul nr. 3: clarificați că există mai multe imagini
Sfat # 4: Montați secțiunea Adăugare la coș într-un singur ecran (eliminând necesitatea derulării)
Sfat # 5: Adăugați solicitări la secțiunea Adăugare la coș
Sfatul nr. 6: permiteți vizitatorilor să acceseze cu ușurință informații suplimentare
Sfat # 7: Utilizați Toplayers pe ecran complet
Sfat # 8: Adăugați vânzări încrucișate și vânzări în sus

Hai să ne scufundăm.

Sfatul nr. 1: Plasați fotografiile pe primul loc

Oamenii cumpără cu ochii!

Și vor să vadă produsul imediat.

De fapt, de cele mai multe ori oamenilor nu le pasă de numele unui produs.

Vor doar să o vadă!

ASOS își plasează imaginile deasupra rubricii principale a produsului.
Deci, faceți cât mai mult spațiu posibil pentru imaginea produsului și plasați-o chiar la începutul paginii dvs. de produs.

La Growcode, am îmbunătățit uneori ratele de conversie mobile ale clienților prin apăsarea numelui produsului sub imaginea principală. Ar trebui să rulați propriile teste A / B pentru a vedea dacă funcționează pentru dvs.

Sfatul nr. 2: Sprijină gesturile mobile

E timpul pentru un alt „experiment”.

Sunteți pe telefonul mobil și vedeți o fotografie pe un site de comerț electronic al produsului dorit.

Ce faci?

Îl glisezi!

Aterizi pe o imagine grozavă. Dar vrei să vezi detaliile frumoasei rochii sau a noilor căști lansate de ultimă generație.

Ce faci mai departe?

Îl măriți!

ASOS simplifică glisarea și mărirea imaginilor pentru clienți.

Dumneavoastră - și practic toți clienții dvs. potențiali - efectuați aceste acțiuni pe pilot automat, pentru că așa obișnuiți să faceți. Comportamentul este automat.

Și de aceea trebuie să sprijini gesturile mobile! Activați glisarea și mărirea ușoară (cu un singur deget mare).

Oh, și apropo, nu este niciodată nevoie să deschideți fotografii în ferestre pop-up de orice fel. Doar nu o faceți.

Sfatul nr. 3: clarificați că există mai multe imagini

Vizitatorii site-ului dvs. au nevoie de puțină încurajare. După mii de teste divizate la Growcode, am constatat că indicii și solicitări se numără printre cele mai eficiente instrumente din orice arsenal de optimizare a conversiilor de către orice retailer online.

Gandeste-te la asta. Cum ar trebui să știe vizitatorii tăi că ai patru fotografii minunate cu noua ta rochie de vară emblematică?

Nu vor. Nu până nu le oferiți o mică sugestie.

Și există două modalități de a face acest lucru.

# 1: Afișați un fragment din următoarea fotografie în cadrul celei actuale.

Includeți marginea următoarei fotografii în cadru.
# 2: Afișați punctele care indică faptul că există mai multe de văzut.
Includeți „cercuri glisante” sub imagini.
Simplu, dar puternic.

Sfat # 4: Montați secțiunea Adăugare la coș într-un singur ecran (eliminând necesitatea derulării)

Plasați strategic toate detaliile cheie de care are nevoie un client atunci când este pe punctul de a introduce un articol în coșul de cumpărături (BTW află cum să optimizați coșul de cumpărături mobil și ce este cel mai bun design pentru coșul de cumpărături mobil).

Toate informațiile indispensabile ar trebui să fie una lângă alta și să se încadreze într-un singur ecran mobil.

Zalando include toate detaliile cheie chiar deasupra CTA-ului principal.
Aceste elemente indispensabile sunt:

• Numele produsului
• Rating de stele
• Preț
• Promoții de orice fel
• Opțiuni dimensiune / culoare
• CTA la nivel de ecran (permiteți vizitatorilor să-și folosească degetul mare preferat)

Nu forțați utilizatorii să deruleze în sus și în jos pentru a vă asigura că au dimensiunea sau culoarea potrivită. Plasați fiecare informație vitală în imediata apropiere.

Doriți mai multe informații de acest gen?

Obțineți sfaturi săptămânale despre comerț electronic, strategii și cunoștințe de top din industrie.
Livrat direct în căsuța de e-mail.

pe Am citit politica de confidențialitate și accept termenii și condițiile buletinului informativ.

Bifați această casetă de selectare pentru a continua

Woo hoo! Tocmai v-ați înscris. Verificați căsuța de e-mail pentru a confirma abonamentul.

Sfat # 5: Adăugați solicitări la secțiunea Adăugare la coș

Secțiunea Adăugare la coș este cel mai bun loc pentru toate acele extras care încurajează clienții să facă o achiziție. În special, luați în considerare includerea următoarelor trei elemente:

• Construiți urgența arătând câte articole rămân.
• Dacă articolul este în vânzare, scoateți prețul și arătați reducerea.

Pe această pagină a produsului Etsy, clienții sunt informați că sunt disponibile doar cinci produse. Prețul de vânzare este, de asemenea, evidențiat pe această pagină Etsy.

• Dacă utilizatorii primesc livrare gratuită cu un produs, evidențiați-l în secțiunea Adăugare la coș.

Crutchfield include un memento că acest produs „Se expediază GRATUIT”.

Sfatul nr. 6: permiteți vizitatorilor să acceseze cu ușurință informații suplimentare

Ființele umane sunt toate diferite.

Unii clienți cumpără rapid ca mine. Văd o imagine frumoasă a produsului și bam - este comandată.

Dar există și tipi ca tatăl meu. Citește fiecare informație înainte de a face o comandă.

Și trebuie să satisfaceți ambele grupuri.

Pe pagina produsului ASOS de mai sus, clienții pot alege să vadă mai multe detalii.
Permiteți utilizatorilor să se scufunde cu ușurință în detalii, dacă doresc. Și furnizați informații despre opțiunile de expediere și de plată (împreună cu descrierile și specificațiile produselor).

Faceți informațiile accesibile, dar păstrați și pagina produsului frumoasă și scurtă - cu opțiuni de extindere numai dacă utilizatorii doresc.

De obicei ecusoanele clare și ușor de înțeles pot oferi toate informațiile și nu este nevoie să scrieți 2-3 propoziții.

Garanție de 1 an, livrare gratuită în toată lumea, fabricat în SUA, produs manual sau lucruri similare pot fi comunicate cu ușurință prin imagine. Aflați un exemplu.

Justin Gecevicius - cofondator al Adkings Agency

Sfat # 7: Utilizați Toplayers pe ecran complet

În calitate de specialiști în marketing, ne place cu toții jucătorii și ferestrele pop-up.

Funcționează bine pe desktop, deoarece oamenii sunt obișnuiți cu deschiderea ferestrelor în interiorul altor ferestre - vreo idee de ce sistemul de operare Microsoft a fost numit Windows?

Dar jucătorii nu funcționează bine pe mobil. Nu există suficient spațiu pentru mai multe ferestre.

Deci, atunci când aveți informații suplimentare pe care doriți să le prezentați printr-un jucător, utilizați unul pe ecran complet.

ASOS folosește un player pentru ecran complet.
Clienții îl vor interpreta ca pe un nou ecran. Va fi ca o experiență în aplicație.

De asemenea, este mai bine să activați o mișcare de glisare pentru a închide jucătorul și a oferi o modalitate clară de eliminare a acestuia, cum ar fi un semn „X” sau un link „închis”.

Asigurați-vă că butonul de ieșire este suficient de mare pentru a fi atins de degetele stângace!

Sfat # 8: Adăugați vânzări încrucișate și vânzări în sus

Paginile cu detalii despre produs sunt locurile ideale pentru prezentarea utilizatorilor cu articole suplimentare disponibile în magazinul dvs.

Zalando include mai multe sugestii legate de produse pe paginile sale de produse.
Să presupunem că vindeți haine, de exemplu. Ar trebui să includeți cel puțin câteva dintre următoarele elemente pe paginile dvs. de produse:

• Haine similare.
• Accesorii și haine gratuite.
• Produse legate direct, cum ar fi „aspect complet” sau genți de mână de aceeași marcă.

Scopul dvs. este fie să revindeți, fie să vindeți încrucișat. De preferat ambele! BTW, de asemenea, funcționează destul de bine în funcție de valoarea pe viață a clientului.

Ca principiu general, plasarea a două sau mai multe linii (sau carusele) de produse sugerate este o idee bună.

Iată un sfat rapid pentru a obține mai multe produse într-o singură linie: afișați două imagini complete cu articole suplimentare și o parte din a treia. Acest lucru îi va determina pe clienți să gliseze pentru a vedea mai multe.
Afișați marginea unei a treia imagini pe caruselul de produse sugerat.

Rezumat: 8 sfaturi pentru a crea o pagină de detalii despre produsul mobil cu conversie ridicată

Bine, deci iată un rezumat rapid al a ceea ce am acoperit. Puteți utiliza această listă de verificare atunci când dezvoltați următoarea campanie de optimizare:

• Sfatul nr. 1: Plasați fotografiile pe primul loc
• Sfatul nr. 2: Sprijiniți gesturile mobile (glisarea și mărirea imaginilor)
• Sfatul nr. 3: clarificați că există mai multe imagini
• Sfat # 4: Montați secțiunea Adăugare la coș într-un singur ecran (eliminând necesitatea derulării)
• Sfat # 5: Adăugați solicitări la secțiunea Adăugare la coș
• Sfatul nr. 6: Permiteți vizitatorilor să acceseze cu ușurință informații suplimentare
• Sfat # 7: Utilizați ecranele de top cu ecran complet
• Sfat # 8: Adăugați vânzări încrucișate și vânzări în sus

Urmați aceste sfaturi și veți crea pagini de produse mobile care se convertesc ca nebune!

Oh, și aproape că am uitat să menționez că paginile de produse mobile trebuie să se aprindă rapid. Este mobil. Ai doar trei secunde. În caz contrar, clienții dvs. au dispărut.

Nu uitați niciodată de asta!

De asemenea, urmăriți videoclipul nostru despre crearea de pagini de detalii despre produsul ucigaș pe mobil, astfel încât să aveți toate informațiile rezumate și gata de implementat în comerțul electronic!

BTW obține Lista de verificare pentru optimizarea comerțului electronic cu 115 puncte și crește rata de conversie!

Pe baza a opt ani de experiență, ne-am adunat toate ideile de top într-o singură carte: Lista de verificare pentru optimizarea comerțului electronic a unui magazin online de 7+ figuri. Dacă doriți să măriți performanța tuturor paginilor dvs. - de la pagina de pornire la îmbunătățirea comenzii mobile - luați copia dvs. aici. Și dacă sunteți mai interesat să vă optimizați comerțul electronic, consultați mai multe despre noi și de ce suntem recunoscuți de Clutch ca o agnecie de top pentru rata de conversie.