Cel mai convenabil și plasați comanda. Cum să funcționeze pagina de plată? Optimizăm și ne ocupăm de eșecuri. Creșterea influenței asupra luării deciziilor utilizatorilor

Scopul lecției

Dezvoltați o parte a șablonului de formular de serviciu responsabil pentru pagina de finalizare a comenzii.

Familiarizați-vă cu formularele de alegere a unei metode de plată, livrare și chestionarul cumpărătorului.

Scopul principal

Scopul principal al paginii de checkout- să fie completat de către vizitator. Întrebări pe care le întâmpină utilizatorii atunci când completează formularele:

Întrebări

De unde să încep?
Este ușor să completați formularul? Și cât va dura?
Ce metodă de plată/livrare este potrivită pentru mine?
Câți pași trebuie să parcurgeți înainte ca formularul să fie completat complet?
De ce ar trebui să completez aceste câmpuri? De ce au nevoie de aceste date?
Poți fi de încredere? Nu va cădea e-mailul/numărul meu de telefon în mâinile spammerilor?
Ce ar trebui să fac după ce trimit formularul?

Sarcini

Să vedem ce sarcini rezolvă pagina de checkout.

Sarcină	Soluţie
Oferiți un aspect simplu și îngrijit	Pentru a face acest lucru, va trebui să adăugați spațiu liber, precum și să eliminați tot ce nu este necesar
Atrageți atenția asupra câmpurilor de formular	Pentru a face acest lucru, vom adăuga un fundal diferit casetei cu câmpuri și margini în jurul formularului.
Eliminați câmpurile inutile	Va trebui să stabiliți ce câmpuri trebuie să completeze utilizatorul pentru ca comanda să poată fi finalizată cu succes. Nimic inutil care ar putea forța utilizatorul să părăsească pagina de plată
Depășește îndoielile vizitatorilor	Puteți informa că comanda poate fi anulată în orice moment. Sau vorbește despre beneficiile achiziției în magazinul tău: condiții de garanție, retur sau livrare
Utilizați vocea activă	Ghidați utilizatorul prin procesul de plată folosind verbe în voce activă. Ele pot fi folosite în titlurile paginilor sau în explicarea câmpurilor formularului de comandă
Specificați numărul de pași și timpul pentru a plasa o comandă	Acest lucru se face în partea de sus a paginii, înainte ca utilizatorul să treacă la proiectare.

Acum să rezolvăm aceste probleme.

Eşantion

Oferiți un aspect simplu și îngrijit

Să începem cu cel mai dificil. Iată cum arată pagina de plată implicită:

Pentru a simplifica aspectul paginii de plată, avem nevoie de:

Lăsați doar sigla și numele site-ului în partea de sus a site-ului. Fără link-uri
Schimbați conținutul barei laterale. Nu mai trebuie să arătăm o listă de categorii. Puneți-l în bara laterală putina informatie pentru cei care plasează o comandă și un mesaj pe care îl poți suna dacă ceva nu merge
Simplificați partea de jos a site-ului - lăsați în el doar sistemul de drepturi de autor și site-ul

Dacă doriți, puteți abandona complet bara laterală.

Găsiți în șablonul paginii de formulare de servicii blocul global responsabil pentru partea de sus site-ul (de obicei $GLOBAL_AHEADER$) și plasați-l în următoarea construcție:

Numele site-ului

$GLOBAL_AHEADER$

logo_simple.png este o imagine de logo simplificată. Există mai multe modalități de simplificare a siglei pentru pagina de plată - reduceți-l în dimensiune, reproiectați-l, lăsând stilul corporativ sau faceți-l alb-negru.

Să facem același lucru cu partea de jos a site-ului ($GLOBAL_BFOOTER$) și bara laterală ($GLOBAL_CLEFTER$):

$POWERED_BY$ Numele site-ului, an

$GLOBAL_AHEADER$

...Ajutor la comanda...

$GLOBAL_CLEFTER$

Dacă întâmpinați dificultăți cu blocurile globale, amintiți-vă.

Atrageți atenția asupra câmpurilor de formular

În total, pe pagina de comandă utilizatorul este rugat să completeze patru formulare:

Formular cu conținutul comenzii (tabel) $BODY$
Formularul de selectare a metodei de livrare $DELIVERY_SELECTOR$
Formularul de selectare a metodei de plată $PAYMENT_SELECTOR$
Formularul de introducere a datelor personale $ORDER_FIELDS$

Pentru a evidenția câmpurile de formular, trebuie să configurați .methods-list și #order-table:

Listă de metode, #comandă-tabel (marja: 20px; culoarea fundalului: #e5e5e5; chenar: 1px solid #cccccc; )

Eliminați câmpurile inutile

Aici vorbim despre formularul de introducere a datelor personale $ORDER_FIELDS$ . Cu siguranță, ați finalizat deja lecția 31 despre câmpurile de comandă. Va trebui să analizăm fiecare câmp adăugat la microscop și să ne întrebăm: „Sunt informațiile din acest domeniu într-adevăr atât de importante pentru noi încât suntem dispuși să pierdem câțiva clienți pentru asta?”

Adesea, „Nume”, „Număr de telefon” și „Adresa de livrare” sunt suficiente.

Desigur, merită luată în considerare marginalitatea mărfurilor. În magazinele în care trebuie procesate un număr mare de comenzi, câmpurile suplimentare vor crește profiturile prin reducerea costurilor cu forța de muncă pentru procesare. În cazul unui flux mic de comenzi, are sens să se solicite doar numele și numărul de telefon, bazându-se în principal pe calificările managerilor de vânzări.

După ce ați decis să eliminați câmpurile inutile sau să adăugați câmpuri noi, reveniți la Lecția 31.

Depășește îndoielile vizitatorilor

Cum vom depăși:

După formularul cu conținutul comenzii $BODY$ vom plasa scurte informații despre garanție și condițiile de retur
Lângă formularul de selectare a metodelor de plată $PAYMENT_SELECTOR$ vom plasa pictograme de atestări, certificate (dacă există) sau pictograme de metode de plată;
Înainte de butonul „Plasați o comandă” $ORDER_BUTTON$, vă vom informa că comanda poate fi anulată/modificată în orice moment. În acest fel, utilizatorul nu se va gândi mult la „Am format totul corect?”
Sub butonul „Plasați o comandă” $ORDER_BUTTON$ vom plasa un bloc „Ce se va întâmpla în continuare?”. În acesta vă vom informa că înainte de livrarea comenzii, cu siguranță vă vom suna înapoi pentru a ne clarifica la ora specificată.

Din păcate, în cadrul acestei lecții nu putem lua în considerare cum să adăugați pictograme la formularele de plată sau de livrare. Deci, adăugați blocul corespunzător după $PAYMENT_SELECTOR$ .

Utilizați vocea activă

Să ne uităm la un exemplu concret. În mod implicit, alegerea metodei de plată este descrisă în această secțiune a șablonului:

Modalitate de plată

$PAYMENT_SELECTOR$

Dacă utilizați voce activă, atunci același fragment va arăta astfel:

Selectați metoda de plată

$PAYMENT_SELECTOR$

Același lucru este valabil și pentru alegerea unei metode de livrare, verificarea conținutului comenzii și completarea formularului de date utilizator.

Specificați numărul de pași și timpul pentru a plasa o comandă

Înainte de $BODY$ adăugați un mesaj despre câți pași sunt în procesul de plată și cât timp va dura, de exemplu:

Plasarea unei comenzi în 4 pași nu durează mai mult de 3 minute

Unde are uCoz mai mulți pași pentru a plasa o comandă? Aici vorbim despre pași dintr-o singură pagină. Va sugerez aceasta varianta:

Pasul 1: Verificați conținutul comenzii dvs
Pasul 2. Selectați o metodă de expediere
Pasul 3. Selectați o metodă de expediere
Pasul 4. Furnizează informații despre tine

Vă rugăm să rețineți că titlul fiecărui pas folosește vocea activă.

Aceasta încheie lecția. Există o serie de setări pentru pagina de finalizare a achiziției care vă vor permite să creșteți conversia pe aceasta. Vom vorbi despre asta în lecțiile următoare.

Exerciții

Creați un aspect simplificat al paginii de plată
Eliminați câmpurile inutile și selectați-le pe cele rămase
Plasați blocuri cu text care va ajuta la depășirea îndoielilor cumpărătorilor
Specificați numărul de pași și timpul necesar pentru plasarea comenzii

Există de multă vreme o părere că necesitatea de a vă înregistra pe un site web duce la o scădere a numărului de vânzări. Având în vedere acest lucru, este logic să presupunem că ar trebui să apară o pagină pentru plata mărfurilor, unde pur și simplu introduceți adresa de e-mail și detaliile de livrare. Astfel, cumpărăturile online ar trebui să semene cu un magazin cu autoservire, unde cumpărătorului i se oferă libertate deplină, nu sunt necesare informații suplimentare, dar costul total al achiziției poate fi ușor calculat.

Dar este chiar acesta cazul? Vă invităm să vă familiarizați cu câteva formulare de comandă de pe site-urile comerciale.

Exemple de pagini de plată pe site-uri comerciale

Înainte de a crea un site web comercial, principalul lucru de înțeles este că înregistrarea obligatorie nu numai că are un impact negativ asupra vânzărilor, ci este și absolut lipsită de sens. vă puteți familiariza cu exemple binecunoscute care confirmă acest fapt.

În orice caz, pentru confirmarea comenzii, utilizatorului trebuie să i se solicite email, adresa de livrare și numele. Acestea sunt aceleași puncte care trebuie introduse în timpul înregistrării, cu excepția faptului că nu este nevoie să veniți cu o parolă.

Aceste informații pot fi solicitate de la utilizator pe pagina de confirmare a comenzii, generate automat și abia apoi i-au solicitat utilizatorului să „creeze o parolă”. Și de ce să forțezi utilizatorul să se înregistreze înainte de a se decide să cumpere ceva de la tine, când întregul proces poate fi „încheiat” aproape imperceptibil în timpul plății?
Iată un exemplu despre modul în care ASOS și-a simplificat pagina de înregistrare cu:

(Fig. Clienții care au folosit deja serviciile site-ului ASOS trebuie să introducă o adresă de e-mail și o parolă, iar clienții noi trebuie să creeze un cont)

(Fig. Pentru a se conecta la sistem, clienții obișnuiți trebuie să-și introducă adresa de e-mail și parola, iar noilor veniți, după ce selectează un produs, li se cere să meargă la pagina de casă)

Odată ce clienții potențiali fac clic pe pictograma „continuare” după ce au selectat un produs, ei vor fi direcționați către o pagină unde li se va cere să introducă aceleași informații pe care le-au cerut anterior și, în final, va fi creat un cont. Aceasta înseamnă că același proces este prezentat în moduri complet diferite. În mod surprinzător, statisticile au arătat că o astfel de modificare minoră a dus la o reducere la jumătate a defecțiunilor pe site.

Concluzie: pe paginile site-ului, clienților înregistrați ar trebui să li se solicite să se „logeze” cu parola, astfel încât să poată accesa rapid pagina de comandă. Iar calculul sumei comenzii și executarea sa ulterioară trebuie oferite tuturor. Desigur, vă puteți oferi crearea unui cont, dar acest lucru nu este de niciun folos.

Compania Macy's
Iată un alt exemplu grozav - o pagină frumoasă, clară și neaglomerată, care atrage atenția utilizatorilor asupra punctelor cheie:

(Fig. Dacă ați achiziționat anterior ceva de pe site, atunci puteți accesa pagina de comenzi introducând adresa de e-mail și parola. Pentru începători, numai după selectarea unui produs li se oferă să accesați pagina de comenzi făcând clic pe butonul „ Faceți calculul ca „buton invitat”. Acest lucru va crea automat un profil).

Macy's face acest lucru bine, de asemenea, deoarece pagina de checkout oferă clienților informații despre returnare și livrare (făcând clic pe casetă și pictograme de blocare) și un număr în partea de sus a paginii pentru a apela și a clarifica toate informațiile necesare. Sunteți de acord că o astfel de abordare a afacerilor inspiră încredere și respect.

Compania Walmart
Pe pagina sa de checkout, Walmart oferă oaspeților opțiunea de a crea un cont sau de a continua să plaseze o comandă fără a crea un cont. Aceste. un nou cumpărător are de ales - să economisească timp „aici și acum” sau în viitor:

(Fig. Clienții obișnuiți se conectează introducând adresa lor de e-mail și parola, iar începătorii pot afla costul total și pot plasa o comandă fără a crea un cont (adică, economisiți timp acum) sau pot crea un cont (și astfel economisi timp în viitor) viitor)).

Compania Sears
O abordare interesantă a acestei probleme a fost luată de Sears, care a decis că nu are nevoie de o pagină de conectare pentru clienții obișnuiți. Prin urmare, compania își trimite toți utilizatorii direct la pagina de checkout.
Iată cum arăta pagina lor de plată înainte:

Și așa arată ea acum:

Totul este foarte clar (trebuie să introduceți adresa de livrare, numele destinatarului și e-mailul), nu există bariere în finalizarea achiziției.

Compania WHSmith
Un alt model de urmat. O pagină foarte îngrijită care nu obligă utilizatorul să se înregistreze:

(Fig. Utilizatorului i se cere să introducă adresa de e-mail și este întrebat discret dacă are o parolă pentru a se conecta pe site)

Compania Tesco
Tesco demonstrează o abordare complet diferită. Pe site-ul lor, înregistrarea obligatorie a utilizatorilor se efectuează înainte de plasarea unei comenzi.
Poate că acest lucru se datorează faptului că compania este suficient de mare, are mulți utilizatori obișnuiți cu card de club, astfel încât procesul de înregistrare nu este considerat o barieră.

(Fig. Conectați-vă introducând adresa de e-mail și parola. Înregistrați-vă introducând adresa de e-mail, codul poștal și numărul cardului de club)

Această abordare, cred, poate speria un număr de cumpărători aleatori, așa că putem sfătui Tesco să încerce să introducă o comandă pentru oaspeți aleatori pe site și să urmărească rezultatul.

Compania John Lewis
Un alt exemplu grozav de design de pagină de comandă. Nu există nicio cerință de înregistrare obligatorie a tuturor utilizatorilor, iar pagina în sine oferă toate informațiile de contact necesare companiei și oferă o funcție securizată de confirmare a comenzii (plasarea comenzii poate fi continuată doar urmărind linkul trimis la adresa de e-mail). ):

(Fig. Utilizatorului i se cere să introducă un e-mail către care va fi trimis un link pentru comanda ulterioară)

Compania de ghete
Anterior, ne-am uitat deja pe site-ul companiei „Boots”, unde înregistrarea obligatorie înainte de a plasa o comandă poate fi unul dintre factorii care afectează negativ nivelul vânzărilor:

(Fig. Conectați-vă la sistemul de casă prin e-mail și parolă sau înregistrați-vă pe site înainte de a începe cumpărăturile)

Compania Amazon
De asemenea, Amazon obligă utilizatorii să se înregistreze înainte de a trimite utilizatorii pe pagina pentru plasarea și calcularea costului unei comenzi. Cu toate acestea, această cerință este prezentată foarte ușor, astfel încât procesul de înregistrare nu pare a fi o barieră în calea acțiunilor ulterioare pe site.
Noului vizitator i se cere să introducă adresa și să facă clic pe pictograma radio pentru a continua plasarea comenzii:

(Fig. Vizitatorului i se cere să introducă o adresă de e-mail și să indice dacă este un cumpărător nou (apoi trebuie să apese pe butonul galben de mai jos) sau a folosit deja serviciile Amazon (apoi se introduce o parolă)).

După aceasta, veți fi transferat pe pagina de înregistrare, ceea ce nu va dura mult timp, deoarece... extrem de simplu:

(Fig. Noul cumpărător este rugat să introducă numele, adresa de e-mail, numărul de telefon de contact (opțional) și parola).

Compania House of Fraser

Au o pagină de plată foarte simplă, care nu reprezintă nicio barieră în a face o achiziție:

(Fig. Vă solicită să vă conectați sau să continuați să plasați o comandă ca oaspete, indicând doar e-mailul dvs. pentru început).

Compania American Apparel

Compania American Apparel a reușit să plaseze pe o singură pagină nu doar informații despre comenzi (lista de cumpărături) și costul acestora, ci și funcția „autentificare folosind datele de conectare” și plasarea unei comenzi ca invitat.
Cu toate acestea, toate acestea sunt atât de „gustoase” încât cumpărătorul nu va fi deloc confundat și nimic nu-i va distrage atenția de la achiziție:

(Fig. Plasarea unei comenzi: 1) lista și costul comenzii; 2) conectați-vă folosind datele de conectare sau specificați detaliile de livrare ca oaspete)

Să rezumam
Articolul a prezentat o selecție aleatorie de pagini de plată de pe diverse site-uri web comerciale pentru a demonstra cât de diferit poate fi abordată această problemă.
În cele mai multe cazuri, tuturor vizitatorilor resurselor diferite li se cere să introducă aceleași informații, dar este foarte important să știți cum să cereți corect utilizatorului să introducă informațiile necesare și în ce ordine este cel mai bine să faceți acest lucru.

De exemplu, dacă nu țineți cont de introducerea numărului de pe cardul de club (care este opțional în orice caz), formularele pentru plasarea și calcularea costului unei comenzi de la companii precum House of Fraser și Tesco necesită introducerea acelorași informații .

Doar că Tesco, cu stilul său de implementare, a transformat acest lucru într-o barieră, în timp ce House of Fraser nu creează niciun obstacol și direcționează toți utilizatorii direct către pagina de comandă fără înregistrare obligatorie. Care tactică este mai bună? Dupa parerea mea, al doilea...

Și amintiți-vă întotdeauna, dacă doriți ca clienții să facă cumpărături cu dvs., nu le puneți bariere.

Exemple bune au fost selectate conform principiilor de utilizare. De asemenea, merită remarcat faptul că unele exemple sunt unice și nu vor fi potrivite pentru fiecare site. Testați și îmbunătățiți întotdeauna elementele de pe pagina de finalizare a achiziției.

Dacă există îndoieli cu privire la abordări - .

Ce face comandarea plăcută?

Usor de folosit. În timp ce utilizatorii nu au un cont, ei trebuie să-și introducă adresa și informațiile de plată pentru a plasa o comandă. O formă bună ar trebui să simplifice acest proces: introduceți cât mai puține informații de la tastatură.

Caracteristici utile:

- Căutarea adresei sau introducerea textului predictiv.

- Copierea adresei de livrare la adresa cu informații de plată.

- Solicitarea de creare a unui cont apare la sfârșit când utilizatorul este pregătit să facă achiziții.

- Plasarea unei comenzi fără înregistrare.

Ștergeți mesajele de eroare, astfel încât utilizatorul să le poată remedia rapid.

Surse de probleme:

- Înregistrare forțată înainte de a plasa o comandă.

- Prea mulți pași.

- Câmpuri de formular inutile.

- Mesaje de eroare neclare.

Probleme cu confirmarea formularului. De exemplu, reguli stricte de format de timp.

Cele mai bune exemple de formulare de plată

Domino's

Site-ul web Domino a pus accent pe mobilitate. Recunoaște tipurile de dispozitive și se adaptează la acestea.

Formularul de comandă este drăguț și ușor de utilizat: fără înregistrare, câmpuri simple de completat, informații de plată salvate pentru clienții repetați.

Chiar dacă utilizatorul uită parola, dar folosește aceeași adresă de e-mail, va putea în continuare să plaseze o comandă. În astfel de situații, multe site-uri pur și simplu returnează formularul de înregistrare cerându-vă să vă resetați parola. Și acest lucru nu este întotdeauna convenabil.

Au și o aplicație de unde poți comanda cu un singur clic. Doar deschideți aplicația, așteptați 10 secunde și pizza vă este trimisă.

Lowe's

Înregistrarea poate deveni un obstacol în calea achizițiilor. Acest pas suplimentar înainte de a plasa o comandă poate fi copleșitor pentru mulți utilizatori.

Pe de altă parte, înregistrarea vă permite să simplificați procesul de cumpărare în viitor. De asemenea, este convenabil pentru utilizatori

Oferă să te înregistrezi la sfârșitul procesului de checkout. Vă puteți înregistra pe site-ul Lowe's înainte de a face clic pe butonul „efectuați o comandă”. Nu ar trebui să fie dificultăți aici.

Fără fire

Excelent formular de comandă. Utilizatorul este dus imediat la o pagină cu un coș de cumpărături și informații de plată. Apropo, puteți plasa o comandă fără a vă înregistra.

Întregul formular de comandă este pe o singură pagină. Și este foarte convenabil.

Amazon

Este ușor să faci achiziții repetate pe Amazon. Desigur, mai întâi va trebui să completezi informații despre tine, dar apoi Amazon le va aminti o dată pentru totdeauna.

Acest lucru reduce la minimum numărul de clicuri și pași. Procesul de la adăugarea unui articol în coș până la confirmarea comenzii durează trei pași. Nu toată lumea poate face față atât de mult. În plus, cumpărătorii spontani vor dispărea.

Formularul de plată de pe site-ul lor are un design grozav. O îmbunătățire pe care ar trebui să o facă este să facă formularul de finalizare a plății să iasă în evidență față de restul conținutului de pe pagină.

Există un indicator de progres, numărul total de produse, preț și termene de livrare. De asemenea, puteți introduce adresa utilizând completarea automată, ceea ce este foarte convenabil.

Schuh

Echipa lor înțelege importanța utilizabilității și o îmbunătățește constant.

Uită-te la captura de ecran de mai jos pentru a vedea frumusețea acestei pagini:

- Siguranţă.În partea de sus este o confirmare că pagina este sigură și informațiile de contact ale companiei.

- Notificare despre livrarea și returnarea mărfurilor. Trei puncte de deasupra formularului de plată le amintesc utilizatorilor de condiții bune de livrare, reduceri și un proces ușor de returnare.

- Indicator de progres. Ajută utilizatorii să înțeleagă la câți pași să se aștepte. Și faptul că există deja trei dintre ele sugerează că acesta este un proces rapid.

- Înregistrare ușoară. Schuh nu este interesat de înregistrare în această etapă, o va oferi mai târziu.

- Link-uri către informații importante. Nu trebuie să faceți aceste linkuri în partea de jos prea vizibile, dar ar trebui să fie acolo dacă utilizatorul are nevoie de ele.

- Modalitati de plata. Un memento vizual despre modul în care utilizatorii pot plăti pentru comanda lor.

Forma centrată. Există câteva elemente care distrag atenția pe pagină, dar accentul se pune pe efectuarea unei achiziții.

Crate & Baril

Formularul are un design frumos și simplu. Totul este aranjat logic, fiecare câmp este marcat. Există un indicator de progres și nu există elemente care distrag atenția pe pagină.

Nordstrom

Un bun exemplu de formular de comandă de o pagină. Are un avantaj - utilizatorului i se pare că plasarea unei comenzi este mult mai rapidă. Și nu contează dacă este adevărat.

Site-ul Nordstrom are informații despre produs și prețul acestuia, plus câmpurile goale sunt evidențiate cu roșu pentru ca utilizatorul să nu rateze nimic important.

Superbalist.com

Acest site Am făcut formularul de înregistrare sub forma unui roman - de îndată ce utilizatorul adaugă un articol în coș, i se cere (sub forma unei ferestre pop-up) să creeze un cont folosind e-mail sau un cont de Facebook, sau conectați-vă la unul existent.

Utilizatorului i se cere apoi să creeze o parolă înainte de a continua.

După aceea, este trimis într-un formular frumos de plată (deși acest lucru nu este foarte convenabil pentru utilizatorii care doresc să adauge mai mult de un articol în coș).

Ceea ce este de remarcat este faptul că site-ul Superbalist adaugă o mulțime de text mic care explică termenii de livrare și ce trebuie introdus în câmpuri.

AO.com

AO.com a făcut o treabă bună. Pe această pagină puteți selecta ora și data livrării și este foarte ușor:

Pagina de plată este grozavă. Sunt afișate valoarea comenzii, data livrării, cantitatea de mărfuri etc. AO și-a lăsat informațiile de contact, astfel încât orice utilizator să poată suna imediat dacă are întrebări.

Joseph Joseph

Un alt site cu un design frumos al formularului de comandă - Joseph Joseph . Pagina care a fost aleasă ca exemplu este formularul de înregistrare/checkout fără înregistrare.

Ce fac ei bine: oferiți clientului posibilitatea de a alege. Unii vor dori să se înregistreze, în timp ce alții nu și vor avea posibilitatea de a plasa o comandă fără proceduri suplimentare.

Exemple bune, dar există loc de îmbunătățire...

Site-ul web Zappos este un bun exemplu, se concentrează pe serviciul pentru clienți și loialitate.

Cu toate acestea, procesul de checkout nu este perfect. Crearea unui cont este o condiție obligatorie care nu se va potrivi tuturor utilizatorilor.

Poate că în cazul lui Zappos, reputația mărcii înlătură această barieră. Mă întreb dacă au încercat ceva diferit.

După înregistrare, utilizatorii sunt redirecționați către pagina coșului, ceea ce nu este foarte convenabil.

În plus, formularul de comandă nu este evidențiat. Se pierde în fundalul meniului principal de navigare, al barei de căutare, al indexului alfabetic etc. Există prea multe elemente care distrag atenția care îi vor face pe utilizatori să fie reticenți în a plasa o comandă.

Evidențierea formularului de plată nu înseamnă atragerea utilizatorilor, ci înseamnă a le face mai ușor să cumpere.

Cizme

Acest formular de plată este cel mai rău de acolo.

Ce este rău aici: utilizatorul trebuie să-și scrie adresa de două ori - atunci când completează informațiile de plată și informațiile de livrare. Utilizarea aceleiași adrese implicite este o modalitate bună de a reduce timpul de completare a formularelor, pe care o folosesc multe site-uri.

Concluzie

Este posibil ca formularele să nu fie similare între ele, dar fiecare dintre ele are caracteristici utile pe care le puteți utiliza atunci când vă creați site-ul web.

Ce au în comun fiecare dintre aceste forme? Au scopul de a ușura lucrurile pentru utilizatori. De exemplu, atunci când doriți ca un utilizator să se înregistreze, este mai bine să adăugați unul sau doi pași la sfârșitul plății, mai degrabă decât la început.

Aveți exemple de formulare de plată care sunt mai bune decât cele prezentate? Dacă da, împărtășește-le cu noi în comentariile de sub postare...

Tema designului corect al paginii de livrare este întotdeauna relevantă. Algoritmii motoarelor de căutare sunt actualizați în fiecare lună, iar paginile cheie ale site-urilor (și printre acestea „Livrare”) dobândesc din ce în ce mai multe caracteristici și funcționalități noi. Puteți implementa o sută de hack-uri de viață în lupta pentru un loc în TOP 10 rezultatele căutării, dar dacă site-ul are informații opace, neinteresante sau incomplete despre livrare, este puțin probabil ca aceștia să facă o achiziție pe el. Astăzi, nu mai este important să ai o pagină de livrare pe site, ci dacă va câștiga încrederea vizitatorilor. Lista de verificare pentru proiectarea paginii de livrare Ksenia Sitnikova, manager al departamentului de promovare a căutării la i-Media, a distribuit cu SEOnews.ru.

Imaginați-vă că ați dezvoltat un aspect informativ și colorat al paginii principale, ați făcut linkuri, ați structurat corespunzător și ați completat sortimentul, ați conceput un catalog interactiv cu carduri de produse bine concepute...

Și în etapa de achiziție, se dovedește că cumpărătorul va afla despre livrare doar atunci când va suna la call center pe numărul său de mobil. Sau, de exemplu, o pagină tipică este o pânză de text cu șase mii de caractere.

Vei părăsi un astfel de site sau vei rămâne?

„Aveți livrare în magazin?”

Colegii de marketing de la Institutul Baymard au efectuat un studiu global asupra a o sută dintre cele mai mari magazine online, care a inclus și o analiză de conținut a descrierilor serviciilor suplimentare. S-a dovedit că designul paginii de livrare influențează foarte mult factorii de conversie și comportamentali.

Ținând cont de propria mea experiență și de părerile colegilor străini, am pregătit o listă cu cele mai necesare lucruri pentru pagina de livrare pentru ca utilizatorul să ajungă cu ușurință în faza de plată.

1. Costurile de transport transparente

Urmărește știrile din industria digitală în conturile noastre la

” a trezit interesul cititorilor, așa că am decis să continui această serie de articole. Și astăzi ne vom scufunda în modalități de simplificare a procesului de finalizare a comenzii în magazinul dvs. online. Aplicând soluțiile din acest articol, vă puteți optimiza cu ușurință pagina sau paginile de plată.

Desigur, fiecare magazin online este unic în felul său și nu există o opțiune optimă pentru toate cazurile. Prin urmare, voi încerca să dau recomandări generale pe care le-am verificat, iar tu poți decide singur ce este potrivit pentru tine și ce nu.

De ce toate astea?
Tipuri de comenzi;
Optimizarea comenzii;
Solicităm date de la cumpărător;
2 variante de implementare de lucru;
Analytics;
Concluzie și un mic cadou!

De ce toate astea?

Înainte de a începe, să răspundem la întrebarea de ce ar trebui să optimizăm procesul de comandă într-un magazin online:

Faceți procesul simplu pentru vizitator;
După ce a început să plasați o comandă, nu permiteți vizitatorului să o întrerupă;
Și, cel mai important, despre acest proces.

Indiferent cât de bun este site-ul dvs., toți viitorii clienți trec prin procesul de finalizare a comenzii. Și de aceea este atât de important ca acest proces să fie simplu, rapid și să nu provoace emoții negative vizitatorului. Dacă respectați anumite reguli, rezultatul nu va întârzia să apară.

Tipuri de checkout

Există trei tipuri de bază de comandă, fiecare dintre ele având propriile sale avantaje și dezavantaje.

1. În câțiva pași

Cea mai comună opțiune, care este încorporată în majoritatea . Funcționalmente simplu și banal: pe pagina coșului există un buton „Plasează o comandă”, când este apăsat, cumpărătorul începe să plaseze o comandă în mai mulți pași. Există un pas pentru fiecare tip de informații solicitate de la cumpărător.

Fiecare pas colectează anumite informații de la cumpărător;
Cumpărătorul este rugat să furnizeze informații pe porțiuni și nu se lasă intimidat de numărul mare de câmpuri de pe o singură pagină;
Cel mai potrivit pentru acele magazine online care solicită o mulțime de informații de la cumpărător;
Totuși, câțiva pași și reticența de a completa zeci de câmpuri.

2. Un pas

A doua cea mai populară opțiune este extrem de rară în CMS-ul implicit, deși poate fi adăugată cu ușurință folosind module. Când face clic pe butonul „Plasează o comandă” din coș, cumpărătorului i se cere să completeze toate datele pe o singură pagină în loc de mai multe.

Toate datele sunt colectate pe o singură pagină;
Soluția optimă pentru majoritatea magazinelor online;
Dacă o pagină solicită prea multe date, poate opri cumpărătorul. Prin urmare, este necesar să se optimizeze numărul de câmpuri (discutat mai jos).

3. Pe pagina coșului

Opțiunea care apare cel mai puțin des. Nu există o pagină separată pentru procesul de comandă, totul se întâmplă direct pe pagina coșului.

Toate datele sunt colectate pe o singură pagină cu ;
Funcționează cel mai bine cu un set minim de câmpuri pe pagină (vezi captura de ecran de mai sus)
De asemenea, solicitarea de prea multe date pe o pagină poate dezactiva un cumpărător. În mod similar, este necesar să se optimizeze și să se reducă numărul de câmpuri de completat.

Când luați în considerare un magazin online în sensul său clasic, este logic să luați în considerare doar trei opțiuni principale. Vă sugerez să treceți la alegerea celui mai optim.

Pe care dintre cele trei opțiuni ar trebui să alegi?

Voi spune imediat că nu am văzut reguli și reglementări clare în ceea ce privește alegerea unei metode de plasare a comenzii. Prin urmare, pornesc doar din propria mea experiență. Din punctul meu de vedere, cea mai bună variantă este: pagină separată de comandă într-un singur pas. Această opțiune este ușor de optimizat și poate fi ușor scalată pentru aproape orice proiect.

Optimizarea comenzilor magazinului online

În acest capitol, vă voi spune cele mai simple și mai elegante soluții (restul le implementez, soluții mai funcționale doar pe cont propriu). Nu uitați să le implementați, nu doar să le citiți și să le amânați „pentru mâine”.

Nu avem nevoie de multe! Reducem povara cumpărătorului

Îmi propun să începem optimizarea nu cu rearanjarea elementelor sau adăugarea de funcționalități, ci, dimpotrivă, cu reducerea cantității de date solicitate. Nu trebuie să ceri cumpărătorului să introducă toate datele: prenume, prenume, patronim, telefon, e-mail, țară, regiune, oraș, stradă, casă, clădire, apartament, cod poștal și multe altele. Acest lucru îl va speria, așa că vă sugerez să simplificați sarcina.

Să ne gândim ce informații de pe site trebuie colectate și ce nu este necesar?

Tip de date	Necesitatea unei cereri pe site
Nume și prenume	Necesar.
Nume	Opțional , puteți verifica telefonic. Necesar pentru trimiterea trimiterilor poștale.
E-mail	Necesar pentru a trimite date de comandă și pentru a adăuga la abonați.
Telefon	Necesar pentru a contacta cumpărătorul.
Index	Opțional , operatorul poate verifica independent la adresa.
Oraş	Preferabil. Pentru a înțelege fusul orar al cumpărătorului.
Adresa	Necesar. Într-un singur domeniu. Dacă este disponibilă, introduceți automat adresa de ridicare în acest câmp atunci când o selectați.
Ţară	Opțional. Necesar numai atunci când lucrați pentru mai multe țări.
Comentarii la comanda	Necesar .

Astfel necesar solicita urmatoarele date:

Nume și prenume.
Exemplu: „ Andrei Rodionov”
E-mail.
Exemplu: "
Telefon:
Exemplu: „ +7-123-456-78-90 ”
Adresa sau livrarea postala:
Exemplu: „Sankt Petersburg, Nevsky pr, clădirea 1, ap. 1" Sugerați umplerea într-un singur domeniu, nu trebuie sa faceti un teren separat pentru strada, separat pentru casa si separat pentru apartament.
Comentarii la comanda.

Există un total de cinci câmpuri de completat. Cerând aceste date, puteți cu ușurință:

Contactați cumpărătorul;
Adăugați-l în baza dvs. de abonați;
Trimiteți comanda dvs.

De acord că totul a devenit mult mai simplu, deși informațiile solicitate sunt exact aceleași. Deoarece în orice caz confirmați comanda telefonic, puteți afla toate informațiile de care aveți nevoie verbal.

Acum că am optimizat colectarea datelor despre cumpărători, să ne uităm la câteva opțiuni pentru plasarea unei comenzi pe baza recomandărilor de mai sus.

Opțiunea #1. Simplu și cu gust.

Această opțiune este potrivită pentru cei care doresc să optimizeze procesul de comandă pe această pagină cu cheltuieli mici. Cel mai important, acceptati recomandarea de reducere a campurilor pentru colectarea informatiilor de la cumparatorși afișați opțiunile de livrare și plată.

Ca urmare, ar trebui să obțineți ceva de genul acesta:

Sunteți de acord că acest formular de comandă este simplu și nepretențios, dar, în același timp, este efectiv gata să-și îndeplinească sarcina? Dacă este necesar, adăugați costul lor alături.

Acum propun să luăm în considerare a doua opțiune, care poate găzdui mult mai multă funcționalitate și confort pentru cumpărător.

Opțiunea #2. Elegant și funcțional.

Dacă în prima opțiune am colectat toate informațiile într-un singur loc, atunci în a doua opțiune vom încerca să separăm colectarea datelor și să o facem mai vizuală.

Pasul 1. Să începem prin a colecta date despre cumpărător. Să luăm în considerare experiența primei opțiuni și nu ne vom cere prea multe

Pasul 2. Selectați o metodă de livrare.

Dacă aveți cel puțin 2 metode de livrare, împărțirea opțiunilor în file funcționează foarte bine, astfel încât cumpărătorul să se poată concentra imediat asupra opțiunii de care are nevoie.

Iată cum vă puteți oferi să alegeți livrarea prin curier:

Cititorul atent va observa că adresa este solicitată de două ori, dar acest lucru este făcut în mod deliberat pentru claritate. În versiunea finală nu este cazul.

Iată cum să o ridici:

Livrare prin poșta rusă:

Sunteți de acord că toate aceste informații afișate fără file nu ar fi atât de ușor de citit. Și totul pare curat și ordonat.

Pasul 3. Selectați o metodă de plată.

Aici vom încerca, de asemenea, să facem totul cât mai simplu și clar posibil.

Acum să vedem cum va arăta totul asamblat.

Pare confortabil, nu-i așa?

Lămurire importantă: Acest formular de comandă nu a fost format doar din senin, ci se bazează pe propriile noastre cercetări asupra gradului de utilizare a formularelor și pe colaborarea cu multe magazine online. Și tocmai acest formular este acum implementat în magazinul online pentru copii pe care îl dezvolt. De îndată ce este gata, voi fi bucuros să vă împărtășesc linkul.

Implementarea finală este, desigur, a ta, dar poți lua cu ușurință opțiunea pe care ti-am propus-o ca bază. Și pentru a înțelege cât de bine funcționează finalizarea plății, ar trebui să apelați la analize.

Analiza formularului de trimitere a comenzii

Două instrumente indispensabile ne vor ajuta în acest sens:

Google Analytics. Vizualizarea secvențelor.
Yandex.Metrica. Webvisor + Form Analytics.

Google Analytics

În acest sistem vom folosi „Vizualizarea secvenței”. O astfel de urmărire va fi cea mai eficientă pentru magazinele online, cu comanda în mai mulți pași. Va arăta cam așa (click pe imagine pentru a o mări):

Imaginea de mai sus prezintă câțiva pași de finalizare a achiziției de la coș până la pagina „Vă mulțumim pentru achiziție”. De ce crezi că sunt atât de multe eșecuri la penultimul pas?

Ce vă vor spune aceste statistici:

Înțelegerea la ce pas pleacă cumpărătorul;
Înțelegerea unde se duce cumpărătorul după plasarea unei comenzi.

Este descris cum să configurați un astfel de instrument.

Yandex.Metrica

Mulți oameni au auzit despre Webvisor, dar nu toată lumea a auzit despre Form Analytics. Pentru ca aceste statistici să fie urmărite, trebuie să aveți WebVisor activat și codul Yandex.Metrica corespunzător încorporat pe site. Aruncă o privire la un exemplu de raport cu privire la un pas al plasării unei comenzi (click pentru a mări):

Ce vă vor spune aceste statistici:

Pe baza acestor date, puteți înțelege cu ușurință în ce direcție ar trebui să vă gândiți în ceea ce privește optimizarea ulterioară a paginii de plată.

Concluzie

Articolul de astăzi a dezvăluit una dintre cele mai simple modalități de a crește rata de conversie a paginii dvs. de plată. Să ne uităm la următoarele opțiuni:

Oleanți. Nu faceți nimic și bucurați-vă de ratele de conversie actuale;
Pentru incepatori. Efectuați o analiză a zonelor problematice ale comenzii și pregătiți o listă de modificări;
Experimentat. Efectuați analize, pregătiți specificațiile tehnice pentru modificări, dați sarcina programatorului;
Pentru profesionisti. Efectuați analize, pregătiți specificațiile tehnice pentru modificări, acordați sarcina programatorului, urmăriți implementarea și efectuați analize pe pagina actualizată.

Și da, sunt gata să le auditez gratuit procesul de comandă pentru primele două persoane care îl doresc. Pentru a face acest lucru, trebuie doar să dați un link către magazinul dvs. online în comentarii și să așteptați o comandă de testare

26.09.2013 Mini audituri

Orice audit ar trebui să se bazeze în primul rând pe date din sistemele de analiză și statisticile comportamentului clienților. Datorită faptului că nu dețin aceste date, sfera de activitate este mult restrânsă.

Ziua lânii.

Permiteți-mi să încep cu faptul că viteza site-ului este extrem de confuză. Am verificat de pe mai multe computere, comportamentul este la fel de lent peste tot.

Cont.
Crezi că există prea multe opțiuni de comandă pentru o zonă mică?

Nu sunt sigur dacă sugerez soluția optimă pentru situația ta, dar sentimentul meu este că captura de ecran de mai jos face lucrurile să pară puțin mai curate:

Să presupunem că vreau să fac o comandă fără să mă înregistrez și să dau clic pe butonul corespunzător. Facem ajustări:

Redenumiți „Mailbox” în E-mail
Combinați „Nume, Patronimic” și „Nume” într-unul singur și sunați „Nume”
Dacă chiar vrei să-ți ceri data nașterii, atunci lasă doar ziua și luna. Nu tuturor le place să-și raporteze anul nașterii.
De ce ai nevoie de 2 buletine informative? Care este motivația de a te abona la 2 newslettere?

Următorul pas.

Ar fi bine să combinați acest pas cu cel anterior pentru ca cumpărătorul să nu aibă gânduri negative când vede câmpuri goale
Este recomandabil să eliminați indexul sau cel puțin să îl faceți opțional
Conform paginii „Livrare”, livrați în toată Rusia. Deci, de ce să oferi din nou țara?
Ce vă va oferi umplerea regiunii? O poți afla singur.
Butonul „Salvează” duce la faptul că în sfârșit este posibil să selectezi tipul de plată. Este posibil să refuzi o astfel de metodă nebanală?
Dacă mi-am exprimat deja dorința de a mă înregistra fără a mă înregistra, de ce oferi din nou „Log in to your account”?

Metode de livrare.

Nu este imediat clar că ridicarea este gratuită. Scrieți „Free” sau „0 RUR”.

Modalitati de plata.

Este posibil să le faci casete de selectare? În implementarea actuală, atunci când se face clic, nu se așteaptă să treacă la pasul următor, ci informații suplimentare despre tipul de plată. Dacă utilizați casete de selectare, nu va trebui să adăugați un alt pas de comandă.

Acordul utilizatorului.

Acesta este adevăratul „ucigaș al conversiei” în marea majoritate a cazurilor. Verdict: elimina.