11 Kosár és Checkout oldalelemek, amelyek növelik az üzleted konverzióit

Tartalomjegyzék:

Anonim

Gratulálunk! Az Ön kilátása hozzáadta a terméket a bevásárlókosárhoz - valószínűleg az általuk kínált csillagtermék oldalnak köszönhetően. De a webhelye munkája alig fejeződött be. Valójában sok mérföld van a „Kosárba” és a „Vásárlás” CTA között; és a legkisebb tévedések még mindig elküldhetik a látogatót a webhelyéről.

Kedvesen szólva, a kosár elhagyása és a pénztár elhagyásának aránya nem teljesen alacsony. A Baymard Intézet egy átlagos online bevásárlókosár-elhagyási arányt közel 70% -kal dokumentált. És azok közül a 30% -ról, akik a bevásárlókosárból a pénztár oldalra költöznek? 25% -uk elhagyja a pénzt.

$config[code] not found

Hagyjuk, hogy ezt a matematikát tegye.

Szóval hogyan tarthatja be az egyértelműen érdekelt kilátásokat? Íme a 11 legjobb tipp a csatornán való áthelyezéshez, ami végső soron csökkenti az elhagyási arányokat és növeli bevételeit:

1. Ajánlatot készít a teljes termékadatokkal

Miután a termék a kilátó kosárban van, hagyja, hogy folyamatosan nézzék meg! Az a kép, amiről hamarosan saját tulajdonuk lesz, az a lógó sárgarépa, amely kicsit több lelkesedéssel mozgatja őket a fizetési folyamaton keresztül, mint amilyennek másképp lenne.

De többet beszélünk, mint a képeket. Mutassa az egyes elemek színét, méretét, számát és árát; és nyújtson vissza linket a termékoldalához, ha a vásárlást a véglegesítés előtt meg kívánja vizsgálni. Ha nem linkel vissza, akkor a felhasználók végül elveszik magukat a pénztárból, amikor újra megkeresik a terméklapot a részletek megerősítéséhez.

És ha egyszer ki vannak az áramlásból? Fennáll annak a kockázata, hogy nem fognak visszatérni.

2. Mutassa a teljes költséget minden alkalommal

A matrica sokk valóságos - még akkor is, ha a tétel és a teljes költség közötti különbség minimális. Valójában a rejtett költségek a legtöbb tanulmányban a kocsi elhagyásának legmagasabb rangú oka. Ne tegyük meg a kilátásait becsapva: Kérem, hogy a bevásárlókosár tükrözze a teljes költséget (beleértve az adókat és a szállítási költségeket is) minden új hozzáadott elemgel.

Ha az adók és a hajózás helyszíni kérdés, vegye figyelembe a kalkulátorokat a kosár oldalára. A felhasználók ezután megadhatják az irányítószámukat, hogy megnézhessék a teljes költséget, mielőtt a pénztárba lépnének. Mivel nincs meglepetés több konverzióval.

3. Hagyja, hogy a felhasználók szerkesszék a kocsikat és mentse el a tételeket később

Ez tényleg az, hogy biztosítsuk, hogy a kilátásaink a teljes fizetési folyamat során felelősek legyenek. Ne érezze őket zárva a vásárlásokba; és ne tegyük úgy, mintha megadnád nekik a NOW vásárlási ultimátumot, vagy nézni kívánságlistájukat eltűnik az interneten lévő fekete lyukba.

Ez nem fog mindkettőt csinálni.

Ehelyett hagyja, hogy a kilátások hozzáadják és töröljék a tételeket, frissítsék a mennyiségeket, és átadják az elemeket a kárlista oldalának kívánságlistájába… és a pénztár utolsó lépéséig. A kosáron belüli módosítások megtartják a felhasználókat a tölcsérben. A kívánságlisták pedig az Ön számára végzett konverziókat jelentik, később - vagy akkor, ha a kilátások önmagukban visszatérnek az online boltjához, vagy amikor emlékeztető e-maileket küld az üléseken lévő elemekről.

4. Adja meg a bevásárlókosár memóriáját

Nem mindenki lemond a kosárból, mert hirtelen úgy döntött, hogy nem akarja a terméket. Lehet, hogy a főnökük csak a fülkében sétált, és gyorsan kellett bezárniuk a böngészőfület. Talán rájöttek, hogy munkahelyükön hagyták a hitelkártyájukat, és így holnapig nem tudnak online vásárolni. Lehet, hogy az elemet a kosárba helyezik mobilon, de úgy érzik, kényelmesebbek a hitelkártya-adatok küldésére a laptopjukról. Stb.

$config[code] not found

Ha az Ön üzletének kosara frissül minden alkalommal, amikor egy kilátó visszatér, akkor vagy segített nekik elfelejteni a saját termékét, amit valaha is akartak, vagy megrontotta őket azzal, hogy megismételte a keresést és hozzáadást. Nem mindenki hajlandó erre. Így tartsa fenn tartós kocsiját, és csökkenti a fogyasztók amnéziáját és irritációját.

5. Adja meg a CTA-nak egy hierarchiát

A bevásárlókosárnak csak két CTA gombot kell tartalmaznia: az egyik a „Vásárlás folytatása”, a másik pedig a „Pénztár”.

Jellemzően az elsődleges felhívás a „Checkout” CTA.Természetesen a tesztelés során megállapítja, hogy jobb-e a vállalkozás számára, hogy a csatornán keresztül irányítsa a kilátásokat, amint elhelyez egy elemet a kosárba, vagy elégséges kilátások visszatérnek a böngészéshez, és még mindig vásárolják, hogy a „Vásárlás folytatása” „A CTA legnyilvánvalóbb lehet.

A lényeg az, hogy van egy hierarchia. Az Ön elsődleges CTA-jának a legkeresettebb elemnek kell lennie a kosároldalán. Olyan színnek kell lennie, amely ellentétben áll az oldal többi elemével, és sok fehér térrel rendelkezik. A másodlagos CTA elérhető lesz, de nem olyan vizuálisan vonzó (és nem ugyanaz, mint az elsődleges CTA).

Míg mi itt vagyunk, a „Checkout” CTA-t a kosár tetején és alján kell elhelyezni. Adja meg a lehető legegyszerűbb hozzáférést a következő lépéshez.

6. Ellenőrizze a fiók létrehozásának időzítését

A kilátása átkerült a kosár oldaláról a pénztárra… ezek egy tekercsben vannak! Az első dolog, amit meg kell határoznod, hogy kényszerítsük-e a regisztrációt, vagy engedélyezzük a vendég pénztárát. Bár javasoljuk az utóbbit, úgy döntenek, hogy mi lesz az üzleti prioritásai - és mi a végső soron teszteli az Ön webhelyén.

Ha úgy dönt, hogy rangsorolja a felhasználó beállításait a pénztárnál, valószínűleg négy lehetőséget kínál. Ebben az esetben a visszatérő felhasználók bejelentkezhetnek a jelszavukkal, vagy bejelentkezhetnek a szociális szolgáltatásokkal, míg az új felhasználók akár vendégként is jelentkezhetnek, akár fiókot hozhatnak létre.

$config[code] not found

Ismét észrevehetjük, hogy az új ügyfelek számára két lehetőség közül választhat, ami azt jelenti, hogy a konverziók elvesznek és kevesebbet érnek el. Ebben az esetben próbálkozzon a vendég-pénztárnál, de egy gombnyomást kínál a „Fiók létrehozása” oldalra. Ez a stratégia akkor értelme, ha az Ön cége elsőbbséget ad az értékesítésnek az új ügyfélinformációk gyűjtése során.

Ha a pénztárnál szeretné kiemelni a hosszú távú ügyfélkapcsolatokat, valószínűleg azt jelenti, hogy a fiókok létrehozása kénytelen lesz, mielőtt a kilátások meg tudnák vásárolni. Ennek ellenére vannak olyan módszerek, amelyek nem úgy érezhetik, hogy „erőteljesek”. Miközben a mikrocopiát, amely például a regisztrálás előnyeit mutatja be, (például személyre szabott vásárlás, gyorsabb fizetés, kedvezmények, ingyenes szállítás), messze lesz a csökkentés. a felhasználó frusztrációja.

Ha megnézted a fenti Baymard-tanulmányt, akkor valószínűleg észrevetted, hogy a kényszerített számlák létrehozása a második fő oka a fizetés elhagyásának. Szóval fontolja meg, hogy mennyire hajlandó elveszíteni néhány ügyfelet a teljesebb adatokért azokról, akiket tartanak.

7. Kérdezze meg az új ügyfeleket, ha az első vásárlás után szeretne regisztrálni

Ami a mi érdekünket illeti, a vásárlás utáni vásárlás az új ügyfelek regisztrációjának „édes foltja”. Ajánlat a megerősítő oldalon. Ha figyelemre méltó fizetési élményt adott a felhasználóknak, annál nagyobb valószínűséggel jelentkeznek be (végül is visszajönnek!). És mivel a legtöbb információt itt kapta meg - mivel befejezték a vásárlást - mindössze annyit kell tennie, hogy egy jelszót választanak, és kattintsanak arra a CTA-ra, hogy „Fiók létrehozása”.

8. A Kuponkód mező kitűnővé tétele

Ha üzlete kuponokat kínál, ne tartson kiemelkedő kuponkódot. Azok a kilátások, akik nem rendelkeznek a kóddal, kevésbé fognak „különlegesnek” lenni, vagy olyanok, mintha valami hiányoznak. Sokan közülük egy kuponkeresést fognak folytatni, és 8% -uk teljesen elhagyja a fizetési folyamatot, amikor nem találja meg.

Tehát, ha kuponokat szeretne ajánlani, próbálkozzon az alábbiak egyikével:

  • Adjon meg egy kupon linket, amely csak egy beviteli mezőt jelenít meg, amikor a felhasználók rákattintanak. Így nem lesz látható a kilátások számára, akik nem keresik azt.
  • Tegye a promóciós kódjait közvetlenül a webhelyére (például az oldal tetején lévő bannerbe). Ily módon senki nem fogja érezni magát a pénztárnál.
  • Csak a kuponmezőket jelenítse meg azoknak a látogatóknak, akik az Ön e-mailjeiből vagy affiliate linkekből érkeznek.

9. Jelenítse meg a kapcsolattartási információkat és foglaljon bele egy élő chat-szolgáltatást

A kilátásaink felismerhetik, hogy kérdéseik félúton vannak a fizetési folyamat során. Eldönthetik, hogy jobban érzik magukat a vásárláshoz telefonon keresztül. Ne akadályozza meg a lekérdezéseket, vagy ne utasítsa el őket a telefonos megrendelések lehetőségétől.

Az e-mailek és a kapcsolattartási formák egyaránt nagyok; de az élő csevegés és a telefonszám biztosítja, hogy a kilátások elérhessék Önt, amíg még az oldalon vannak. A GYIK oldalra mutató hivatkozás (győződjön meg róla, hogy egy új lapon vagy egy modális ablakban nyílik meg!) Szintén bölcs UX mozog itt.

10. Csatolja a Checkout-ot a külső linkek elkerülésével

Nem tudjuk eléggé hangsúlyozni, hogy mennyire fontos, hogy a vásárlási tölcsérben megtartsuk a kilátásokat. Azt akarod, hogy az alagutak láthassanak a végéig. Ez azt jelenti, hogy nincsenek perifériás zavaró tényezők… és nem küldi el őket a webhelyéről!

Ez azt jelenti, hogy a legjobban kézbesítjük, ha a szállítási és visszaküldési házirendek - amelyeket a felhasználók el akarnak olvasni - modális ablakokban vagy harmonika felületen, a fizetési oldalon nyitottak meg. Ugyanez vonatkozik a GYIK-okra, az adatvédelmi irányelveinkre és minden más olyan információra, amelyre a kilátásait ebben a szakaszban szeretné elérni. Bármilyen további információt is olvas, győződjön meg róla, hogy még mindig látják a megvásárolni kívánt termékek képeit és / vagy a CTA gombot.

$config[code] not found

11. Az űrlapok prioritásainak beállítása és gyorsasága

Az űrlap az online vásárlási élmény utolsó fázisa… és legyen őszinte, valószínűleg a legkevésbé izgalmas szempont. Tehát két dologra törekszünk: könnyű és gyors. Itt van, hogyan:

  • Tartsa a fizetési űrlapot egy oldalra. És ha a tesztelés azt sugallja, hogy nem kellene, a felhasználóknak előrehaladási mutatót kell adniuk. A lényeg az, hogy a felhasználók láthatják, hogy hány lépés van, és tudják, hogy haladnak.
  • Kérdezd meg csak a szükséges információkat… semmi több. (Ez azt jelenti, hogy el kell távolítania a mezőket, mint például a jelszó ellenőrzése.)
  • Használja a képernyőn megjelenő érvényesítést, és egyértelműen kommunikálja a felhasználói hibákat.
  • Legördülő listák vagy automatikus kitöltési mezők (azaz címkereső), valamint egy jelölőnégyzet, amely lehetővé teszi a felhasználók számára, hogy automatikusan feltöltsék a szállítási cím mezőket a már megadott számlázási címmel.
  • Jelenítse meg azokat az információs gombokat, amelyek leírják, hogy a felhasználóknak milyen terepet kell betölteniük a mezőbe, és miért van szükségük bizonyos üzleti információkra, és tippeket (például az erős jelszót).
  • A mezők fölött lévő címkék szövegét helyezze el a mezőbe.
$config[code] not found

Ezen elemek mindegyike önmagában és önmagában nem tűnik lényegesnek. És mégis kitöltötted a fizetési formáidat; és valószínűleg a tapasztalatból tudod, hogy milyen jelentős különbség van.

És a fantasztikus felhasználói élmény végső soron az összes fent említett hajtóereje.

Ez egy csomó tipp egyszerre, tudjuk! Hasznos lehet Önnek, ha a legjobb gyakorlatok néhány példáját látja a cselekvésben; Ha igen, nézd meg a Zoho Akadémia legjobb üzleti webhelyének ütemtervében a bevásárló kosarák tartalmát és a fizetési oldalakat. (Számos legjobb gyakorlatot kínálnak a weboldal egyéb összetevői számára is!)

Fénykép a Shutterstock-on keresztül

1