Vill du skapa en anpassad kassasida i WooCommerce?
En kassasida är utgångspunkten för alla e-handelsbutiker. Det är här dina kunder kommer att ange sina kreditkortsuppgifter och slutföra sin betalning.
Det gör detta till en av de viktigaste sidorna på din webbplats.
WooCommerce kommer med en standardutcheckningssida, men den har en generisk layout. Och den här sidan kanske inte omvandlar alla dina köpare till kunder.
Du måste anpassa kassasidan för att locka kunder, se till att de lägger till alla sina kontaktuppgifter och slutför beställningen.
I den här artikeln kommer vi att visa dig hur du skapar en anpassad kassasida i WooCommerce.
Men först, låt oss förtydliga varför du skulle vilja anpassa din WooCommerce kassasida i första hand.
Varför skulle du skapa en anpassad kassasida?
Om du precis har börjat med WooCommerce kan du ha en kassasida igång. Dessa genereras av WooCommerce och hjälper nya webbutiksägare att generera försäljning från dag ett.
Men standardanpassaren för WordPress har begränsade alternativ för att ändra stilen och utseendet på WooCommerce-utcheckningssidan.
Det betyder att din kassasida kanske inte tilltalar din målgrupp eller återspeglar det unika med ditt varumärke.
Dessutom kan du missa möjligheter att öka dina kunders genomsnittliga ordervärde (AOV) genom merförsäljning, korsförsäljning eller nedförsäljning.
Kort sagt, genom att anpassa din WooCommerce kassasida kan du:
- Minska att vagnen överges
- Engagera dina användare
- Förbättra användarupplevelsen (UX)
- Öka dina kunders AOV
Och mycket mer.
Dessutom, genom att lägga till en anpassad WooCommerce kassasida på din webbplats får du mer kontroll över din sidlayout och webbplatsens varumärke.
Detta kan hjälpa kunderna genom kassaprocessen och förhoppningsvis inspirera till återkommande affärer med alla dina kunder.
Men återigen, detta är svårt att göra med den inbyggda WooCommerce kassasidan.
Ett bättre alternativ skulle vara att använda ett verktyg som SeedProd, det bästa plugin-programmet för att bygga målsidor för WordPress.
SeedProd kommer med en kodfri dra och släpp-redigerare som låter dig anpassa din kassasida helt. Den tillhandahåller också inbyggda stilalternativ, inklusive layouter, rubriker, anpassade fält, knappar, varningar, vagnstyling och mycket mer.
Med den visuella redigeraren kan du välja layouter med en eller två kolumner, ändra teckensnitt, färger, mallar för inmatningsfält och mer. SeedProd låter dig också anpassa hela kassasidans design och matcha den med din e-handelswebbplats varumärke för att öka försäljningen.
Det finns också WooCommerce-specifika block som låter dig skapa kassasidor på några minuter. Och återigen, inga kodningskunskaper krävs.
Med det i åtanke, låt oss skapa en anpassad kassasida i WooCommerce för att öka försäljningen och intäkterna.
Skapa en anpassad WooCommerce kassasida
Det första du behöver göra är att installera och aktivera SeedProd-plugin.
Har du aldrig installerat ett plugin tidigare? Inga problem. Du kan alltid kolla in vår guide om hur du installerar ett WordPress-plugin.
Vid aktivering måste du besöka SeedProd »Sidor i ditt WordPress-administratörsområde. Därifrån klickar du på Lägg till ny målsida knapp.
Det kommer att visa alla SeedProd-målsidesmallar. För en anpassad kassasida i WooCommerce kan du välja den tomma mallen.
Lägg sedan till ett namn på din kassasida som automatiskt genererar webbadressen till din kassasida. Du bör veta att det finns en standardsida för “checkout” för WooCommerce, så du måste ge den här anpassade sidan ett annat namn.
Låt oss kalla det “anpassad betalning”.
Klicka på Spara och börja redigera sidan knapp. Detta öppnar SeedProd-målsidans byggare.
Hitta “Betala”-blocket på vänster sida och dra det till höger sida av skärmen.
Detta kommer automatiskt att ställa in den anpassade kassasidan. Klicka på höger sida av skärmen så visas det Stilar alternativ på vänster sida.
I layoutsektionen kan du välja en layout med en eller två kolumner. Den erbjuder också anpassade rubriker, fält, knappar och varningar.
Med dessa inställningar kan du anpassa teckensnitt, bakgrund, knappfärger, text och andra alternativ.
Du kan också byta till Mallar ögonhår. Det är här du kan välja en stil för dina inmatningsfält.
Härifrån är dina designmöjligheter bokstavligen obegränsade. Du kan lägga till nya kolumner, funktioner och “block” på din sida för att anpassa den efter dina önskemål.
Börja med att välja kolumnlayouter för att anpassa utseendet på din sida:
Och sedan kan du dra och släppa olika element på plats:
Detta låter dig lägga till anpassade funktioner på några sekunder, inklusive:
- Rekommendationer
- Produktbilder
- Aviseringar om socialt bevis
- Kundrecensioner/betyg
- Ditt varumärkes logotyp och meddelanden
- Merförsäljning/korsförsäljning av produkter
Och mycket mer.
När du är nöjd med alla sidinställningar klickar du på Spara i det övre högra hörnet av skärmen.
Nu måste du gå tillbaka till din WordPress-adminpanel och besöka WooCommerce »Inställningar sida.
I det Avancerad fliken, kommer du att se flera sidinställningar. Klicka på Betalningssida rullgardinsmenyn och välj den anpassade kassasidan du skapade med SeedProds målsidesbyggare.
Scrolla till botten av sidan och klicka på Spara ändringar knapp. Den här anpassade kassasidan kommer nu att ersätta standardutcheckningssidan för WooCommerce.
Det är allt för nu! Vi hoppas att den här artikeln hjälpte dig att lära dig hur du skapar en anpassad kassasida i WooCommerce.
Du kan också kolla in vår guide om hur du fixar WooCommerce e-postproblem.
Detta kommer att ytterligare förbättra dina kunders upplevelse med e-postmeddelanden och varningar i din WooCommerce-butik.
