CRO-grunder · Lektion 11 av 41

Varukorgen

Gör varukorgen tydlig med rätt varor, antal, kostnader och väg till kassan. Följ avhopp och testa relevant merförsäljning.

En lektion i Viseos kostnadsfria CRO-kurs. Kursmaterial från Viseo.

Skärmbilderna är historiska exempel från kursens original. Använd dem för att studera principerna, inte som uppgifter om företagens aktuella priser, villkor eller gränssnitt.

Varukorgen hjälper kunden att granska varor, antal och kostnad inför köpet. Baymards sammanställning visar att avbrutna varukorgar är vanliga. Mät din egen andel och ange om du räknar användare eller sessioner. Följ varukorg, påbörjad kassa och köp i en tratt.

Produktsida och call to action

Låt oss ta det från början; hur ska din produktsida se ut för att få dina besökare att lägga till produkter i varukorgen?

Om din mest önskade handling för produktsidan är att lägga till produkten i varukorgen (vilket det ska vara) – så ska denna knapp göras supertydlig. Det ska inte gå att ta miste om att det är denna knapp som man ska klicka på.

När besökaren har klickat på knappen så bör det komma en tydlig bekräftelse på att produkten har lagts till i varukorgen;

Återigen; kunden ska inte kunna gå miste om att produkten har lagts till i varukorgen.

När du ger en bekräftelse så har du även möjlighet att styra besökaren mot nästa mål; kassan.

En populär variant som många stora e-handlare använder är att mörka bakgrunden och sätta varukorgsmeddelandet i fokus när kunden har lagt till en vara.

Eftersom målet nu är att styra besökaren mot kassan finns en tydlig CTA att klicka på för att gå till betalning. Rutan ligger kvar tills att besökaren själv stänger ner den/klickar någon annanstans på sidan:

Kom dock ihåg att detta nödvändigtvis inte fungerar för alla e-handlare. Därför är det viktigt att testa olika varianter för att se vad som fungerar bäst för din hemsida.

Om tester visar att de flesta kunder vill lägga till många produkter i varukorgen så kan en ruta som försvinner av sig själv efter några sekunder vara att föredra. Detta är något som e-handlaren Asos.com gör:

En annan kraftfull variant är att öka värdet per kund genom merförsäljning. Detta är ett bra exempel på hur du kan öka omsättningen för din hemsida utan att konverteringsgraden i sig ökar.

Titta hur NetOnNet använder merförsäljning.

Vid köp av dyrare produkter (som en MacBook) rekommenderas en försäkring. Se hur call to action (knappen för att försäkra) är framträdande i blå färg;

Om man lägger till en extern hårddisk i varukorgen föreslås passande laddningskablar:

Om man väljer en ficklampa föreslås passande batterier:

Att använda merförsäljning med matchande produkter kan vara ett kraftfullt verktyg för att öka värdet per kund.

Återigen; du måste testa för att ta reda på vad som fungerar för just din sajt.

Visa varukorgen

Det finns två varianter för att visa varukorgen;

1. En extern sida
2. En pop up

Oavsett vilken du väljer så är målet detsamma; att styra kunden mot kassan.

Din absolut tydligaste knapp bör alltså vara ”Till kassan”, ”Betala” eller liknande.

I tillägg bör följande finnas med i varukorgen;

• Möjlighet att enkelt ändra antal och ta bort produkter
• Bild och namn på tillagda produkter
• Totalt pris
• Information om frakt/extrakostnader

Några exempel på varukorgar;

NetOnNet:

Tretti.se:

Lyko.se:

Sammanfattning

Att optimera din varukorg är en viktig del för att ta dina besökare närmare ett slutfört köp. Använd tipsen ovan som generella riktlinjer och testa olika varianter för att se vad som fungerar bäst för din hemsida.

I nästa avsnitt går vi igenom det sista steget i köpprocessen: kassan.

Fortsätt studera

Se hur du mäter avhopp mellan varukorg och köp. Fortsätt med videolektionen om merförsäljning om du vill arbeta med ordervärdet.