Pålitliga WordPress-handledningar, när du behöver dem som mest.
Nybörjarguide till WordPress
WPB Cup
25 miljoner+
Webbplatser som använder våra plugins
16+
År av WordPress-erfarenhet
3000+
WordPress-handledningar
av experter

Hur man anpassar WooCommerce-kassasida (det enkla sättet)

Kassasidan är en av de viktigaste delarna av alla WooCommerce-butiker. Det är ögonblicket då kunderna antingen slutför sitt köp eller lämnar, och även små förbättringar här kan ha stor inverkan på din intäkt.

Många butiksägare vill förenkla processen, lägga till anpassade fält eller justera layouten, men är osäkra på var de ska börja. De goda nyheterna är att WooCommerce ger dig flera sätt att skräddarsy kassasidan för att passa din verksamhet.

Vi har hjälpt många användare att anpassa sitt kassaflöde och har sett hur rätt ändringar kan göra processen snabbare, tydligare och mer trovärdig för shoppare.

I den här guiden går vi igenom steg-för-steg-metoder för att anpassa din WooCommerce-kassasida. Dessa tekniker är lätta att följa och utformade för att hjälpa dig att skapa en smidigare kassaupplevelse samtidigt som din butik förblir pålitlig.

Hur man anpassar WooCommerce kassasida (det enkla sättet)

💡Snabbt svar: Hur anpassar man sin WooCommerce-kassasida?

Här är de två huvudsakliga sätten att anpassa WooCommerce-kassasidan:

  • Använd FunnelKit Builder: Denna gratis plugin erbjuder professionellt designade mallar som du kan anpassa med hjälp av standard WordPress blockredigerare. Det är det enklaste och snabbaste sättet att få en anpassad kassasida igång.
  • Använd SeedProd: Denna kraftfulla dra-och-släpp-sidbyggare ger dig fullständig kontroll att bygga en unik kassasida från grunden. Den är idealisk om du vill skapa en helt anpassad design eller lägga till merförsäljning och andra konverteringsfokuserade element.

Varför anpassa WooCommerce-kassasidan?

Huvudanledningen till att anpassa din WooCommerce-kassa är att minska övergivna kundvagnar och öka försäljningen. Standarddesignen för kassan är mycket enkel och inte optimerad för att konvertera shoppare till kunder.

Genom att skapa en anpassad sida kan du lägga till kraftfulla funktioner som den vanliga sidan saknar.

Detta inkluderar att lägga till förtroendesignaler som kundrecensioner, optimera layouten för att snabba upp processen och merförsälja relaterade produkter.

En dåligt optimerad kassa är en stor anledning till att genomsnittlig övergiven kundvagnsfrekvens är nästan 70%. Detta innebär att de flesta kunder kommer att lämna din butik i det sista steget utan att spendera några pengar.

Standardsidan för utcheckning i WooCommerce

Genom att ersätta denna generiska design med en anpassad kan du bygga förtroende och göra köpprocessen så enkel som möjligt.

Till exempel kan du lägga till socialt bevis som testimonials och stjärnbetyg för att lugna nya kunder.

Ett exempel på en optimerad kassasida

Nu ska vi titta på hur du enkelt kan anpassa din WooCommerce-kassa och tjäna mer pengar från din webbutik.

Använd helt enkelt snabblänkarna nedan för att hoppa direkt till den metod du vill använda:

Metod 1. Anpassa din WooCommerce-kassasida med FunnelKit Builder

Det enklaste sättet att skapa en anpassad WooCommerce-kassaflik är att använda FunnelKit Builder. Detta plugin kommer med färdiga kassafliksmallar och formulär.

En anpassad kassasida, skapad med FunnelKit Builder

Det har också inbyggda ‘optimeringar’ som är utformade för att hjälpa dig att få fler försäljningar. Vi har grundligt testat pluginet och funnit att det är mycket nybörjarvänligt.

Steg 1: Installera och aktivera FunnelKit Builder-pluginet

Det första du behöver göra är att installera och aktivera pluginet FunnelKit Builder. För mer information, se vår steg-för-steg-guide om hur man installerar ett WordPress-plugin.

Notera: Det finns också en FunnelKit Pro-version som kommer med mer avancerade optimeringar och kassaflödesmallar. Vi kommer att använda gratisversionen av FunnelKit Builder i den här guiden, eftersom den har alla verktyg du behöver för att skapa en anpassad design för kassasidan.

Steg 2: Välj en professionellt utformad mall

Vid aktivering, gå till FunnelKit » Store Checkout. På den här skärmen klickar du på knappen ‘Create Store Checkout’.

FunnelKit builder WooCommerce-plugin

Du kan nu välja mellan FunnelKits professionellt utformade mallar för kassa-sidor eller välja 'Börja från noll'. Vi rekommenderar att använda en mall för att hjälpa dig att snabbt skapa en kassa-sida med hög konvertering.

För att titta närmare på en mall, för bara muspekaren över den och klicka sedan på knappen 'Förhandsgranska' när den visas.

FunnelKits anpassade WooCommerce-utcheckningsmallar

I våra bilder använder vi Hific-mallen, som har en sektion där du kan prata om vad du erbjuder och en sektion där du kan visa kundrecensioner.

När du hittar en mall du vill använda, klicka på ‘Importera den här tratten.’

Importera en säljtunnel till din WordPress-webbplats

Vid det här laget kan FunnelKit be dig att installera några extra plugins, som deras SlingBlocks-plugin för blockredigeraren.

Om du ser det här meddelandet, klicka på 'Aktivera' för att få de plugins du behöver.

Hur man skapar en anpassad WooCommerce-kassasida med gratis WordPress-plugins

Därefter kan du skriva in ett namn för kassasidan. Detta är bara för din referens så att du kan använda vad som helst som hjälper dig att identifiera sidan i WordPress-instrumentpanelen.

När det är klart, klicka på knappen 'Lägg till'.

Namnge din FunnelKit WordPress- och WooCommerce-funnel

På nästa skärm ser du alla steg som ingår i den här mallen. Du kan låsa upp extra steg genom att uppgradera till FunnelKit Pro.

Eftersom du använder gratisversionen av FunnelKit inkluderar mallen en kassasida och en anpassad WooCommerce-tacksida.

Steg 3: Skapa en anpassad kassadesign

För att gå vidare och anpassa kassan, klicka på länken 'Redigera'.

Anpassa WooCommerce-kassaskärmen

Du kan nu klicka på ‘Redigera mall’ för att öppna mallen i WordPress blockredigerare.

Notera: Om du använder ett sidbyggarplugin kan FunnelKit öppna mallen i en annan redigerare. Om detta händer måste du klicka på 'Byt till WordPress-redigerare' istället för 'Redigera mall'.

Anpassa WooCommerce-kassan på din webbutik

Du kan nu anpassa mallen på exakt samma sätt som du bygger vilken WordPress-sida som helst. Klicka helt enkelt på valfri block och finjustera den sedan med hjälp av inställningarna i den högra menyn och den lilla verktygsfältet.

Till exempel vill du vanligtvis ersätta platshållarlogotypen med din egen anpassade logotyp. För att göra detta, klicka för att markera bildblocket och välj sedan 'Ersätt' i miniverktygsfältet.

Lägga till en anpassad logotyp på kassasidan i din webbutik

Välj nu antingen Öppna mediebibliotek och välj en bild från WordPress mediebibliotek, eller klicka på 'Ladda upp' och välj en fil från din dator.

Efter att ha valt en bild kan du lägga till bildens alt-text, ändra bredden och till och med lägga till rundade hörn med hjälp av inställningarna i den högra menyn.

Skapa en anpassad utcheckning för en onlinebutik

Du vill också ersätta platshållartexten med information om din egen online marknadsplats och kundrecensioner. Klicka helt enkelt på valfritt textblock för att göra det redigerbart, på exakt samma sätt som du arbetar med text i standard WordPress blockredigerare.

När det är gjort kan du styla texten med hjälp av inställningarna i menyn till höger. Du kan till exempel använda ramar och box shadows för att få texten att sticka ut, ändra teckensnittsfamiljen eller ändra textfärgen i WordPress.

Lägga till socialt bevis vid WooCommerce-kassan

Upprepa helt enkelt dessa steg för att anpassa alla standardblock i FunnelKit Builder-mallen. Du kan också lägga till fler block genom att klicka på ikonen '+' eller ta bort block du inte behöver.

De flesta av dessa block bör vara bekanta, men FunnelKit kommer med några egna block. Eftersom du använder en utcheckningsmall kommer designen redan att ha ett FunnelKit Checkout-block, så klicka för att välja detta block.

I menyn till höger ser du en lista över alla olika sektioner i Kassablocket, som Form Header, Rabattkod och Betalningsgateways.

Hur man anpassar kassasidan på en e-handelsbutik

Klicka helt enkelt för att expandera varje sektion och gör sedan dina ändringar.

Vanligtvis, om sektionen har en rubrik, underrubrik eller knapptext, kan du ändra den genom att skriva in den nya texten.

Hur man anpassar WooCommerce kassa-sida

Vissa sektioner är valfria, så du kan aktivera och inaktivera dem med en omkopplare.

Till exempel kanske du vill lägga till en expanderbar orderöversikt så att kunden kan se alla artiklar i sin varukorg.

Lägga till en kollapsbar orderöversikt till en e-handelsbutik

Du kan lägga till fler fält i kassan, eller ta bort de du inte behöver. Om du till exempel använder WooCommerce för att sälja digitala nedladdningar behöver du vanligtvis inte samla in någon leveransinformation.

Steg 4: Anpassa kassaformuläret

När du är nöjd med hur kassasidan ser ut är det dags att titta närmare på formulärfälten och göra eventuella nödvändiga ändringar.

För att göra detta, klicka på ‘Uppdatera’ för att spara dina ändringar och välj sedan ‘Tillbaka till kassan.’

Spara din anpassade WooCommerce-siddesign

Klicka nu på fliken 'Fält' för att se alla olika sektioner och fält som utgör kassan.

Du kan ordna om dessa fält med dra-och-släpp.

Lägga till fält i en utcheckningsformulär

För att lägga till fler fält, dra dem helt enkelt från den högra sektionen och släpp dem sedan på ditt formulär.

Du kan också organisera dessa fält i sektioner genom att klicka på knappen 'Lägg till sektion'.

Lägga till sektioner i ett formulär för webbutik

I popup-fönstret som visas, skriv helt enkelt in ett namn för sektionen. Eftersom kunderna kommer att se detta, är det en bra idé att lägga till en beskrivande, användbar rubrik.

När det är gjort, klicka på ‘Add.’

Anpassning av WooCommerce betalnings- och beställningsformulär

Du kan nu lägga till fält i sektionen med dra-och-släpp.

Vill du ta bort ett fält från kassaformuläret? Håll sedan muspekaren över fältet och klicka på det röda 'x'-ikonen när den visas.

Ta bort fält från ett WooCommerce betalnings- och beställningsformulär

För att anpassa några av FunnelKit-fälten, klicka helt enkelt på det fältet.

De inställningar du ser kan variera beroende på fältet, men du kan vanligtvis ändra dess etikett, lägga till ett platshållarvärde eller göra fältet obligatoriskt genom att markera rutan 'Krävs'.

Redigera fälten i ett onlineformulär för beställningar

När du är nöjd med hur kassanfälten är konfigurerade, glöm inte att klicka på 'Spara ändringar' för att lagra dina inställningar.

Steg 5: Få fler försäljningar med FunnelKit-optimeringar

För att få fler försäljningar är det en bra idé att aktivera några av FunnelKits optimeringar genom att klicka på fliken 'Optimizations'.

Skapa en högkonverterande WooCommerce-kassaflödessida

Här ser du alla olika optimeringar som kan göra utcheckningsprocessen enklare.

Det kostnadsfria FunnelKit-pluginet levereras med expresskasseknappar för alla de bästa WooCommerce-betalningsgateways. Detta gör att shoppare kan klicka på sin föredragna expresskasseknapp och betala med ett befintligt konto, liknande en köp nu-knapp.

Eftersom kunden inte behöver fylla i kassan, kan detta minska antalet övergivna kundvagnar och hjälpa dig att få fler försäljningar.

För att ställa in snabbkassa, välj 'Express Checkout Buttons' från menyn till vänster. Klicka sedan på knappen 'Aktivera' och använd rullgardinsmenyn 'Välj position' för att ändra var knappen visas på kassasidan.

Lägga till expresskassa i din webbutik

Var bara medveten om att du måste aktivera betalningsbegäransknappar inom dina Stripe-gatewayinställningar i WooCommerce för att använda knappen Apple Pay.

Därefter kanske du vill aktivera det förbättrade telefonfältet. När en kund anger sin leveransadress kan FunnelKit visa en landskapsflagga bredvid telefonfältet.

Lägga till en telefonflagg till ett betalningsformulär

Detta låter shoppare veta att de har skrivit rätt adress.

För att lägga till den här funktionen, välj 'Förbättrat telefonfält' från menyn till vänster och klicka sedan på knappen 'Ja' bredvid 'Aktivera'.

FunnelKits inställningar för konverteringsoptimering

På den här skärmen kan du också validera telefonnumret med hjälp av kundens valda land. Detta är ett sätt att kontrollera att kunden har angett ett giltigt telefonnummer.

För att aktivera denna kontroll, välj helt enkelt knappen ’Ja’ bredvid ’Validera telefonnummer.’

Slutligen kan du välja om telefonnumret ska sparas med landskod eller utan landskod. Om du säljer till en internationell publik är det oftast vettigt att välja ‘With country code.’

När du är nöjd med hur optimeringarna är inställda, klicka på 'Spara ändringar'.

Som du kan se har FunnelKit många fler optimeringar som kan hjälpa dig att få fler försäljningar. Detta inkluderar automatisk ifyllning av kundens fakturerings- och leveransadress, automatisk tillämpning av kuponger och förifyllning av utcheckningsformuläret för återkommande kunder.

För att låsa upp dessa kraftfulla WooCommerce-optimeringar behöver du uppgradera till FunnelKit Builder Pro.

Steg 6: Publicera den anpassade WooCommerce-kassasidan

Gratispluginet FunnelKit har många fler inställningar och funktioner som kan hjälpa dig att skapa en kassa-sida med hög konvertering. Detta är dock allt du behöver för att skapa en anpassad WooCommerce-kassa-sida.

När du är nöjd med hur kassasidan är inställd är det dags att göra den live genom att klicka på knappen 'Utkast'.

Publicera en anpassad WooCommerce-kassasida

Om du vill förhandsgranska sidan innan du publicerar den, klicka på 'Förhandsgranska'. Detta öppnar den anpassade kassasidan i en ny flik.

För att göra sidan live, ändra helt enkelt dess status från 'Utkast' till 'Publicerad' och klicka på knappen 'Uppdatera'. Nu, om du besöker din WordPress-webbplats, kommer du att se den anpassade kassasidan live.

FunnelKit kommer automatiskt att ersätta standardkassasidan i WooCommerce, så du behöver inte ändra några inställningar.

Ett exempel på en anpassad kassaflik

Metod 2. Anpassa din utcheckningssida med SeedProd

Du kan också skapa en anpassad WooCommerce-kassasida med hjälp av SeedProd.

Det är den bästa landningssidbyggaren som används av över 1 miljon webbplatser och kommer med över 180 professionellt utformade mallar, inklusive e-handelsmallar som du kan använda för att skapa försäljningssidor och lead-sugsid.

Ännu bättre, SeedProd har fullt stöd för WooCommerce och kommer till och med med speciella WooCommerce-block som du kan använda för att snabbt skapa en anpassad kassasida.

Flera av våra partner varumärken har designat hela sina webbplatser med det, och de har älskat hur användarvänligt det är. För mer information, se vår SeedProd-recension.

Eftersom det låter dig skapa alla typer av sidor är SeedProd ett utmärkt val om du vill anpassa andra sidor, eller till och med skapa ett anpassat WordPress-tema för din webbutik.

Steg 1: Installera och aktivera SeedProd-pluginet

Det första du behöver göra är att installera och aktivera pluginet. För mer information, se vår steg-för-steg-guide om hur man installerar ett WordPress-plugin.

Notera: Det finns en gratisversion av SeedProd, men för den här guiden kommer vi att använda Pro-versionen eftersom den har de inbyggda WooCommerce-blocken vi behöver. Den integreras också med e-postmarknadsföringstjänster som du kanske redan använder för att få fler försäljningar och konverteringar.

Efter aktivering, gå till SeedProd » Inställningar och ange din licensnyckel.

Ange SeedProd-licensnyckeln

Du kan hitta denna information under ditt konto på SeedProd-webbplatsen. Efter att ha angett licensen klickar du på knappen 'Verifiera nyckel'.

Steg 2: Välj en SeedProd-mall

Därefter går du till SeedProd » Landningssidor och klickar på 'Lägg till ny landningssida'.

Skapa en anpassad utcheckningssida med SeedProd

Välj sedan en mall för din anpassade kassasida.

SeedProds mallar är organiserade i olika kampanxtyper, som kommande och 404-sidor. Du kan klicka på flikarna högst upp på skärmen för att filtrera SeedProds mallar baserat på kampanxtyp.

Att välja en design som matchar den typ av sida du vill skapa hjälper dig att bygga sidan snabbare. Varje mall är dock helt anpassningsbar, så du kan alltid finjustera designen för att bättre passa din webbutik.

För den här guiden, välj 'Tom mall' så att du kan börja med en ren tavla.

För att välja en mall, för muspekaren över den och klicka sedan på 'Bock'-ikonen.

SeedProds professionellt designade mallar

Gå sedan vidare och skriv in ett namn för din anpassade kassasida. SeedProd kommer automatiskt att skapa en URL baserad på sidans titel.

Du kan ändra denna URL till vad du vill. Vi rekommenderar att hålla den enkel och beskrivande, som 'kassa' eller 'slutför-din-beställning'.

När du är nöjd med informationen du har angett, klicka på knappen 'Spara och börja redigera sidan'.

Hur man skapar en anpassad WooCommerce-kassasida med SeedProd

Detta tar dig till dra-och-släpp-redigeraren, där du kan bygga din anpassade WooCommerce-kassasida.

Steg 3: Designa en kassasida som konverterar bra

SeedProd-redigeraren visar en liveförhandsgranskning av din kassa-sida till höger och vissa blockinställningar till vänster.

SeedProd-sidbyggaren och redigeraren

Börja bara med att skapa en varumärkesanpassad rubrik.

Här kan du använda en sektion, som är en samling block som ofta används tillsammans. Klicka helt enkelt på fliken 'Sections' och välj sedan kategorin 'Header'.

Lägga till en sidhuvudsektion i en anpassad WooCommerce-kassa

Därefter för muspekaren över sektionen 'Rubrik 1' och klicka på 'Plus'-ikonen.

Detta lägger till en rubriksektion i din layout.

Hur man anpassar WooCommerce-utcheckningssidan med SeedProd

För att börja vill du ersätta platshållaren 'Din logotyp' genom att klicka för att välja det blocket.

Klicka sedan på ikonen ‘Välj bild’ i menyn till vänster.

Lägga till en logotyp på en webbutiks kassasida

Du kan nu välja en bild från mediabiblioteket eller ladda upp en ny fil från din dator.

Header 1-sektionen levereras med en navigeringsmeny. För att hjälpa till att hålla dina kunder fokuserade på att slutföra sitt köp, rekommenderar vi att ta bort denna. Det minskar distraktioner och hjälper till att guida shopparen mot kassa-knappen.

För att ta bort Navigeringsmeny-blocket, klicka helt enkelt för att markera det blocket. Klicka sedan på alternativet 'Ta bort block'.

Ta bort ett navigeringsblock från en SeedProd-siddesign

När du har gjort det, klicka på call to action-knappen.

Det är smart att ge shoppare en möjlighet att gå tillbaka till kundvagnssidan och lägga till fler artiklar eller ändra kvantiteten. Med det i åtanke, skriv in den uppmaning till handling som du vill använda för den här knappen, till exempel 'Visa kundvagn' eller liknande.

Lägga till en CTA-knapp på din webbutiks kassasida

Skriv sedan in URL:en till din WooCommerce-kassasida i fältet 'Länk'.

Nu kan shoppare besöka kundvagnssidan genom att klicka på denna knapp.

Lägga till en länk till utcheckningens Call To Action
Lägg till innehåll för merförsäljning och korsförsäljning

Därefter är det dags att välja en layout för resten av din kassasida.

Det är en bra idé att visa rekommenderade produkter i en sidopanel, eftersom detta uppmuntrar shoppare att lägga till fler artiklar i sin varukorg. Med det i åtanke, klicka på innehålls- och sidopanelslayouten under 'Välj din layout'.

Lägga till ett kassaflödesblock till en e-handelsmall

När du har gjort det, hitta blocket 'Kassa' i menyn till vänster och dra det till din layout.

Du kan helt anpassa hur din kassa ser ut med hjälp av inställningarna i menyn till vänster, inklusive att ändra färgschemat, teckensnitt, länkfärg, knappar och mer.

Anpassa SeedProds WooCommerce kasseblock

När du är nöjd med hur kassasektionen ser ut är det dags att lägga till en sektion för populära produkter eller rekommenderade produkter. Detta kan ge dig mer försäljning genom att marknadsföra ytterligare produkter som shoppare kanske vill köpa.

För att skapa den här sektionen, dra helt enkelt ett block för 'Mest sålda produkter' till din sida.

Visa dina bästsäljande WooCommerce-produkter på kassasidan

Du kan nu konfigurera detta block med hjälp av inställningarna i menyn till vänster. För mer information, se vår guide om hur man visar populära produkter i WooCommerce.

Därefter är det en bra idé att lägga till en rubrik ovanför de populära produkterna. Dra helt enkelt blocket 'Rubrik' till din sida och släpp det ovanför blocket för populära produkter.

Visa bästsäljande produkter på en anpassad utcheckningssida

Klicka sedan för att välja blocket 'Rubrik' och skriv in rubriken du vill använda.

Visa kundrecensioner och betyg

När du har gjort det, rekommenderar vi att du visar socialt bevis genom att lägga till ett block med kundomdömen. Hitta helt enkelt blocket 'Omdömen' och dra det till din layout.

Lägga till kundrecensioner på en anpassad WooCommerce-utcheckningssida

Du kan nu ändra hur vittnesmålen ser ut i din webbutik.

Till exempel, i menyn till vänster ser du inställningar för att ändra färgen på kommentarbubblan, ändra justeringen och lägga till fler kundrecensioner.

En annan bra idé är att visa ett stjärnbetyg under dina vittnesmål. Detta är ett utmärkt val om du redan har många positiva recensioner.

För att göra detta, hitta helt enkelt blocket ’Stjärnbetyg’ och dra det under vittnesmålsblocket.

Lägga till kundstjärnbetyg till din webbutiks utcheckningssida
Steg 4: Publicera WooCommerce-kassasidan

När du är nöjd med hur WooCommerce-kassidan ser ut är det dags att publicera den genom att klicka på nedåtpilen bredvid ‘Spara.’

Välj sedan alternativet 'Publicera'.

Publicera en anpassad WooCommerce-kassasida

Nu, om du besöker din butik, kommer du att se kassasidan live.

Proffstips: Konverteringsspårning kan hjälpa dig att se vad som fungerar på din kassa och vad som inte gör det. Du kan sedan använda denna insikt för att finjustera din kassa med hjälp av SeedProd. För mer information, se vår guide om hur man ställer in WooCommerce konverteringsspårning.

Steg 5: Tilldela din kassasida till WooCommerce

Vid det här laget har du publicerat den anpassade kassasidan, men din WordPress-blogg eller webbplats använder fortfarande standarddesignen. Du behöver ändra standard-URL-inställningarna så att WooCommerce skickar kunder till den nya kassasidan istället för standarden.

För att göra detta, gå till WooCommerce » Inställningar och klicka på fliken 'Avancerat'.

WooCommerce-pluginets e-handelsinställningar

Därefter öppnar du rullgardinsmenyn ‘Checkout page’ och börjar skriva in URL:en till den anpassade kassasidan du just skapade.

När rätt sida visas, klicka för att välja den.

Ändra standard WooCommerce-utcheckningssidan på din e-handelsbutik

När det är klart, scrolla ner till botten av sidan och klicka på ‘Spara ändringar’ för att spara dina inställningar. WooCommerce kommer nu att använda den anpassade kassan.

Bonus: Hur man minskar övergivna kassaflödessidor

Att skapa en anpassad, användarvänlig kassasida är ett bra första steg för att minska övergivenhet av varukorgar. Men designen är bara en del av pusslet.

I det här avsnittet delar vi med oss av några beprövade strategier som du kan använda för att ytterligare optimera processen och övertyga fler shoppare att slutföra sitt köp.

Undvik att lägga till några extra kassagebyrer

När en kund går till kassan förväntar de sig att totalsumman ska vara liknande produktpriset. Om de kommer till kassasidan och ser skatter, höga fraktkostnader och andra ytterligare avgifter, är chansen stor att de inte slutför köpet.

Ett exempel på en WooCommerce-kassa, med ytterligare avgifter

Vissa kunder kanske fortsätter med köpet om de tycker att kostnaderna är motiverade. Det är dock mycket bättre att vara öppen med din prissättning så att kunderna vet vad de kan förvänta sig.

Om du har många extra avgifter, rekommenderar vi att du lägger till dessa i dina produktpriser. Detta är mycket mindre förvirrande för kunden.

När det är möjligt är det också en bra idé att erbjuda gratis frakt.

Gör kontoskapande valfritt eller enklare

Att tvinga shoppare att skapa ett konto vid utcheckning lägger till mycket friktion i köpprocessen och kan öka andelen övergivna kundvagnar.

Du kan tillåta användarregistrering på din WordPress-webbplats, men du bör undvika att göra det obligatoriskt. Istället kan du tillåta kunder att handla som gäster men erbjuda dem en kupongkod om de skapar ett konto.

Ett exempel på ett formulär för nyhetsbrevsregistrering

På så sätt kan du generera leads och växa din e-postlista utan att förlora försäljning.

Erbjud fler betalningsalternativ i kassan

De flesta har en föredragen betalningsmetod. Det kan vara PayPal-kontot som är sparat på kundens dator eller kreditkortet som finns nära till hands.

Shoppare kan överge din kassasida om du inte stöder deras favorits betalningsmetod. Även om det är omöjligt att erbjuda alla metoder, bör du sträva efter att erbjuda de vanligaste betalningsalternativen.

En WooCommerce-utcheckningssida med flera betalningsalternativ

För mer information, se vår lista över de bästa WooCommerce-betalningsgateways för WordPress.

Visa ett tidsbegränsat popup-fönster

Du kan också minska övergivna kundvagnar med ett tidsinställt popup-fönster.

OptinMonster är det bästa WordPress popup-pluginet och har en unik Exit-Intent®-teknik som kan visa popups exakt när en kund är på väg att lämna kassasidan.

Du kan till och med använda OptinMonster för att erbjuda shoppare en speciell rabattkod om de slutför köpet nu.

Ett popup-fönster för övergiven kundvagn, skapat med OptinMonster
Ställ in push-meddelanden för övergivna kundvagnar

Ett annat bra sätt att minska övergivna kundvagnar är att ställa in webbpush-notiser.

Dessa aviseringar visas i användarnas mobil- och webbläsare, även när de inte är på din webbplats. Detta gör det enkelt att nå kunder och påminna dem om att handla.

PushEngage används av över 25 000 smarta företagare, och det är den bästa programvaran för webb push-notiser på marknaden. Den låter dig enkelt skapa WooCommerce-kampanjer för övergivna kundvagnar.

Ett exempel på en avisering om övergiven kundvagn

Du kan också ställa in kampanjer för övergiven kundvagn, prisuppdateringsvarningar, nya produktmeddelanden, lagervarningar och mer.

Skapa en anpassad WooCommerce-varukorgssida

Efter att ha optimerat WooCommerce kassasida, kanske du också vill överväga att anpassa din WooCommerce kundvagnssida.

Genom att optimera både kundvagns- och kassasidorna kan du få hela köpprocessen att kännas enkel så att du inte missar några försäljningar. Du kan också designa båda sidorna för att ha samma varumärkesprofil så att besökarna får en konsekvent kassaupplevelse.

För detaljerade steg-för-steg-instruktioner, se vår guide om hur man skapar en anpassad WooCommerce-kundvagnssida.

Vanliga frågor om anpassning av WooCommerce-kassa

Här är några frågor som våra läsare ofta har ställt om att förbättra sin WooCommerce-kassasida:

Hur lägger jag till ett anpassat fält i WooCommerce-kassan?

Det enklaste sättet att lägga till ett anpassat fält är att använda ett plugin för kassaredigering som FunnelKit Builder. Det ger ett visuellt, dra-och-släpp-gränssnitt för att lägga till, ta bort och ordna om fält på din kassaformulär utan att behöva skriva någon kod.

Hur anpassar jag WooCommerce-sidor?

Det bästa sättet att anpassa alla WooCommerce-sidor (som butik, kundvagn eller kassa) är med ett sidbyggarplugin som SeedProd. Det låter dig skapa helt anpassade layouter och designer med en dra-och-släpp-redigerare, vilket ger dig fullständig kontroll över din butiks utseende och känsla.

För mer information, se vår nybörjarguide om att redigera WooCommerce-sidor.

Hur ändrar jag texten på min WooCommerce-kassasida?

Du kan enkelt ändra text på kassasidan, som rubriker eller knapptexter, med hjälp av ett plugin som FunnelKit Builder.

Dess redigerare låter dig direkt klicka på och skriva om textelementen. För mer komplexa ändringar kan ett översättningsplugin också användas för att hitta och ersätta specifika textsträngar.

Hur redigerar jag WooCommerce checkout shortcode?

Du kan inte direkt redigera [woocommerce_checkout] shortcode, eftersom dess innehåll genereras av WooCommerce mallfiler.

För att anpassa dess utdata bör du använda ett plugin som FunnelKit eller SeedProd för att skapa en ny design för kassasidan, som sedan kommer att ersätta standardutdata från shortcode.

Vi hoppas att den här artikeln hjälpte dig att enkelt anpassa WooCommerce-kassidan. Du kanske också vill se vår guide om hur man skapar ett WooCommerce-popup för att öka försäljningen och vårt expertval av bästa WooCommerce-plugins för din butik.

Om du gillade den här artikeln, prenumerera då på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.

Upplysning: Vårt innehåll stöds av läsarna. Det innebär att om du klickar på några av våra länkar kan vi tjäna en provision. Se hur WPBeginner finansieras, varför det är viktigt och hur du kan stödja oss. Här är vår redaktionella process.

Det ultimata WordPress-verktyget

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som alla proffs bör ha!

Läsarnas interaktioner

1 CommentLeave a Reply

  1. Så mycket information på ett ställe, det är helt fantastiskt. Jag älskar WooCommerce eftersom det ger mig stor flexibilitet att anpassa min butik. Tack vare era guider har jag redan lyckats modifiera och styla många saker för att passa mitt varumärke, och jag vill fortsätta så att hela webbplatsen återspeglar mitt varumärke snarare än standard WooCommerce eller tema. Tack så mycket för fler praktiska tips om hur man anpassar även kassan.

Lämna ett svar

Tack för att du väljer att lämna en kommentar. Tänk på att alla kommentarer modereras enligt vår kommentarspolicy, och din e-postadress kommer INTE att publiceras. Använd INTE nyckelord i namn fältet. Låt oss ha en personlig och meningsfull konversation.