Cum să îmbunătățiți gradul de utilizare a paginii de plată într-un magazin online prin adăugarea de dependențe de afișare a câmpurilor. Număr rezonabil de câmpuri din formular. Mesajele de eroare din formular sunt vizibile și clare

Colegii, în acest articol dorim să vă spunem cum să plasați o comandă, să o plătiți și să o livrați.

1. Magazin

   Să începem cu faptul că puteți plasa o comandă în magazinul nostru online convenabil, care se află în meniul principal al site-ului din fila -

2. Selectarea produselor

   Și așa, ați intrat în secțiunea Magazin și ați selectat categoria de produse care vă interesează: „Film”, „Echipament”, „Echipament suplimentar”, „Consumabile” sau „Chrome”. Toata gama prezentata este in stoc! Făcând clic pe poza oricărui produs, vezi caracteristici detaliate și o fotografie mare a acestuia. Trebuie să comandați produsul care vă place; pentru a face acest lucru, trebuie doar să faceți clic pe butonul „Cumpărați” și veți vedea cum va fi adăugat în „Coșul dumneavoastră”. Puteți adăuga un număr nelimitat de astfel de produse în coș.

3. A comanda

   După ce ai ales ceea ce ți-ai dorit, dă clic pe butonul „Checkout” din „Coș” și mergi automat la pagina pentru completarea datelor și alegerea unei metode de plată. Aici completați datele dvs. de livrare: Nume complet, Adresă de livrare, Număr de telefon de contact, E-mail - aceste date sunt necesare pentru procesarea și trimiterea în continuare a comenzii dumneavoastră. Veți vedea, de asemenea, câmpul „Comentarii la comandă” - în acest câmp puteți lăsa dorințele și comentariile dumneavoastră la comandă sau puteți cere managerului să vă contacteze și să răspundă la întrebările rămase.

   Așadar, ați completat datele dvs., tot ce rămâne este să alegeți o metodă de plată convenabilă pentru comanda dumneavoastră. Puteți face acest lucru pe aceeași pagină - există 11 metode de plată din care puteți alege. Să vorbim despre unele dintre ele mai detaliat:

   • Transfer pe un card Sberbank – Detaliile cardului nostru pentru plată vor fi trimise la adresa ta de e-mail. Puteți efectua plata la orice sucursală sau terminal Sberbank sau, de exemplu, prin transfer prin banca dvs. online.
   • Emiteți o factură de plată – O factură de plată pentru bunurile pe care le-ați comandat va fi trimisă pe adresa dvs. de e-mail. Puteți plăti această factură la orice sucursală bancară sau prin transfer bancar.
   • Metodele de plată „online” sunt evidențiate separat - cele mai rapide metode de plată. Banii pentru comanda dvs. sunt primiți instantaneu și nu trebuie să mergeți nicăieri! De exemplu, atunci când plătiți o comandă în acest mod, puteți utiliza orice card bancar VISA sau MASTERCARD sau sistemul de transfer de bani QIWI, bani electronici WebMoney, Yandex.Money sau puteți alege o altă metodă de plată online convenabilă pentru dvs. în Yandex.Checkout serviciu.

   Dacă niciuna dintre aceste metode de plată nu ți se potrivește sau mai ai întrebări, poți să întrebi consultantul nostru online sau să ne contactezi apelând linia fierbinte 8-800-200-51-21 - pentru Rusia (Apelul este gratuit), pentru alte țări +7-927-010-37-58, Viber sau WhatsApp +7-927-711-33-66.

   După ce ați completat toate câmpurile și ați ales o metodă de plată, faceți clic pe butonul „Plasați o comandă” din partea de jos a paginii. În continuare, veți vedea că comanda dvs. a primit un număr și o notificare că detaliile de plată și confirmarea primirii comenzii dvs. au fost trimise pe e-mailul dvs.

   Și așa, ați plasat comanda. Au plătit pentru asta. Ce se întâmplă în continuare cu comanda dumneavoastră?

4. Asamblarea si expedierea comenzii

   După primirea fondurilor, comanda este imediat transferată la depozit pentru pregătire! Totodată, departamentul nostru de logistică lucrează la varianta optimă de livrare a comenzii (condiții minime – preț/calitate), convinând, dacă este cazul, modalitatea de expediere, iar în aceeași zi comanda dumneavoastră este livrată la curierul nostru. Toate comenzile sunt expediate în 24 de ore de la plată! Monitorizăm acest lucru și livrăm chiar și sâmbăta. Și imediat după trimiterea comenzii, vă vom trimite o notificare prin SMS la numărul specificat cu informații complete despre expediere, care va indica numele transportatorului (care companie de transport a trimis comanda dumneavoastră sau prin poștă) și numărul de urmărire a expedierii.

   Costul livrării standard a materialelor este de aproximativ 400-600 de ruble, timpul de livrare este de 3-4 zile, puțin mai mult în regiunile îndepărtate, dar monitorizăm termenele limită și alegem cea mai bună opțiune de transportator.

   Flexibilitatea și mobilitatea companiei noastre ne permite să trimitem comenzi în toate modurile disponibile! Efectuăm expedieri prin orice companii de transport, Poșta Rusă, livrare prin curier rapid, autobuze interurbane, trenuri de lungă distanță.

   La sosirea comenzii în orașul dumneavoastră, reprezentanții companiei de transport vă vor contacta la numărul de telefon pe care l-ați indicat în comandă și vă vor informa unde o puteți primi. Vă puteți familiariza cu Punctele de ridicare a comenzilor folosind exemplul companiei de transport „PEK”.

   Puteți selecta un produs și puteți începe să plasați o comandă chiar acum - Mergeți la magazin

Cel mai adesea, nu se acordă prea multă atenție designului paginii „Livrare”. De obicei, acesta este un scurt text despre termenii și condițiile de livrare. De fapt, decizia cumpărătorului atunci când plasează o comandă depinde în mare măsură de informațiile furnizate pe această pagină.

Când proiectați o pagină, mai întâi trebuie să adăugați următoarele informații:

Regiunile și metodele de livrare

În primul rând, vizitatorul ar trebui să vadă în ce regiuni se efectuează livrarea. Furnizați informații despre regiunea principală mai detaliat, iar pentru altele suplimentare creați o pagină separată cu o prezentare generală a tuturor metodelor posibile (companii de transport, puncte de livrare, Poșta Rusă etc.). Dacă magazinul online funcționează în toată Rusia, atunci puteți adăuga pe site auto-detecția regiunii și puteți afișa informații în funcție de aceasta, precum și un calculator pentru calcularea costului.

Cost și termeni

Pentru majoritatea cumpărătorilor, sincronizarea este un indicator foarte important. Este necesar să indicați pe pagină când sunt expediate mărfurile din depozit și cât durează livrarea. Dacă este posibil a doua zi, atunci acesta este un factor destul de pozitiv. Nu ar trebui să induceți în eroare clienții indicând termene mai scurte decât sunt în realitate - acest lucru va afecta doar în mod negativ reputația magazinului online și va crește numărul de refuzuri de comenzi.

Termeni de livrare

Este posibil să verificați sau să încercați produsul înainte de cumpărare, este permisă deschiderea comenzii înainte de plată, va putea curierul să vă consilieze asupra funcțiilor produsului? Toate aceste informații sunt deseori de interes pentru cumpărători și trebuie prezentate cât mai detaliat pe pagină.

De asemenea, puteți adăuga informații despre răspunderea pentru refuzul unei comenzi la livrare. Adesea, cumpărătorii plasează comenzi așteaptă să se uite la produs și, dacă nu le convine, îl refuză. În acest caz, cumpărătorul plătește costul de transport.

Adresa depozitului

Este necesar ca cumpărătorii să știe unde să meargă în cazul unei reclamații în garanție și la ce adresă să returneze. Dacă nu este posibil să o indicați (magazinul online funcționează fără depozit), atunci puteți indica adresa legală sau poștală a companiei.

Urmărirea comenzii după expediere

Aici puteți specifica modul în care cumpărătorul poate urmări comanda, cum va primi numărul piesei și unde îl poate verifica.
În ciuda cantității aparent mare de informații, acestea trebuie prezentate cât mai concis și structurat posibil, astfel încât cumpărătorul să nu fie nevoit să studieze pagina de livrare mult timp.

Ați văzut vreodată o înregistrare în Webvisor a unui client care adaugă un articol în coș, începe să completeze detaliile comenzii și... părăsește site-ul? Această scenă poate fi comparată în termeni de dramă cu fotografiile finale ale lui Titanic. Astăzi vom vorbi despre ceea ce îl face pe un utilizator să părăsească un site fără să facă o achiziție și despre cum să-l remedieze.

Potrivit studiului „Cart Abandonment Rate Statistics” al Institutului Baymard, peste 68% din comenzile care ajung în coș nu ajung să fie cumpărate și plătite.

De ce refuză utilizatorul achiziția intenționată?

Lista de verificare: cum să faceți comod să cumpărați într-un magazin online

1. Adăugați în coș

1.1. După ce faceți clic pe butonul „Cumpărați” sau „Adăugați în coș”, arătați utilizatorului că produsul a fost adăugat

După ce faceți clic pe butonul „Adăugați în coș” până când apare feedback cu un mesaj despre adăugarea unui produs, butonul ar trebui să fie inactiv pentru a evita adăugarea lui din nou în coș. Într-o fereastră pop-up, vă invită să faceți o achiziție sau să continuați cumpărăturile.

1.2. Când treceți cu mouse-ul și faceți clic pe butonul „Adăugați în coș”, acesta ar trebui să fie evidențiat sau să-și schimbe culoarea

Dacă butonul nu își schimbă aspectul, utilizatorul poate adăuga din greșeală mai multe produse identice în coș.

Când treceți cu mouse-ul peste butonul „Cumpărați” din „Osette”, butonul devine mai luminos:

Schimbarea aspectului butonului în „Bună ziua” după ce faceți clic:

1.3. Indicați procedura de returnare și schimb de mărfuri

Acest lucru este valabil mai ales pentru magazinele de îmbrăcăminte și încălțăminte, unde probabilitatea de a face o greșeală cu dimensiunea este mare. Utilizatorul dorește să fie sigur că va putea obține dimensiunea de care are nevoie în final.

Informații de livrare pe paginile Hello:

Pe site-ul Photomag, informații detaliate sunt disponibile făcând clic pe link-ul „Mai multe detalii”:

2. În interiorul coșului

2.1. În coș, furnizați informații detaliate despre bunurile comandate

Pentru ca utilizatorul să verifice corectitudinea comenzii sale și să refuze mărfurile pe care le-a plasat în coș doar de dragul unei comparații, oferim informații complete despre comandă:

• imaginea produsului (când treceți cu mouse-ul pe fotografie, aceasta ar trebui să se mărească),
• când faceți clic pe imagine, ar trebui să fie afișate informații detaliate despre produs,
• indicați numărul de unități disponibile,
• dacă produsul este disponibil în magazinele offline, arătați de unde îl puteți ridica singur.

2.2. Butonul pentru a trece la următorul pas de proiectare ar trebui să fie evidențiat vizual

Butonul „Continuați să plasați o comandă” de pe site-ul Leboutique este duplicat și evidențiat color, printre alte elemente:

Butonul „Plasați o comandă” de pe site-ul „Mai ieftin” este, de asemenea, greu de ratat:

2.3. Coșul ar trebui să-și „amintească” comanda

Poate, din motive tehnice sau de altă natură, utilizatorul nu poate face o achiziție într-o singură sesiune. Când va veni din nou pe site, va fi incomod să caute și să adauge din nou produse. Există o probabilitate mare ca un potențial cumpărător să renunțe la manipulări repetate, așa că site-ul trebuie să-și amintească conținutul coșului.

2.4. Adăugați un buton pentru a elimina articolele din coș

De exemplu, posibilitatea de a elimina un articol din coș de pe site-ul magazinului Mobillac este prezentată sub forma unui mic link:

2.5. Coduri promoționale și reduceri

Așezați câmpuri pentru introducerea cupoanelor de reducere și a codurilor promoționale pe pagina coșului.

Acestea nu ar trebui să fie active sau vizibile în mod implicit. Acest lucru distrage atenția utilizatorului, care este deja gata să cumpere, de la procesul de checkout și îl motivează să părăsească site-ul în căutarea informațiilor despre primirea unei reduceri.

Câmpul de cod promoțional din „Bună ziua” este ascuns în mod prestabilit:

Și se deschide doar când se dă clic:

Dar pe site-ul Foxtrot, câmpul de cod promoțional este vizibil implicit. În plus, pagina coșului sugerează să verificați soldul contului dvs. de bonus accesând un alt site:

Lăsați numele câmpului de introducere să fie intuitiv. Este mai bine să înlocuiți „voucherul” neclar cu „Aveți un cod promoțional?”

3. Înregistrare

3.1. Oferă utilizatorului posibilitatea de a cumpăra fără înregistrare

Utilizatorilor nu le place să se înregistreze atunci când fac prima lor achiziție. În primul rând, nu sunt siguri că vor deveni clienți obișnuiți. În al doilea rând, nimeni nu vrea să primească spam enervant în e-mailul său. Și, în al treilea rând, înregistrarea este asociată cu completarea a zeci de câmpuri, recuperarea unei parole și transmiterea unui captcha.

Funcția „Cumpărați cu un singur clic” în „Photomag”. Utilizatorul lasă doar un număr de telefon, restul informațiilor sunt specificate de manager. Butonul pentru efectuarea unei „comenzi rapide” este evidențiat vizual printre alte elemente, iar butonul pentru plasarea unei comenzi singur este invizibil și chiar pare inactiv:

Leboutique oferă o alternativă la înregistrare - conectarea folosind un cont de rețea socială:

Eliminați confirmarea informațiilor de contact din procesul de înregistrare (urmând un link dintr-un e-mail sau introducerea unui cod dintr-un SMS). Dacă confirmarea durează prea mult, utilizatorul va pleca pur și simplu fără a finaliza achiziția.

Dacă oferiți posibilitatea de a comanda fără înregistrare, faceți această funcție vizibilă pe pagină.

Când comandați fără înregistrare, funcționalitatea nu trebuie redusă. Dacă o metodă de plată nu este posibilă fără înregistrare, vă rugăm să ne anunțați în avans. Descrieți beneficiile înregistrării și diferențele de funcționalitate pentru utilizatorii cu stări diferite.

3.2. Înregistrare de fundal

Adesea, informațiile necesare pentru a plasa o comandă sunt suficiente pentru înregistrare. Notificați utilizatorul despre înregistrarea automată prin e-mail. Desigur, această metodă are dezavantajele sale, de exemplu, o parolă generată automat, dar utilizatorul economisește timp, iar magazinul primește un nou abonat.

Iată cum este implementat în Rozetka:

Sau solicitați utilizatorului să se înregistreze după cumpărare pe baza informațiilor pe care le-a introdus.

3.3. După înregistrare, ar trebui să aibă loc autorizarea automată și continuarea comenzii.

3.4. Sugerați să utilizați un e-mail sau un număr de telefon ca logare

Dacă vă imaginați câte resurse este înregistrat un utilizator obișnuit și câte perechi de autentificări și parole trebuie să-și amintească, atunci reticența de a se înregistra din nou devine de înțeles. Numărul de telefon și adresa de e-mail sunt date pe care clientul le amintește mereu.

Furnizați o opțiune de recuperare a parolei pe pagina de conectare.

„Rozetka” recunoaște utilizatorul prin e-mail și ajută la reținerea parolei „fără a părăsi casa de marcat”:

3.5. Salvați informațiile completate în câmpul de conectare

Când vizitează din nou, clientul, de regulă, trece prin mai multe autentificări „standard” în cap sau nu își amintește deloc că s-a înregistrat deja pe site. Solicitați clientului lăsând date în câmpul de conectare.

3.6. Nu abonați automat persoanele înregistrate la newsletter.

Majoritatea clienților magazinelor online s-au săturat deja să primească prin poștă munți de scrisori inutile. Descrieți beneficiile clare ale abonării și întrebați dacă utilizatorul ar dori să primească e-mailuri de la dvs.

3.7. Minimizați numărul de câmpuri de intrare

Dacă orașul și districtul utilizatorului pot fi determinate automat, lăsați sistemul să le completeze automat. În acest caz, utilizatorul ar trebui să poată verifica și edita toate câmpurile.

Pe site-ul web Leboutique, o listă derulantă vă ajută să selectați un cod de operator de telefonie mobilă din listă.

3.8. Verificarea corectitudinii datelor introduse trebuie efectuată în timpul completării formularului și nu după trimiterea acestuia

După trimiterea unui formular cu date incorecte, informațiile completate trebuie păstrate complete.

Verificarea pe pagina site-ului „Mai ieftin” are loc după trimiterea unui formular în care datele introduse nu sunt salvate după actualizare:

3.9. Mesajele de eroare trebuie să fie clare și să explice cum poate fi rezolvată problema.

Mesajul de eroare de introducere de pe site-ul web Hello descrie în detaliu cum să corectați confuzia:

Leboutik solicită utilizatorului cum să introducă adresa de e-mail corectă:

4. Livrare

4.1. Afișați depozitele de preluare automată pe o hartă și într-o listă

„Rozetka” oferă posibilitatea de a selecta punctele de preluare după adresă din listă sau de a găsi cea mai apropiată sucursală pe hartă:

4.2. Solicitați utilizatorului să selecteze o adresă dintr-o listă sau să o introducă manual

Introducerea sau selectarea unei adrese pe site-ul Photomag:

4.3. Specificați costul de livrare atunci când alegeți o metodă de livrare

Cumpărătorul poate fi surprins de o creștere a sumei totale a comenzii la primire, ceea ce va duce la refuz. Informați că transportul este plătit de cumpărător și furnizați un cost aproximativ.

Afișare convenabilă a costului în funcție de metoda de livrare pe site-ul Mai ieftin:

Costul de livrare este vizibil atunci când îl selectați din lista de pe site-ul Allo:

Pe site-ul Photomag nu vedem suma finală, dar vom afla când putem clarifica costul final:

5. Plata si detalii

5.1. Indicați metodele de plată în ordinea descrescătoare a popularității

„Bună ziua” vă oferă să alegeți o metodă de plată:

Afișați pictogramele sistemului de plată lângă nume.

5.2. Împărțiți metodele de plată în grupuri în funcție de semnificația lor:

• plata anticipata cu card bancar,
• plata in numerar la primire,
• plăți electronice,
• plata prin terminal.

Selectarea unei metode de plată în Rozetka:

5.3. Specificați comisionul fiecărei metode de plată

Când selectați o metodă de plată, suma totală de pe pagina „Mai ieftin” a site-ului se modifică:

Mobillac motivează clienții să plătească cu cardul:

5.4. Dacă produsul dvs. este achiziționat în mod regulat, salvați informațiile de plată, astfel încât utilizatorul să aibă doar să adauge articolul în coș și să dați clic pe „Plătiți”

5.5. Nu cereți utilizatorului tipul de sistem de plată dacă mărimea comisionului nu depinde de alegere

Primele cifre ale numărului cardului identifică în mod unic sistemul de plată: Visa, MasterCard etc. Dacă prețul nu se modifică la plata cu orice card, determinați automat sistemul cardului pe care îl introduce utilizatorul.

5.6. Când introduceți un număr de card, câmpul de introducere ar trebui să repete vizual cifrele numărului de pe card

Numerele din șase cifre sunt împărțite în 4 blocuri de 4 cifre. După completarea fiecărui bloc, trecerea la următorul ar trebui efectuată automat

Vă rugăm să rețineți că există carduri cu alte numere decât șaisprezece. Cardurile Maestro pot avea 13 sau 16 sau 19 cifre. Dacă procesarea dvs. acceptă carduri cu numere diferite de cifre în număr, asigurați-vă că câmpul de introducere se adaptează la datele introduse. Prin primele șase cifre puteți determina numele sistemului de plată, iar dacă acest sistem are un număr diferit de cifre în numerele cardului, câmpul ar trebui să se schimbe.

5.7. Colectați informații de plată pe site-ul magazinului

Dacă, după ce a făcut clic pe butonul „Plătește”, utilizatorul ajunge pe o pagină cu resurse de plată, atunci acest lucru este confuz. Chiar și utilizatorii de internet experimentați se simt incomod lasând informații de plată în afara magazinului.

Dacă nu este posibil să completați datele în formularul de pe site, asigurați-vă că stilul site-ului este menținut pe pagina de plată.

Lăsați pe pagina de plată opțiunea de a reveni pe site-ul magazinului fără a plăti. Aici puteți introduce și informații despre comanda dumneavoastră (suma comenzii și conținutul coșului).

5.8. Furnizați informații de securitate a plății pe pagina de plată

• conexiune https securizată,
• siglele sistemului de plată și certificatele de securitate.
• dacă nu este necesară confirmarea plății prin SMS, informați utilizatorul că plata a fost efectuată fără tehnologia 3DSecure.

5.9. Dacă plata nu a putut fi procesată, ar trebui să apară un mesaj de eroare

Dacă, după ce plata a eșuat, utilizatorul este pur și simplu redirecționat către pagina de plată sau coșul de cumpărături, atunci este greu de înțeles dacă plata a avut succes sau nu.

Mesaj care spune că plata nu a putut fi efectuată pe pagina „Bună ziua”:

Oferiți opțiuni alternative de plată.

5.10. Comunicați cu clientul într-un limbaj clar

Înlocuiți termenii tehnici și rar utilizați cu alții mai familiari.

• „Autentificare” - „Introduceți codul din SMS”,
• „Parola dinamică” - „Cod din SMS”.

5.11. Codul de confirmare ar trebui să fie amplasat la începutul SMS-ului, astfel încât să poată fi citit fără a deschide mesajul

6. Confirmarea comenzii

Pe pagina de confirmare a comenzii, furnizați informații complete:

• Numele produsului,
• Cantitate,
• Preț,
• Costul livrării,
• Metoda de livrare,
• Comision sistem de plată,
• Datele de contact ale destinatarului.

Permiteți utilizatorului să editeze informațiile de pe pagina de confirmare.

Confirmarea comenzii la plasarea unei comenzi pe site-ul Mobillac:

7. „Vă mulțumim pentru achiziție”

Includeți informațiile despre comandă pe pagina „Vă mulțumim pentru achiziție”.

Mesajul de pe pagina finală de achiziție din magazinul Ieftin este foarte succint:

„Photomag” indică și numărul de comandă:

„Bună ziua” oferă informații detaliate:

Duplicați informații complete despre comandă în căsuța de e-mail a clientului.

Includeți o opțiune de printare pe pagina de confirmare a comenzii.

Dacă produsul este electronic, spuneți-ne cum îl puteți descărca.

Să repetăm ​​ceea ce am tratat

Coş:

• adăugarea în coș nu trebuie să conțină pași inutile,
• afișează informații că produsul a fost adăugat în coș,
• în interiorul coșului afișați informații detaliate despre produse,
• butonul pentru a continua achiziționarea ar trebui să fie vizibil și numit în conformitate cu așteptările utilizatorilor;
• Câmpul de introducere a codului promoțional ar trebui să fie ascuns în mod prestabilit,
• adăugați un buton pentru a elimina un articol din coș,
• căruciorul trebuie să-și amintească comanda.

Autorizare:

• adăugați posibilitatea de a cumpăra fără înregistrare,
• adăugați înregistrarea de fundal,
• faceți adresa dvs. de e-mail sau numărul de telefon de conectare.

Plată:

• utilizați nume intuitive ale metodelor de plată cu pictograme,
• afișează metodele de plată în ordinea descrescătoare a popularității,
• avertizați despre comisioanele sistemelor de plată,
• câmpurile pentru introducerea datelor cardului bancar trebuie să repete vizual locația informațiilor de pe cardul fizic,
• permite utilizatorului să revină la pagina magazinului fără a plăti,
• furnizați detalii dacă plata este refuzată.

Livrare:

• determinați automat adresa cu posibilitatea de a edita,
• afișează depozitele de preluare automată pe o hartă și într-o listă,
• Vă rugăm să indicați costul de livrare estimat.

Pagina „Vă mulțumim pentru achiziție”:

• afișați numărul comenzii,
• duplicat informații despre comandă prin e-mail,
• Spuneți clientului cum se vor dezvolta evenimentele în continuare.

Post Scriptum

Există multe opțiuni pentru implementarea aceleiași caracteristici, iar alegerea depinde de nișa dvs., publicul țintă și platforma site-ului.

Mesajul principal al studiului și al articolului nostru este că aproape întotdeauna puteți face o achiziție pe site mai convenabilă.

Apropo, specialiștii Aveb au scris o carte despre utilitatea magazinelor online. Doar instrucțiuni de utilizare - doar recomandări și exemple specifice. L-ai citit deja? Dacă nu, asigurați-vă că descărcați și citiți.

Ce îmbunătățiri ale coșului de cumpărături au crescut semnificativ conversiile pe site-ul dvs.? La ce recomandati sa fii atent?