Femtioåtta procent av de europeiska kassorna vi analyserade hade minst tre grundläggande fel, vilket innebar onödig friktion för kunderna.

E-handelsföretag spenderar tid, pengar och resurser på att bygga varumärkeskännedom, driva webbplatstrafik och optimera sina produktsidor – allt med målet att få sin målgrupp att göra ett köp. Trots detta försummar ett överraskande stort antal europeiska företag som vi analyserade ett avgörande steg i konverteringsresan: betalflödet.

Vi genomförde en detaljerad granskning av de 450 främsta e-handelswebbplatserna i Storbritannien, Frankrike, Tyskland, Nederländerna, Spanien, Italien och Sverige och fann att 58 % av kassorna hade minst tre grundläggande fel, vilket lade till onödig friktion för kunder och komplicerade kassaprocessen. Några av de vanligaste problemen inkluderar att kortnumret inte verifieras automatiskt när det anges, avsaknaden av en numerisk knappsats för att ange kortnummer på mobila enheter samt att tillåta att transaktioner skickas in med felaktiga kortnummer eller utgångsdatum. I sig själva kan dessa problem verka små. Men när de kombineras resulterar de i en onödigt svår kassaupplevelse för kunderna.

Eftersom nio av tio förlorade försäljningar i Europa misslyckas på betalningssidan, kan en åtgärd av dessa grundläggande fel och minskad friktion i transaktionsprocessen leda till en betydande ökning av konvertering och intäkter.

Den här rapporten dyker ner i resultaten av vår analys och beskriver de vanligaste kassaproblemen relaterade till formulärdesign och mobiloptimering. Vi tar upp varför dessa kassaproblem spelar roll, hur du förhindrar att de uppstår i ditt betalflöde och hur Stripe kan hjälpa till. Men att bara undvika de grundläggande felen räcker inte. Vi kommer också att dela med oss av ytterligare möjligheter för kassaoptimering genom hela guiden, som att stödja e-plånböcker och lokala betalningsmetoder på marknader där de används flitigt.

Kassaformulärets design

Mer än en tredjedel av e-handelsföretagen lade till onödig friktion i sitt betalflöde, vilket hindrade kunder från att gå till kassan.

För många av de faktorer vi bedömde presterade kassorna i Italien och Nederländerna sämst. I Italien bekräftade 66 % inte korttypen när ett kortnummer angavs, och 56 % verifierade inte kortnumret automatiskt. I Nederländerna bekräftade 50 % inte korttypen, och 56 % lät kunder försöka betala med ett utlöpt kort.

Antalet kassor som inte gjorde det möjligt att ange kortnummer utan mellanslag skiljde sig mest åt.

Kassor i Nederländerna presterade bäst, där alla kassor vi analyserade tillät att kortnumret angavs utan mellanslag. Kassor i Storbritannien och Spanien presterade också bra, där endast 2 % av de brittiska kassorna och 12 % av de spanska kassorna inte accepterade kortnummer utan mellanslag. Kassor i Frankrike presterade sämst, där 39 % inte accepterade kortnummer utan mellanslag. Betalflöden i Sverige, Tyskland och Italien låg någonstans i mitten med 26 %, 26 % respektive 32 %.

Därför är det viktigt

Ett dåligt designat kassaformulär lägger en onödig börda på kunderna. De vill att ett klick på Betala ska vara det sista steget i köpresan och vill inte behöva gå igenom formuläret två gånger för att åtgärda grundläggande fel. De vill också ha kassaformulär som anpassar sig efter deras preferenser. Till exempel bör kunder kunna ange kortnummer hur de vill (med eller utan mellanslag) och inte stöta på några fel. (Det rekommenderas dock att tillåta att kortnummer anges med mellanslag eller visuellt separeras i grupper om fyra siffror för enklare datavalidering.) Exempel som dessa lägger inte bara till onödig friktion, de kan också leda till förlorad försäljning. En undersökning från Baymard Institute 2020 visade att 21 % av de tillfrågade angav en lång och komplicerad kassaprocess som anledningen till att de övergav en beställning.

Checklista: Så gör man för att designa de bäst presterande kassaformulären

• Markera fel i betalningsinformation i realtid, innan kunder klickar på Gå till kassan eller Betala. UI-mönster som ett rött utropstecken eller en grön bock kan snabbt kommunicera detta med en enda blick.
  
• När det finns ett fel i formuläret ska du använda beskrivande och specifika felmeddelanden. Identifiera tydligt vad felet är, oavsett om det är ett ogiltigt kortnummer eller ett utgångsdatum som redan har passerat.
  
• Se till att ditt kassaformulär kan acceptera och fylla i information som sparats i en kunds webbläsare automatiskt i stället för att be dem ange sina uppgifter på nytt.
  
• Visa automatiskt en ikon för kortvarumärket (som Visa eller Mastercard) efter att kortnumret har angivits.
  

Mobiloptimering

Nittiosex procent av kassorna var designade för att anpassa sig till mobila skärmstorlekar, men endast 12 % stödde mobila plånböcker.

Kassor i Sverige var mest benägna att optimera för mobilen, då varenda kassa vi analyserade både var responsiv och visade en numerisk knappsats för att göra det enklare att ange kortinformation på mobilen.

Kassor i Storbritannien presterade bäst när det gällde stöd för e-plånböcker, där 22 % erbjöd Apple Pay eller Google Pay (den högsta procentandelen av alla analyserade länder). Tyska kassor presterade sämst, där endast 4 % av kassorna stödde e-plånböcker (troligtvis för att dessa plånböcker introducerades mer nyligen i Tyskland).

Därför är det viktigt

Kundernas förväntningar skiljer sig åt mellan mobil och skrivbord. Om du till exempel presenterar ett kassaformulär för kunderna som inte automatiskt anpassar sig till storleken på deras enhet är det mer sannolikt att de överger betalflödet helt och hållet. Faktum är att en separat analys från Stripe visade att även om mer än 50 % av e-handelstrafiken kommer från smarta telefoner, överges varukorgar i mobilen i mer än dubbelt så hög utsträckning som på ett skrivbord.

E-plånböcker som Apple Pay eller Google Pay möjliggör en bekväm betalningsupplevelse med ett klick i mobilen, och de fortsätter att öka i popularitet. När vi tittade på Stripe-data fann vi att 26 % av europeiska kunder som betalar via Stripe Checkout har ställt in antingen Apple Pay eller Google Pay på sin enhet eller i sin webbläsare.

Checklista: Så gör man för att optimera för mobil

• Se till att ditt formulär automatiskt ändrar storlek till den mindre skärmen.
  
• Visa en numerisk knappsats när kunder uppmanas att ange sin kortinformation.
  
• Erbjud betalningsmetoder för mobila plånböcker, som Apple Pay eller Google Pay, och visa dem helst bara om du vet att de har ställts in av din kund och kan användas på deras nuvarande enhet.
  

Lokalisering

Majoriteten av kassorna var inte översatta till andra språk och erbjöd inte de mest relevanta betalningsmetoderna för internationella kunder.

Spanska kassor var minst benägna att vara lokaliserade för andra europeiska marknader. Ingen av de kassor vi analyserade var översatt till lokala språk när kunder på andra håll i Europa försökte göra ett köp, och de erbjöd inte heller lokala betalningsmetoder.

Kassor i Nederländerna var mest benägna att vara översatta till andra språk, men saknade lokala betalningsmetoder. Nästan hälften av kassorna, 55 %, stödde iDEAL som betalningsmetod, vilket är en av de mest populära betalningsmetoderna i Nederländerna. Detta understryker vikten av iDEAL för nederländska företag, vilket gör att de kan skapa de mest relevanta betalningsupplevelserna för sina nederländska kunder. Trots detta misslyckades 86 % av kassorna i Nederländerna med att visa andra lokala betalningsmetoder som Bancontact, EPS eller P24.

Därför är det viktigt

Om du inte översätter din kassa till dina kunders språk eller erbjuder populära lokala betalningsmetoder kan hela länder stängas ute från din adresserbara marknad, vilket leder till förlorad försäljning. Till exempel görs endast 40 % av europeiska onlinebetalningar med bankkort eller kreditkort. Banköverföringar är den mest populära betalningsmetoden i Tyskland, och nästan en tredjedel av italienska kunder föredrar att betala med en e-plånbok.

Vi har sett vilken inverkan lokala betalningsmetoder kan ha på kassakonvertering. I en separat Stripe-studie analyserade vi betalningsvolymen från tre Hongkong-baserade företag som säljer till Nederländerna.

När dessa företag aktiverade iDEAL som betalningsmetod, vilket är den mest populära betalningsmetoden bland nederländska kunder, ökade betalningsvolymen från Nederländerna med 79 %.

Checklista: Så gör man för att lokalisera kassaupplevelsen

• Identifiera de främsta länderna du vill sälja till och se till att du lokaliserar kassaupplevelsen genom att översätta sidan.
  
• Ändra fälten för att samla in rätt information för varje land. Om ditt formulär till exempel känner igen ett brittiskt kort, bör du dynamiskt lägga till ett fält för postnummer. Om ditt formulär å andra sidan känner igen ett amerikanskt kort, bör du ändra det fältet till ZIP-kod.
  
• Visa dynamiskt rätt betalningsmetoder i din kassa beroende på var dina kunder befinner sig.
  

Så kan Stripe hjälpa dig

Vår analys visar att grundläggande kassaproblem är utbredda, även bland de största företagen i Europa som sannolikt har dedikerade team med fokus på konverteringsgrad.

När du optimerar ditt eget betalflöde kan du försöka förhindra problem på egen hand och styra om utvecklingsresurser för att enbart fokusera på din kassaupplevelse. Eller så kan du dra nytta av en förbyggd, hostad betalningssida som Stripe Checkout.

Stripe Checkout har designats med bästa konverteringspraxis i åtanke, vilket gör det möjligt för företag i alla storlekar att utforma sömlösa kassaflöden optimerade för mobiler som riktar sig till en internationell publik. Den kombinerar all Stripes expertis inom frontend, design och analys för att erbjuda en smidig betalningsupplevelse, och du kan integrera på några minuter för att säkert ta emot betalningar.

• Designad för att minska friktion: Stripe Checkout använder beskrivande felmeddelanden för att göra det tydligt vilken information som behöver uppdateras, låter kunder autofylla kortinformation som de har sparat i sin webbläsare, validerar kortnummer i realtid och förhindrar användare från att av misstag välja utgångsdatum i det förflutna.
  
• Optimerad för mobiler: Kassaformuläret är utformat för att vara helt responsivt och fungera på alla enheter. Den visar ett numeriskt tangentbord för att underlätta för kunder att ange sina kortuppgifter och levereras med Apple Pay och Google Pay inbyggt, utan att någon extra registrering eller domänvalidering krävs. Och Stripe Checkout kommer bara att visa mobilplånböcker när Stripe vet att de har ställts in korrekt av din kund.
  
• Byggd för global användning: Stripe Checkout stöder över 30 språk så att dina kunder runt om i världen kan se det kassaformulär som är rätt för dem. Du kan bestämma vilka lokala betalningsmetoder som ska visas eller lita på att Stripe dynamiskt visar rätt betalningsmetoder baserat på IP, webbläsarens lokalanpassning, cookies och andra signaler. Kassaformuläret kan också utlösa 3D Secure och kan hantera SCA-krav genom att dynamiskt tillämpa kortautentisering när kortinnehavarens bank kräver det.
  

Om du vill bygga ditt eget anpassade kassaformulär kan du använda Stripe Elements, en uppsättning rika, förbyggda UI-komponenter. Precis som Stripe Checkout erbjuder Stripe Elements även mobiloptimering, realtidsvalidering, autofyll, lokalisering och gränssnittsformatering. Läs mer om Stripe Elements.

Metodik

När analysen i den här rapporten genomfördes valde Stripe ut de 50 främsta e-handelswebbplatserna i Storbritannien, Frankrike, Italien, Nederländerna och Spanien, samt de 100 främsta webbplatserna med kortalternativ i Sverige och Tyskland, baserat på Alexa-rankingen för det specifika landet. Plattformar för vuxenunderhållning eller webbplatser för onlinespel online inkluderades inte i analysen. Efter att ha fastställt de relevanta webbplatserna testades var och en för fördefinierade fel genom att placera en produkt i kundvagnen för att simulera ett onlineköp och, i vissa fall, genom att använda en VPN för att slutföra kassaprocessen som kunder baserade i olika länder. Kassorna testades för totalt 11 fel relaterade till formulärdesign i kassan och mobiloptimering. Kassorna utvärderades också med avseende på ytterligare optimeringsmöjligheter, till exempel om de stödde e-plånböcker och lokala betalningsmetoder på marknader där de används flitigt, och om de var översatta till lokala språk när kunder på andra platser i Europa försökte göra ett köp. Kassor i Storbritannien, Frankrike, Italien, Spanien och Nederländerna testades för alla fel och optimeringsmöjligheter. Kassor i Tyskland testades för formulärdesign i kassan, mobiloptimering och om de stödde e-plånböcker. Kassor i Sverige testades för formulärdesign i kassan och mobiloptimering.