8 cele mai bune exemple de design de pagini de coș de cumpărături pentru comerțul electronic

Designul paginii coșului dvs. de cumpărături poate produce sau întrerupe o conversie. Datele arată că gradul de utilizare al coșului de cumpărături afectează direct ratele de conversie.

În acest articol, vă vom arăta cum brandurile de top de magazine online și-au proiectat strategic paginile coșului. Dar mai întâi, să acoperim elementele de bază despre paginile coșului de cumpărături.

Coșul de cumpărături de comerț electronic permite vizitatorilor să cumpere produse sau servicii. Clienții pot, de asemenea, să vadă detaliile produsului, să introducă coduri de cupon și să își selecteze opțiunile de plată pentru finalizare.

În ciuda importanței evidente a coșurilor de cumpărături pentru rezultatul final al unui magazin online, am constatat că multe pagini de coș sunt prost proiectate.

Mai jos sunt exemple reale de coșuri de cumpărături impresionante de comerț electronic care vă vor ajuta să vă reînnoiți magazinul. Scopul este întotdeauna experiența clientului.

Haideți să aruncăm o privire!

Doriți să vedeți mai multe exemple? Descărcați fișierul nostru de glisare gratuit și inspirați-vă din 26 de exemple de coșuri de cumpărături.

Cuprins

8 exemple de modele de cărucioare de cumpărături pentru comerț electronic

Cele mai bune practici pe care trebuie să le cunoașteți pentru coșul de cumpărături pentru comerțul electronic

Cum să reduceți abandonul coșului și să creșteți vânzările

Din fericire, cercetarea noastră a site-urilor web de comerț electronic populare nu a fost deloc vești proaste. Am găsit mai multe magazine online cu design inovator de pagini de coș de cumpărături care generează conversii. Gândiți-vă la acestea ca șabloane și modificați specificațiile în funcție de stilul mărcii dvs.

Iată opt modele inspiraționale de coșuri de cumpărături.

1. B&H
2. a lui Tilly
3. Toate păsările
4. Pentru totdeauna 21
5. Nike
6. Sephora
7. Frumusețe rară
8. Lululemon

La prima vedere, ecranul „Adăugați în coș” B&H arată ca orice alt site care vinde produse electronice. Dar când faceți clic pe butonul „Adăugați în coș”, există o cantitate uluitoare de acțiuni pe care un client le poate întreprinde în cadrul designului său simplu.

De exemplu, pagina afișează accesorii care se potrivesc bine cu produsul ales, oferind clienților un motiv să adauge mai multe articole în coșul lor.

În plus, pagina îi îndeamnă pe clienți să se gândească la garanțiile pentru produsele lor.

Făcând clic pe pictograma coș de cumpărături redirecționează clienții către o pagină mai standard. Și le reamintește despre acele recomandări de produse conexe.

Acest lucru le oferă o altă șansă de a adăuga articolele în coșul lor în cazul în care au uitat de ele sau s-au răzgândit.

Magazinul online de îmbrăcăminte Tilly este simplu și ușor de utilizat. Pagina afișează doar cele mai necesare informații, împreună cu o mulțime de imagini atrăgătoare pentru a atrage vizitatorii.

Designul lor inteligent „Adăugați în coș” îmbunătățește experiența de cumpărături a clienților.

Când un client pune un produs în coșul de cumpărături, un „mini coș” se extinde în partea dreaptă. Acesta permite utilizatorului să țină evidența articolelor sale dintr-o privire.

Are, de asemenea, un buton „Checkout” pentru când au terminat. Astfel, clienții pot merge direct la casă fără efort. Acest exemplu „Adăugați în coș” arată o modalitate excelentă de a încuraja achizițiile impulsive.

Un mesaj lateral este un element al unui site web care alunecă din partea stângă sau dreaptă a ecranului. Îl puteți folosi atunci când aveți nevoie să afișați informații importante care necesită mult spațiu.

Designul panoului lateral al coșului de cumpărături Allbird se integrează cu tema generală a site-ului. Și afișează tot ce trebuie să știe clientul.

Acesta este mesajul care apare: „Felicitări! Primești transport standard gratuit.” Și este o modalitate grozavă de a lupta împotriva abandonului cărucioarelor încă de la început. Ei le spun clienților că costul de transport nu se va schimba în mod neașteptat (unul dintre cele mai mari motive pentru care potențialii clienți să-și lase coșurile de cumpărături în urmă).

Sub acel mesaj, pagina coșului arată produsele adăugate și prețurile acestora. De asemenea, calculează subtotalul și recomandă alte articole similare.

„Adaugă în coș” de la Forever 21 este transparent cu criteriile lor de livrare gratuită. Cu toate acestea, solicită cumpărătorilor să cheltuiască o anumită sumă pentru a se califica pentru transport gratuit. Puteți vedea că acest coș este la doar 10,01 USD de a se califica pentru livrare gratuită.

Au, de asemenea, un câmp mare de cod de cupon, ceea ce facilitează adăugarea unei reduceri.

Aceste două funcții care economisesc bani cultivă o emoție pozitivă, chiar înainte ca clienții să ajungă la pagina de finalizare a comenzii. Rezultate: vânzări mai mari.

Cumpărătorii primesc o mică notificare în colțul din dreapta sus al ecranului când fac clic pe butonul „Adaugă în coș” de pe site-ul Nike.

Există două opțiuni în fereastra mini cărucior: vizualizați geanta sau treceți direct la finalizarea comenzii.

Este o alegere care încurajează clienții să cumpere acum sau să continue să navigheze pe site.

Nike plasează, de asemenea, mesaje precum „Au mai rămas câteva, comandă acum” pentru a-i ghida pe cumpărători să-și finalizeze procesul de plată. Atragerea atenției unui client în acest fel poate duce la mai multe vânzări, deoarece nimeni nu vrea să piardă o pereche grozavă de pantofi. Aceasta se numește FOMO sau strategia Fear Of Missing Out.

O altă atingere plăcută pe pagina coșului de cumpărături Nike este data estimată de livrare. Oferă cumpărătorilor ocazia de a se imagina în pantofii lor noi până la o anumită dată. Detalii ca acestea contează!

Sistemul de notificare al coșului de la Sephora combină tone de cele mai bune practici pentru funcțiile de proiectare a paginilor coșului.

Ele afișează o sumă pre-totală. Și arată clienților câți mai mulți bani trebuie să cheltuiască pentru a se califica pentru livrare gratuită. De asemenea, personalizează recomandările de produse pentru fiecare client.

Sephora depășește aceste alte site-uri web, oferind mostre gratuite (împreună cu recompense și promoții) cu un link ușor de accesat pe pagina de notificare a coșului.

Clienții pot alege până la două mostre gratuite pentru a le adăuga în coșul de cumpărături. Aceasta este o soluție excelentă pentru a oferi valoare adăugată clienților și îi încurajează să încerce produse noi.

Rare Beauty este un alt brand de machiaj cu o prezență puternică online. La fel ca Sephora, oferă clienților articole gratuite în aceeași cutie cu comanda lor.

Ele arată, de asemenea, câți bani mai trebuie adăugați la comandă. Atunci cumpărătorul știe când se califică pentru livrare gratuită.

Rare Beauty folosește în mod neconvențional X-uri mari, astfel încât clienții să poată elimina cu ușurință articolele din coșul de cumpărături. Acest lucru facilitează editarea comenzilor lor.

Puteți vedea de ce clienților lor le place să cumpere online - este o finalizare rapidă și nedureroasă.

Primul lucru pe care îl observi în coșul de cumpărături al lui Lululemon este mesajul mare din partea de sus: „Ai gust grozav”.

Un astfel de mesaj îi face pe utilizatori să dorească să facă clic pe pictograma coș!

Complimentarea clienților este o modalitate excelentă de a le mulțumi pentru că au adăugat ceva în coșul lor de cumpărături. Și arată bunăvoință. Acest lucru este eficient în special pentru Lululemon datorită branding-ului lor pozitiv și afirmațional.

Butonul de plată al lui Lululemon este mare și viu colorat. Atrage privirile utilizatorilor și recomandă produse complementare pentru a-i încuraja pe clienți să „Continue cumpărăturile”.

Când creați o pagină de coș de cumpărături online: gândiți-vă la provocare din mai multe unghiuri diferite.

Un design grozav al coșului de cumpărături trebuie să afișeze rezumatul comenzii clientului dvs. Dar ar trebui să-i facă să se simtă confortabil fie să continue cumpărăturile, fie să treacă imediat la casă.

Puteți obține rezultate excelente, cum ar fi exemplele de mai sus și puteți crește rata de conversie cu cele mai bune practici.

Iată un rezumat al elementelor fundamentale pentru designul paginilor coșului de comerț electronic:

• Afișați utilizatorilor costul total al coșului, detaliile de livrare și opțiunile de plată pe care le acceptați.
• Sugerați mai multe produse care se potrivesc cu ceea ce clientul are deja în coș.
• Utilizatorii site-ului ar trebui să poată vedea cum să-și personalizeze achiziția (prin alegerea culorilor, cantităților, dimensiunilor etc.) cu puțin efort.
• Reduceți confuzia utilizând imagini mari de produse de înaltă calitate pentru coșul de cumpărături.
• Fiți clar cât va costa transportul sau cât trebuie să cheltuiască un client pentru a obține transportul gratuit .
• Evidențiați ce gateway-uri de plată acceptă site-ul dvs.
• Afișați simboluri care dovedesc modul în care procesele dvs. de plată sunt sigure și de încredere.
• Adăugați o casetă de cod promoțional pentru a promite valoare reală.

Veți dori să proiectați o tranziție fără întreruperi de la răsfoirea produselor la adăugarea de articole în coșul de cumpărături, la finalizarea lor efectivă. Acesta este un aspect crucial al optimizării ratei de conversie.

Chiar și cu cel mai bun design de coș de cumpărături, nu există nicio garanție că clienții își vor finaliza procesul de plată.

Cercetătorii au descoperit că rata medie de abandon a cărucioarelor a fost de 77,13% în 2019.

Companiile care își îmbunătățesc pagina coșului de cumpărături — au descoperit în rapoartele lor de comerț electronic că ferestrele pop-up tind să fie una dintre cele mai eficiente modalități de a încuraja vizitatorii să plătească.

De exemplu, rata de abandon a căruciorului AVON a scăzut cu 16,5% atunci când a adoptat sistemul OptiMonk de prevenire a abandonului căruciorului . Detectează când este probabil ca vizitatorii magazinului să-și abandoneze cărucioarele și le trimite un pop-up care îi încurajează pe cumpărători să finalizeze achiziția.

Să începem cu cele mai bune exemple pop-up.

3 exemple de ferestre pop-up pentru abandonarea coșului de cumpărături

1. Promovați o ofertă irezistibilă

Puteți folosi o fereastră pop-up pentru a oferi transport gratuit sau alte reduceri în magazin pentru o perioadă limitată.

Deoarece cumpărătorii sunt foarte sensibili la costul de transport al comenzii lor, aceasta este una dintre cele mai bune modalități de a reduce abandonul coșului.

Consultați biblioteca de șabloane pop-up a OptiMonk pentru una care se va potrivi perfect cu designul magazinului dvs. și designul paginii de plată.

2. Creșteți urgența cu oferte pe timp limitat

Folosirea unui sentiment de presiune a timpului poate convinge un vizitator al site-ului de pe gard de a finaliza plata. Informați cumpărătorii unde se află în ceea ce privește disponibilitatea unui produs. Acest lucru adaugă un sentiment de urgență la decizia lor de cumpărare.

De exemplu, SwissWatchExpo este un magazin care vinde ceasuri de lux second hand. Au folosit ferestre pop-up pentru a clarifica faptul că un ceas le va fi rezervat doar pentru 15 minute. Acest sentiment de urgență a dus la o creștere cu 25% a ratei de conversie .

3. Recomandați produse relevante pentru a le recâștiga atenția

Dacă utilizatorii pleacă fără să plătească, este probabil să fi salvat articolele doar ca posibile opțiuni de cumpărare în timp ce navigau în magazinul dvs.

Le puteți atrage atenția cu ferestre pop-up care afișează produse alternative, similare cu cele pe care le au în coș. Puteți adăuga la rata de conversie oferindu-le o vizualizare rapidă a mai multor opțiuni din magazinul dvs.