Det finns ingen mer kritisk punkt i e-handelsresan än kassasidan. Fram till detta steg är kundens engagemang lågt – de tittar bara i skyltfönstret digitalt. Men kassan skiljer kunder från besökare – det är här de bestämmer sig för att köpa din produkt eller överge sin varukorg.
En bra kassasida är inte bara avgörande för att säkra en försäljning, den är också central för att vinna återkommande kunder. Faktum är att 90 % av kunderna säger att en tillfredsställande kassaupplevelse betyder att de sannolikt kommer att handla från varumärket igen. Här är hur du optimerar din kassasida för att förbättra konvertering, öka försäljningen och få kunder att komma tillbaka.
Vad är en kassasida?
En kassasida är där kunder genomför transaktioner på en e-handelswebbplats. Det är här shoppare kan granska artiklarna de lagt till i sin kundvagn, bekräfta kvantiteter, välja fraktalternativ och ange sin betalningsmetod. Kassasidan är också där konsumenten anger – och butiken samlar in – information som fakturerings- och leveransadresser för att slutföra köpet och påbörja frakt- och leveransprocessen.
Kassasidor är det sista steget i den digitala köpprocessen – slutpunkten för kundresan. Målet med varje kassasida är att erbjuda en smidig, användarvänlig upplevelse som minskar hinder och sänker varukorgarnas övergivningsfrekvens.
Hur ska en kassasida se ut?
En kassasida bör skapa en friktionsfri upplevelse som guidar kunder från varukorg till köp. Generellt sett bör en modern kassasida ha följande element:
- Tydlig ordersammanfattning: Kunder ska kunna granska innehållet i kundvagnen, inklusive produktdetaljer, kvantiteter och individuella priser.
- Smidiga formulärfält: Fråga endast efter väsentlig information som behövs för att slutföra köpet. Detta inkluderar vanligtvis leveransadress, faktureringsadress (om den skiljer sig) och betalningsuppgifter.
- Flera betalningsalternativ: Erbjud en mängd olika betalningsmetoder för att tillgodose olika kundpreferenser.
- Säkerhetsgarantier och förtroendesignaler: Inkludera säkerhetsmärken, SSL-certifikat och kundrecensioner för att bygga förtroende och försäkra kunder om att deras personuppgifter och betalningsinformation är säker.
- Fraktalternativ och kostnader: Visa tydligt fraktmetoder, kostnader och beräknade leveransdatum tidigt i kassaprocessen.
- Tydliga handlingsuppmaningar (CTA-knappar): Använd framträdande, lättfunna knappar för viktiga åtgärder som Gå till kassan eller Lägg beställning för att guida användare genom processen.
På Shopify försöker vi uppnå förträffliga kassaupplevelser – vår nuvarande kassa överträffar konkurrenterna med i genomsnitt 15 % i konverteringsfrekvens.
Kassa på en eller flera sidor
En kassasida kan byggas som en ensidig lösning (eller ett-klicks-lösning) eller en steg-för-steg-process utspridd över flera sidor. Valet mellan de två beror på olika faktorer, inklusive köpprocessens komplexitet, din målgrupp och dina mål. Här är hur en ensidig kassa och flersidig kassa skiljer sig åt:
- Ensidig kassa: Ensidig kassa påskyndar processen genom att inkludera alla nödvändiga aspekter på en enda sida, inklusive kundvagnens innehåll, betalningsuppgifter, kontaktuppgifter, fakturerings- och leveransadress samt fraktalternativ. Ensidiga kassor är snabba men kan vara förvirrande om de inte är väldesignade eller om användare är vana vid flersidiga upplevelser.
- Flersidig kassa: En flersidig kassa delar upp hela kassaprocessen i olika steg och sidor. För att slutföra köpprocessen måste kunder gå igenom alla sidor för att mata in sin information och välja Köp. Flersidiga kassor är längre men låter dig kontrollera var kunden lämnade köpprocessen.
Sju utmärkta exempel på bra kassasidor
1. Gunner Kennels
Hundburmärket Gunner Kennels använder minimala formulärfält och samlar endast in väsentlig information.
Adressfälten använder Googles autokompletteringsformulär för adresser, vilket betyder att stad-, region- och postnummerfälten fylls i automatiskt när kunden skriver sin gatuadress. Valfri information, som telefonnummer, kommer med en informationsruta som förklarar varför du kanske vill lägga till det.
2. Tentree
Tentrees kassasida träffar rätt genom att blanda smart shopping med att rädda planeten. Du kan enkelt se dina orderdetaljer. Men det bästa är att du kan plantera träd direkt där när du handlar, vilket stämmer överens med Tentrees miljöfokus och engagerar kunder i hållbarhetsinsatser. Dessutom erbjuder de orderskydd, vilket visar att de bryr sig om din beställning lika mycket som träden. Det är miljövänlig näthandel på rätt sätt.
3. Bubs Naturals
Säkerhetsmärken som betalningsmärken och SSL-certifikat försäkrar kunder om att deras personuppgifter och betalningsinformation är säker.
Bubs Naturals erbjuder ett av de bästa exemplen på kassasidor med förtroendesignaler. Vitamin- och kosttillskottsbutiken använder produktrecensioner, säkra betalningsmetoder och ett 100 % lyckolöfte på kassasidan.
Dessa förtroendesignaler tillmötesgår viktiga kundbekymmer och försäkrar dem om att deras betalning är säker, att de köper en kvalitetsprodukt och att de kan få pengarna tillbaka om de inte är nöjda med sitt köp.
4. Nanoleaf
Nanoleafs kassasida visar tydligt artiklarna i varukorgen inklusive kvantitet och pris så att kunder kan granska sina beställningar.
Den godkänner också ett brett utbud av betalningsmetoder, inklusive större kreditkort (Visa, Mastercard, Discover, Amex), digitala plånböcker (Apple Pay, Google Pay) och andra populära alternativ som PayPal, Klarna och crypto.com. Peka bara över texten Vi accepterar så kan shoppare välja det bästa alternativet för dem.
Nanoleaf inkluderar också värdeadderande funktioner på sin kassasida. Lägg märke till fraktavgiften på 9,99 dollar som visas tydligt, samt en tvåårig garanti och studentrabatt, vilket kan öka kundförtroendet och tilltala specifika demografiska grupper.
5. ColourPop
Kosmetikamärket ColourPop använder Shopify-kassan för att visa alla relevanta kostnader och fraktavgifter på en enda skärm innan kunder skickas till betalningssidan.
Om användaren har ett Shop Pay-konto är all information redan laddad på kassasidan och de kan omedelbart gå vidare för att enkelt betala.
6. Ketnipz
På Ketnipz merchandise-butik kan användare välja om de vill betala som gäst eller återkommande kund. Gäster har en standard kassaprocess, medan återkommande fans av varumärket kan logga in för en snabb kassa.
7. Kith
Kith kassasida finner en balans mellan effektivitet och kundcentrerad design. Den effektiviserar köpprocessen med tydliga alternativ för frakt och betalning, samtidigt som den bygger förtroende genom transparent prissättning och säkerhetsåtgärder.
Genom att erbjuda incitament som Shop Cash-belöningar och Shop Pay-avbetalningsplaner tillgodoser Kith olika kundbehov och ökar ordervärdet. Dessa element arbetar tillsammans för att skapa en användarvänlig kassaprocess som möter olika kundpreferenser.
Lär dig de avgörande elementen för en högpresterande kassa baserat på insikter från Shopify – världens bäst konverterande kassaplattform.
Bästa praxis för att optimera din kassasida
Enligt data som samlats in av Baymard Institute är den genomsnittliga övergivningsfrekvensen för e-handelskundvagnar strax under 70 %. Övergivning av kundvagn varierar beroende på faktorer som dolda kostnader, komplexa kassaprocesser och brist på betalningsalternativ.
För att minska kundvagnarnas övergivningsfrekvens, börja med att följa dessa bästa praxis-steg för att optimera dina kassasidor.
1. Håll processen enkel och användarvänlig
Hela din kassaprocess bör vara snabb och enkel, med minimala distraktioner och inga onödiga steg. För att förhindra detta, inkludera endast formulärfält för information som behövs för att slutföra köpet. Andra kan antingen vara valfria eller tas bort helt.
Shop Pay effektiviserar denna process ytterligare genom att säkert lagra kunders betalnings- och fraktinformation, vilket möjliggör ett-klicks-kassor för framtida köp.
2. Gör navigeringen enkel och intuitiv
Kassatexter guidar användare genom processen och bör vara korta, rakt på sak och beskrivande. Inkludera brödsmulor för att indikera framsteg, som:
- Steg 1: Fraktinformation
- Steg 2: Betalning
Om du använder en flersidig kassa är en framstegsindikator användbar för att visa konsumenten var de befinner sig i kassaresan och uppmuntra dem att fortsätta.
Att tillhandahålla tydliga uppmaningar med framträdande knappar som Gå till kassan eller Lägg beställning hjälper till att guida användare genom processen.
3. Lägg till förtroendesignaler
Köpare behöver lita på din e-handelswebbplats. Enligt en undersökning av PYMNTS var 92 % av kunderna extremt nöjda med kassaupplevelser som använde förtroendemärken. Sociala bevis och säkerhetsmärken är två sätt att sända förtroendesignaler.
Pengarna-tillbaka-garantier hjälper till att bygga förtroende och tillit bland kunder. Stjärnbetyg och kundrecensioner av produkter vid kassan ger användare förtroende för produkten eller tjänsten de köper. Shopify-appar som samlar in och visar recensioner inkluderar Judge.me och Loox.
4. Tillhandahåll flera betalningsalternativ
Köpare vill ha alternativ för att betala för produkter och tjänster online. Fyrtiotvå procent av svenska konsumenter skulle överge ett köp om deras favoritbetalningsalternativ inte var tillgängliga.
Tillhandahåll en mängd olika betalningsmetoder, såsom kredit- och betalkort, accelererade kassametoder (PayPal, Shop Pay, Apple Pay eller Klarna), digitala plånböcker och köp nu, betala senare-alternativ för att tillgodose olika kundpreferenser.
När du väljer en betalningsleverantör, överväg de länder där du gör affärer och där dina kunder bor. Vår lista över betalningsgateways erbjuder information om betalningsmetoder tillgängliga i målländer och de valutor de stöder.
5. Låt kunderna granska sin beställning
Genom att tillhandahålla den totala kostnaden för beställningen och det beräknade leveransdatumet tidigt i kassaprocessen låter du kunder bedöma om det passar i deras budget och kommer att anlända i tid.
Enligt en studie av PwC besöker 29 % av shoppare webbplatser för att jämföra den totala köpkostnaden mellan butiker innan de köper. Detta betyder att de behöver se den totala transaktionskostnaden tidigt i köpprocessen för att hjälpa till att informera deras beslut.
Visa den totala kostnaden för beställningen och beräknade frakttider i varukorgen eller kassan, inklusive artikelpriser, skatter, fraktkostnader och alternativ samt kampanjkoder. Säkerställ transparens genom att visa totala kostnader vid varje steg i kassan. Ange tydligt om kundvagnens summa exkluderar frakt. Konsumenter bör känna till alla priser i förväg innan de anger betalningsinformation.
6. Erbjud gästkassa
Att låta kunder skapa ett konto hos din butik kan göra kassaprocessen smidigare för framtida köp. Inte alla användare vill ta den extra tiden att skapa ett konto, särskilt om de inte planerar att handla igen i din butik.
Enligt en rapport från PYMNTS tyckte 12 % av nätshopparna att det var besvärligt att skapa ett konto när de handlade online.
Att ge användare möjligheten att checka ut som gäster erbjuder det bästa av båda världar. Återkommande kunder kan snabbt checka ut med sina kontoinloggningsuppgifter, medan tillfälliga eller engångskunder kan slutföra processen som gäst.
7. Testa och iterera
Att skapa flera utkast av kassans konfigurationer låter dig experimentera med olika layouter, funktioner och appintegrationer utan att påverka din livebutik. Använd förhandsgranskningsfunktionen i kassa- och kontoredaktören för att visualisera hur dessa ändringar kommer att visas för kunder på olika enheter.
Implementera A/B-testning för att jämföra olika versioner och samla data om vilken som presterar bättre. Analysera regelbundet din kassa-analys, kundfeedback och övergivningsfrekvenser för att identifiera förbättringsområden, och var inte rädd för att göra iterativa ändringar för att kontinuerligt optimera upplevelsen.
8. Förbered dig för perioder med hög trafik
Perioder med hög trafik som säsongsförsäljning eller evenemang som Black Friday och Cyber Monday kan sätta betydande påfrestning på din kassaprocess. Skapa och testa specialiserade kassakonfigurationer designade för att hantera ökad trafik och försäljningsvolym långt i förväg för dessa evenemang. Detta kan inkludera att förenkla kassaprocessen, säkerställa att din serverkapacitet kan hantera belastningen och testa din betalningsgateways förmåga att bearbeta en hög volym transaktioner.
Använd kassa- och kontoredaktören för att sätta upp dessa konfigurationer och genomför grundlig testning under simulerade högtrafiktillstånd för att identifiera och ta itu med eventuella potentiella problem innan de påverkar riktiga kunder.
9. Använd avancerade funktioner
För företag med Shopify Plus-abonnemanget erbjuder avancerade anpassningsalternativ som Checkout Extensibility och Checkout Branding API mer kontroll över kassaflödet.
- Checkout Extensibility låter dig bygga anpassade UI-komponenter och skapa unika kassaflöden skräddarsydda för dina specifika affärsbehov.
- Checkout Branding API möjliggör programmatisk anpassning av kassastilar, vilket låter dig dynamiskt justera utseendet baserat på olika faktorer.
Dessa avancerade funktioner kan användas för att skapa mycket personaliserade kassaupplevelser, implementera komplex affärslogik eller integrera djupt med andra system.
Tre vanliga misstag att undvika när du designar kassasidor
1. Be om onödig information
Att kräva att kunden tillhandahåller mer än bara den nödvändiga informationen kan leda till ökad friktion och missnöje. Extra information bör vara valfri, såsom enkätfrågor eller demografisk information.
2. Dölja frakt- och momsinformation till det sista steget
Att dölja kostnader till det sista steget kan leda till irriterade kunder och förlorade försäljningar. Enligt en rapport från Coresight Research är extra kostnader den största anledningen till att kunder överger kundvagnar på webben.
Förhindra sista-minuten-avgifter och fraktkostnader genom att tydligt avslöja alla avgifter i förväg och eliminera överraskningsavgifter under kassan.
3. Försumma optimering för mobila enheter
Om din nätbutik och kassasidor inte är responsiva och mobiloptimerade går du miste om en betydande del av näthandelsmarknaden. Konsumenternas växande beroende av mobila enheter för shopping visar behovet av att utveckla användarvänliga och estetiskt tilltalande upplevelser för deras mobilwebbplatser och applikationer.
Vanliga frågor om kassasidor
Vad är kundvagnarnas övergivningsfrekvens och hur kan kassasidor minska den?
Kundvagnarnas övergivningsfrekvens är procentandelen användare som inte slutförde en transaktion på en e-handelswebbplats i förhållande till det totala antalet påbörjade transaktioner. De bästa kassasidorna minskar övergivningsfrekvenser genom att:
- Tillhandahålla en smidig och effektiv upplevelse
- Hålla processen enkel
- Bygga förtroende med användaren
- Erbjuda flera betalningsalternativ
- Ge ett kassa-alternativ för gäster
- Säkerställa att processen är mobilvänlig
Ska jag erbjuda gästkassa eller kräva att kunder skapar ett konto?
Det är bäst att erbjuda ett val mellan gästkassa och kontoskapande. Detta säkerställer att engångskunder får en snabb och effektiv kassa, medan återkommande kunder kan hoppa över formulärfält för att påskynda sina köp.
Hur kan jag göra min kassasida mobilvänlig?
Gör din kassasida mobilvänlig genom att:
- Minska antalet sidor, steg och formulärfält
- Gör slutsumman framträdande genom hela processen
- Eliminera popup-fönster
- Använda stora bilder och text
- Använda knappar istället för länkar
Vilka typer av kassasidor finns det?
De två typerna av kassasidor är ensidiga kassor och flersidiga kassor. Ensidiga kassor inkluderar alla steg i transaktionsprocessen på en enda sida, medan flersidiga kassor sprider ut det över flera.
