11 Varukorg och Checkout-sidelement som kommer att öka din butiks omvandlingar

Innehållsförteckning:

Anonim

grattis! Din prospekt har lagt till din produkt i sin kundvagn - förmodligen tack vare den storsida produktsidan du erbjöd dem. Men din webbplats arbete är knappast klar. Det finns faktiskt många miles att resa mellan "Lägg i kundvagnen" och "Köp" CTA; och det minsta felet kan fortfarande skicka din besökare direkt av din webbplats.

För att uttrycka det vänligt, är överlåtelse av körfält och avbrott inte lika låga över hela linjen. Baymard Institue har dokumenterat en genomsnittlig överlämningsgrad på nästan 70% av online kundvagn. Och av de 30% som flyttar från kundvagnen till kassan? 25% av dem släpper ut vid utcheckningen.

$config[code] not found

Vi låter dig göra matematiken på den där.

Så hur håller du fast på några av de tydligt intresserade utsikterna? Här är våra topp 11 tips för att flytta dem genom tratten, vilket slutligen minskar övergivningsgraden och ökar intäkterna:

1. Erbjud en varukorgsöversikt med fullständiga produktdetaljer

När en produkt är i prospektens vagn, låt dem fortsätta titta på den! En bild av vad de ska äga kommer att vara den dangling morot som rör dem genom din kassa med lite mer entusiasm än vad de annars skulle ha.

Men vi pratar mer än bilder. Visa färgen, storleken, numret och priset för varje objekt; och erbjuda en länk tillbaka till produktsidan om din utsikter vill ta en titt på specifikationerna innan du slutför köpet. Om du inte länkar tillbaka kommer användarna att sluta ta sig ur kassaflödet när de söker ut produktsidan igen för att bekräfta detaljerna.

Och när är de ute av flödet? Du riskerar att de inte kommer tillbaka.

2. Visa den totala kostnaden vid alla tider

Klistermärkechock är verklig - även om skillnaden mellan delkostnaden och den totala kostnaden för ett objekt är minimal. Faktum är att dolda kostnader är den högst rankade orsaken till vagnsavvikelse i de flesta studier. Gör inte dina framtidsutsikter lurade: Har din kundvagn reflekterat den totala kostnaden (inklusive skatter och fraktkostnader!) Med varje nytt tillfälle.

Om skatter och frakt är en fråga om plats, överväga att inkludera kalkylatorer på din varukorgsida. Användare kan sedan ange sina postnummer för att se den totala kostnaden innan de flyttar till kassan. Eftersom inga överraskningar motsvarar fler omvandlingar.

3. Låt användarna redigera sina kundvagnar och spara artiklar för senare

Det här är verkligen en fråga om att se till att dina kunder känner sig ansvariga under hela kassan. Låt dem inte känna sig låsta i ett köp; och gör det inte så att du ger dem ultimatumet för att köpa NU eller titta på deras önskelista försvinner i ett svart hål på internet.

Det gör inte någon av er något bra.

I stället lägger du till och tar bort artiklar, uppdaterar kvantiteter och överför objekt till en önskelista på kundvagnssidan … och till sista stoppet i kassan. In-cart revisioner kommer att hålla användare i tratten. Och önskelistor innebär omvandlingar till dig, senare - antingen när utsikterna återvänder till din webbutik på egen hand eller när du skickar ut påminnelsemail om de saker de sitter på.

4. Ge din kundvagn minne

Inte alla överger en vagn eftersom de plötsligt har bestämt sig för att de inte vill ha din produkt. Kanske gick deras chef precis av sin bås och de måste snabbt stänga fliken Browser. Kanske insåg de att de lämnade sitt kreditkort på jobbet och så kan inte göra någon online shopping till imorgon. Kanske sätter de objektet i sin kundvagn på mobilen, men de känner sig mer bekväma och skickar kreditkortsinformation från sina bärbara datorer. Och så vidare.

$config[code] not found

Om din butiks kundvagn uppdateras varje gång en prospekt returnerar, har du antingen hjälpt dem att glömma den produkt du har önskat en gång, eller du har frustrerat dem genom att få dem att repetera sökningen och tillägget. Inte alla kommer att vara villiga att göra detta. Så håll en kvarhållen vagn, och minska konsumenternas amnesi och irritation.

5. Ge dina CTAs en hierarki

Din kundvagn skulle bara erbjuda två CTA-knappar: en till "Fortsätt Shopping" och en annan till "Checkout." Det är det.

Vanligtvis är det primära uppmaningen till åtgärd att vara "Checkout" CTA.Självklart bestämmer du genom att testa om det är bättre för ditt företag att leda framtidsutsikterna genom traven så fort de lägger en vara i sin vagn eller om tillräckligt många kunder tittar på att surfa och fortfarande gör inköpet att din "Fortsätt Shopping "CTA kan vara mest iögonfallande.

Poängen är att det finns en hierarki. Din primära CTA bör vara det mest standout-elementet på din kundvagns sida. Det ska vara av en färg som står i kontrast med de andra elementen på sidan och har mycket vitt utrymme runt det. Din sekundära CTA kommer att vara tillgänglig, men inte så visuellt övertygande (och inte samma färg som din primära CTA).

Medan vi befinner oss, bör din "Checkout" -tjänst placeras både på toppen och längst ned på din kundvagns sida. Ge utsikterna den enklaste möjliga åtkomsten till det nästa steget, hela tiden.

6. Testa Timing of Account Creation

Din utsikter har flyttats från din varukorg sida till kassan … de är på rulle! Det första du måste bestämma är om du vill tvinga registrering eller aktivera gästkassa. Medan vi skulle rekommendera det senare kommer det du bestämmer att vara en fråga om vad dina affärsprioriteter är - och vad som i slutändan tester bäst på din webbplats.

Om du bestämmer dig för att prioritera användarinställningar i din kassa, erbjuder du förmodligen fyra alternativ. I det här scenariot kan återvändande användare antingen logga in med sina lösenord eller logga in med sociala, medan nya användare kan antingen checka ut som gäster eller skapa ett konto.

$config[code] not found

Då kan du upptäcka att nya kunder får två alternativ innebär överväldigande och färre konverteringar. I så fall försök att misslyckas med gästkassan, men erbjuda en knapp till "Skapa ett konto" högst upp på sidan. Denna strategi är meningsfull om ditt företag prioriterar försäljning över att samla ny kundinformation.

Om du vill prioritera långsiktiga kundrelationer i din kassa, kommer det troligtvis att innebära att du skapar kontouppbyggnad innan utsikterna kan göra sina inköp. Det finns dock sätt att göra detta som kanske inte känns så "kraftfullt". Inklusive mikroskopi som berättar om möjligheterna att registrera, till exempel (personlig shopping, snabbare kassa, rabatter, fri frakt), kommer att gå långt mot minskning användarfrustration.

Om du kollade på den Baymard-studien som vi länkade till ovan så noterade du förmodligen att tvångsannonsering är den andra ledande orsaken till att kassan upphör. Så överväga hur villig du är att förlora några kunder för att få mer fullständiga uppgifter om de som du behåller.

7. Fråga nya kunder om de skulle vilja registrera sig efter deras första köp

Såvitt vi är oroade är efterköpet det "söta stället" för ny kundregistrering. Erbjud alternativet på din bekräftelsessida. Om du har gett användarna en anmärkningsvärd checkout-upplevelse, kommer de vara mer benägna att anmäla sig (de kommer trots allt att vilja komma tillbaka!). Och eftersom du har fått större delen av sin information på den här tiden - eftersom de slutförde köpet - är allt de behöver göra att välja ett lösenord och klicka på den här CTA-kontot för att skapa ett konto.

8. Gör din kupongkodfält inkonsekvent

Om din butik erbjuder kuponger, behåll inte ett framstående kupongkodfält. Utsikter som inte har koden kommer att känna sig mindre "speciella" eller som att de saknar något. Många av dem kommer att gå på en kupongjakt, och 8% av dem kommer att överge kassan helt och hållet när de inte kan hitta en.

Så om du vill erbjuda kuponger, prova en av dessa:

  • Erbjud en kuponglänk som bara visar ett inmatningsfält när användarna klickar på det. På så sätt kommer det inte att vara iögonfallande för utsikterna som inte letar efter det.
  • Lägg dina promokoder direkt på din webbplats (i en banner längst upp på sidan, till exempel). På så sätt kommer ingen att känna sig borta när de kommer till kassan.
  • Visa bara kupongfält till besökare som kommer till din webbplats från dina marknadsföringsemail eller från affiliate-länkar.

9. Visa kontaktinformation och inkludera en Live Chat-funktion

Dina möjligheter kan inse att de har frågor halvvägs genom kassan. De kan bestämma att de skulle känna sig mer bekväma att slutföra sitt köp med dig via telefon. Förhindra inte deras förfrågningar eller förneka dem möjligheten att ringa order.

E-post och kontaktformulär är båda bra. men direktchatt och ett telefonnummer kommer att se till att utsikterna når dig medan de fortfarande är på sidan. En länk till din FAQ-sida (se till att den öppnas i en ny flik eller i ett modalfönster!) Är också ett klokt UX-drag här.

10. Anslut din checkout genom att undvika externa länkar

Vi kan inte betona nog hur viktigt det är att behålla utsikterna i den inköpstrakten. Du vill att de ska ha tunnelvision till slutet. Det betyder ingen perifer distraktion … och inte skicka dem av din webbplats!

Med det sagt kommer du att bli bäst om din frakt- och returpolicy-vilka användare vill läsa öppna i modala fönster eller i ett dragspelgränssnitt på kassan. Detsamma gäller dina vanliga frågor, din integritetspolicy och annan information som dina kunder kanske vill ha tillgång till på det här steget. Oavsett vilken extra information de läser, se till att de fortfarande kan se bilderna på de produkter som de ska köpa och / eller CTA-knappen.

$config[code] not found

11. Prioritera lätthet och snabbhet på dina formulär

Formen är den sista fasen av online shopping upplevelse … och, låt oss vara ärliga, förmodligen den minst spännande aspekten. Så du strävar efter två saker här: lätthet och snabbhet. Här är hur:

  • Håll utbetalningsformuläret till en sida. Och om testen föreslår att du inte borde, ge användarna en framstegsindikator. Poängen är att användarna kan se hur många steg kvar och vet att de gör framsteg.
  • Fråga bara om den information du behöver … inget mer. (Det här kan innebära att du eliminerar fält som lösenordsverifiering.)
  • Använd validering på skärmen och meddela tydligt användarfel.
  • Erbjudna listrutor eller autofyllningsfält (dvs. en adressfinnare) samt en kryssruta som låter användare automatiskt fylla i fältet för leveransadress med faktureringsadressen som de redan har angett.
  • Visa informationsknappar som beskriver vilka användare som ska infoga i fältet, förklara varför ditt företag behöver viss information och ge tips (dvs det som gör ett starkt lösenord).
  • Dikta platshållarens text i fältet för etiketter ovanför fälten.
$config[code] not found

Vart och ett av dessa element kan verka olikt i sig själv. Och ändå har du fyllt i din rättvisa del av utbetalningsblanketterna. och du vet förmodligen av erfarenhet vilken stor skillnad de gör.

Och fantastiskt användarupplevelse är i sista hand drivkraften bakom allt ovanstående.

Det är många tips på en gång, vi vet! Det kan vara användbart för dig att se exempel på några av dessa bästa praxis i aktion. Om så är fallet, ta en titt på innehållet i kundvagnar och kassa sidor i Zoho Academy's Roadmap till din bästa företagswebbplats. (De erbjuder gott om bästa praxis för andra komponenter på din webbplats där också!)

Foto via Shutterstock

1