När vi började testa metoder för optimering av kassan blev en sak kristallklar: ju färre klick till köp, desto bättre.
Moderna shoppare förväntar sig Amazon-liknande bekvämlighet, och att lägga till engångskassa på din WordPress-webbplats kan ge dem precis det.
Vi har grundligt testat flera one-click checkout-lösningar och jämfört allt från WooCommerce-tillägg till plugins som WPForms. Denna forskning har avslöjat 5 distinkta metoder, var och en med sina egna fördelar för olika typer av företag.
Och i den här guiden visar vi dig dessa 5 testade metoder för att lägga till one-click checkout i WordPress.
💡Snabbt svar: För de flesta användare som vill sälja en enda produkt eller tjänst är det enklaste sättet att skapa en snabb kassasida att använda WPForms. För fullständiga e-handelsbutiker erbjuder FunnelKit de mest kraftfulla expresskassefunktionerna.
Den här guiden visar dig 5 beprövade metoder för att skapa en snabbare kassaupplevelse i WordPress, så att du kan välja den bästa metoden för din verksamhet.
Varför behöver du skapa en one-click-utcheckning i WordPress?
En express- eller engångskassa låter kunder köpa varor online utan att behöva ange sina leverans-, fakturerings- och betalningsuppgifter varje gång de gör ett köp.
Detta fungerar som en avancerad funktion för automatisk komplettering. Istället för att helt kringgå kassasidan, fyller den säkert i användarens sparade uppgifter, vilket gör processen mycket snabbare.
Besökare kan slutföra sina köp snabbt, vilket leder till högre konverteringsgrad och reducerad andel avbrutna kundvagnar.
Oavsett om du har en onlinebutik, en tjänsteverksamhet eller en medlemswebbplats, är det ett enkelt sätt att öka försäljningen.
Med det sagt kommer vi att gå igenom de fem metoderna för att lägga till en engångskassa i WordPress:
- Create a One-Click Checkout Using WPForms (Easy + Free Option)
- Create a One-Click Checkout Using WP Simple Pay (Multiple Payment Methods)
- Create a One-Click Checkout Using Easy Digital Downloads (Digital Products)
- Create a One-Click Checkout Using FunnelKit (eCommerce Stores)
- Create a One-Click Checkout Using WooCommerce (Free)
- Vanliga frågor om engångskassor
Metod 1: Skapa ett snabbt kassaformulär med WPForms (enkel + gratis alternativ)
WPForms är perfekt för att skapa enkla betalningssidor eller beställningsformulär.
Den här metoden är idealisk för att sälja en enskild produkt, erbjuda en tjänst eller samla in donationer, eftersom den ger en strömlinjeformad kassaupplevelse.
Den integreras med Stripe Link, vilket gör att du kan skapa ett formulär som säkert sparar och förifyller kundens betalningsuppgifter för en mycket snabbare kassaprocess.
WPForms är en kraftfull formulärbyggare som låter dig skapa alla typer av formulär med ett enkelt dra-och-släpp-gränssnitt. Dessutom, med över 2000 mallar att välja mellan, kan du praktiskt taget hitta alla formulärtyper, vilket innebär att du aldrig behöver börja från noll.
På WPBeginner har vi använt pluginet för att skapa kontaktformulär och årliga undersökningar och har funnit det vara mycket nybörjarvänligt. För mer information, se vår WPForms-recension.
Steg 1: Installera WPForms och anslut till Stripe
För att börja, ladda ner och aktivera WPForms-pluginet. För mer information, se vår guide om hur man installerar ett WordPress-plugin.
Efter aktivering, gå till sidan WPForms » Inställningar från din WordPress-adminpanel. Gå sedan till fliken Betalningar.
Under Stripe måste du trycka på knappen ‘Anslut med Stripe’.
Detta omdirigerar dig till Stripe-anslutningsguiden, där du kan ansluta till ditt befintliga konto eller skapa ett nytt konto.
Följ stegen i Stripe-anslutningsguiden.
Efter att ha slutfört stegen kommer du att tas tillbaka till WordPress-instrumentpanelen.
Du bör se en grön bock som indikerar att ditt Stripe-konto nu är anslutet till WPForms.
Steg 2: Skapa ditt betalningsformulär
Nu kan du börja ta emot betalningar på din webbplats och är redo att skapa ditt betalningsformulär.
Gå till WPForms » Lägg till ny. Härifrån kan du namnge ditt formulär, vilket kommer att vara användbart för framtida referens.
Välj sedan en mall för betalningsformulär som passar dina behov.
För den här handledningen använder vi Stripe Payment Form-mallen. Under mallen klickar du på ‘Använd mall’.
Du kommer att tas till dra-och-släpp-formulärredigeraren, där du enkelt kan anpassa formuläret efter dina behov.
När du vill lägga till ett fält, dra och släpp det bara från panelen 'Lägg till fält' till vänster till höger sida. För att redigera fälten, klicka på elementet, och du kan göra justeringar under 'Fältalternativ'.
Till exempel, om du skulle skapa ett grossistformulär, kan du redigera fältet med flera val med radio-knappar.
Klicka sedan på elementet, och under ‘Fältalternativ’ kan du lägga till de olika produkterna.
Steg 3: Aktivera Express Checkout
Du behöver nu aktivera Stripe Link. Det är en enkel klick-betalningslösning som säkert lagrar alla kunduppgifter och låter köpare återanvända dem på din webbplats.
Eftersom Stripe använder PCI-kompatibla servrar på nivå 1, hanteras känslig betalningsinformation på deras säkra servrar, inte på din egen webbplats. Detta minskar din säkerhetsbörda avsevärt.
För att aktivera Stripe Link-kassaalternativet, gå till sidan Inställningar » Betalningar i Stripe. Gå sedan till fliken Betalningsmetoder.
Härifrån väljer du menyn ‘WPForms LLC’ för Välj plattform.
Detta ansluter alla tillgängliga betalningsmetoder från ditt Stripe-konto till WPForms.
Skrolla ner på sidan så ser du de olika betalningsmetoderna och inställningarna för WPForms.
Se till att Link-alternativet för expresskassa är Aktivt.
Efter det, gå tillbaka till WordPress för att slutföra skapandet av ditt betalningsformulär. Gå till fliken Betalningar » Stripe.
Aktivera sedan alternativet ‘Aktivera engångsbetalningar’ så att Stripe är aktiverat på ditt formulär.
Steg 4: Bädda in och publicera ditt formulär
När du är klar med det, klicka på knappen 'Spara'.
Klicka sedan på ‘Bädda in’.
Du bör se ett popup-meddelande. Här kan du välja att bädda in detta formulär på en befintlig sida eller skapa en ny sida.
Förutsatt att du redan har en kassasida, trycker vi på knappen 'Select Existing Page'.
Formuläret bör automatiskt bäddas in på den sida du väljer.
Därifrån klickar du bara på knappen 'Publicera' eller 'Uppdatera' högst upp.
Se till att förhandsgranska betalningsformuläret och se om betalningarna går igenom till ditt Stripe-konto.
När den är aktiverad kommer den att förifylla deras kreditkortsuppgifter som är sparade på Stripe.
Tänk på att kunder med Stripe-konton kommer att uppmanas att ange en engångskod för autentisering för att använda Link.
Metod 2: Skapa en snabb kassasida med WP Simple Pay (flera betalningsmetoder)
WP Simple Pay är ett annat utmärkt val för att skapa fristående betalningssidor.
Det är det bästa alternativet om du vill erbjuda flera expresskassa-metoder, inte bara Stripe Link.
Vid testning fann vi att pluginet stöder över 13 betalningsmetoder, inklusive Google Pay, Apple Pay och Venmo. Detta ger dina kunder flexibiliteten att betala med sitt föredragna sparade alternativ, vilket gör processen otroligt snabb.
För mer information om verktyget kan du se vår recension av WP Simple Pay.
Steg 1: Installera WP Simple Pay och anslut Stripe
För att komma igång, installera och aktivera WP Simple Pay-pluginet. Efter aktivering kommer du att tas till installationsguiden, som guidar dig genom processen att acceptera betalningar på din webbplats.
Se till att följa stegen hela vägen.
Du kommer också att bli ombedd att ansluta ditt Stripe-konto. Om du inte har ett Stripe-konto kan du skapa ett.
När du har slutfört installationsguiden visas en framgångssida som bekräftar att installationen är klar.
Gå sedan till sidan WP Simple Pay » Inställningar. Under fliken Stripe, se till att Stripe-kontot är anslutet och att du är i ‘Live-läge’.
Steg 2: Aktivera alternativ för expresskassa
Innan du skapar ditt betalningsformulär måste du också se till att Stripe Link är aktiverat.
För att göra det, gå till fliken Inställningar » Allmänt. Kontrollera sedan rutan 'Ny betalningsupplevelse' under fliken Avancerat.
Härifrån är du redo att börja anpassa ditt betalningsformulär.
Steg 3: Skapa och anpassa ditt betalningsformulär
Gå till WP Simple Pay » Lägg till ny, så kommer du till ett bibliotek med tillgängliga mallar.
Du kan välja vilken mall som helst som passar dina behov, men vi kommer att använda mallen Payment Form för den här handledningen. Under mallnamnet, välj 'Use Template'.
Därefter kommer du att tas till en formulärbyggare. Under fliken Allmänt kan du fylla i nödvändig information.
Ge formuläret en titel och beskrivning. Du kan också markera alternativen för CAPTCHA och e-postverifiering för att förhindra spam-inlämningar.
Därifrån navigerar du till fliken Betalning så att du kan börja justera pris- och valutainställningarna.
Du kan också ställa in prissättningen till ett engångs- eller prenumerationsalternativ.
Nedanför det kan du ha ett brett utbud av betalningsmetoder att välja mellan.
Klicka på kryssrutorna för de alternativ du vill acceptera.
I fliken Formfälts kan du lägga till alla fält du vill genom att välja dem från rullgardinsmenyn och klicka på ‘Lägg till fält’. Du kan också redigera dina befintliga fält.
För att aktivera Stripe Link, expandera rullgardinsmenyn E-postadress. Klicka sedan på kryssrutan under 'Erbjud sparade betalningsmetoder'.
Gå sedan till ditt Stripe-konto. Gå till sidan Inställningar » Betalningar.
Under fliken Betalningsmetoder, välj 'WP Simple Pay' från rullgardinsmenyn 'Välj plattform'.
Gå sedan tillbaka till WordPress och slutför anpassningen av ditt betalningsformulär.
Steg 4: Publicera och lägg till formuläret på din webbplats
När din formuläranpassning är klar, fortsätt och klicka på 'Publicera'.
Nu kan du gå till vilken sida du vill och lägga till det nyskapade formuläret.
Klicka på '+'-ikonen och lägg sedan till WP Simple Pay-blocket.
Välj sedan betalningsformuläret du just skapat, och det bör visas på sidan.
Klicka på knappen ‘Publicera’ eller ‘Uppdatera’ högst upp.
Nu har du framgångsrikt skapat en engångskassa-upplevelse med WP Simple Pay.
Se till att förhandsgranska formuläret för att säkerställa att det fungerar.
Metod 3: Skapa en One-Click Checkout i WordPress med Easy Digital Downloads (Digitala Produkter)
Om du säljer digitala produkter finns det ingen bättre plugin för att skapa en one-click checkout i WordPress än Easy Digital Downloads.
Med över 50 000+ användare låter detta plugin dig enkelt hantera och sälja digitala produkter som e-böcker, PDF-filer, ljud, onlinekurser, mallar och mer.
Flera av våra partner varumärken använder det för att sälja sina plugins och har haft en utmärkt erfarenhet. För mer information, se vår Easy Digital Downloads-recension.
Steg 1: Installera och aktivera EDD
För att komma igång måste du installera och aktivera Easy Digital Downloads. Efter aktivering skapar plugin automatiskt en kassa- och kundvagnssida åt dig.
Du kan skapa en snabbare kassaflöde genom att lägga till en 'Köp nu'-knapp med EDD. Denna knapp effektiviserar köpet genom att kringgå steget 'Lägg i varukorg' och ta kunden direkt till kassan för att slutföra sin betalning.
För den här handledningen antar vi att du redan har en digital produkt skapad på EDD. Men om du inte har det, vill du läsa vår nybörjarguide om hur man säljer digitala nedladdningar på WordPress.
Steg 2: Anslut till ditt Stripe-konto
För att ansluta ditt Stripe-konto med EDD, gå till sidan Nedladdningar » Inställningar i WordPress adminpanel.
Under fliken Betalningar » Stripe vill du klicka på ‘Anslut med Stripe’.
Du kommer att dirigeras till Stripe Connect Wizard.
Anslut helt enkelt ditt befintliga Stripe-konto eller skapa ett nytt.
När du är ansluten kommer du att dirigeras tillbaka till WordPress.
Du bör se att Stripe är ett av betalningsalternativen som är markerade under fliken Allmänt.
Steg 2: Aktivera Stripe Link
Därefter måste du gå tillbaka till ditt Stripe-konto. Gå sedan till sidan Inställningar » Betalningar.
Under fliken Betalningsmetoder, se till att välja alternativet 'Easy Digital Downloads' från rullgardinsmenyn 'Välj plattform'.
Genom att göra detta, varje gång någon köper dina digitala produkter, kommer Stripe Link att aktiveras och deras kreditkortsinformation kommer att fyllas i automatiskt i fälten.
Steg 3: Lägg till en 'Köp nu'-knapp till din produkt
Gå sedan till sidan Downloads » Downloads. Hitta sedan en digital produkt som du vill lägga till köpknappen till och klicka på 'Edit'.
När du är i blockredigeraren klickar du på widgeten i det svarta sidofältet högst upp.
Bläddra ner i panelen tills du når Knappalternativ. Välj där 'Buy Now' från rullgardinsmenyn.
Sedan trycker du på knappen 'Publicera' eller 'Uppdatera'.
Härifrån kan du förhandsgranska din sida, och du bör se en 'Kassa'-knapp längst ner på din produktsida, som tar dig direkt till kassasidan. Sedan kan du ange din e-postadress, och Stripe kommer att fylla i dina fakturerings- och betalningsuppgifter automatiskt.
Metod 4: Skapa ett engångsköp i WordPress med FunnelKit (e-handelsbutiker)
Om du har en e-handelsbutik är FunnelKit Funnel Builder det bästa valet för att ställa in din expresskassa.
Denna populära säljtrattbyggare låter dig enkelt skapa en högkonverterande säljtratt för att öka ditt genomsnittliga ordervärde, minska övergivna kundvagnar och fånga fler leads.
Vid utvärdering upptäckte vi att du kan göra allt från att skapa leadfångstsidor och order-bumps till att skapa kassaformulär och skjutbara sidovagnar. Bäst av allt är att du inte behöver skriva någon kod.
För att lära dig mer, se vår Funnelkit Funnel Builder-recension.
För den här metoden måste du redan ha konfigurerat dina produktsidor för WooCommerce. Om du inte har konfigurerat din butik ännu, kolla in vår kompletta steg-för-steg WooCommerce-handledning.
Steg 1: Installera FunnelKit och anslut Stripe
För att komma igång, installera och aktivera FunnelKit Automation-pluginet. Efter aktivering, gå till FunnelKit » Cart. Du vill aktivera alternativet 'Enable Cart'. Under fliken 'Express Checkout', klicka på 'Connect with Stripe'.
Därefter kommer du till Stripe Connect Wizard.
Följ helt enkelt stegen för att ansluta ditt Stripe-konto till FunnelKit eller skapa ett nytt konto.
När ditt Stripe-konto är anslutet till FunnelKit, kommer du att skickas tillbaka till WordPress.
Du vill aktivera alternativet ‘Kreditkort (Stripe)’ och sedan klicka på ‘Spara och fortsätt.’
Steg 2: Konfigurera Stripe Webhook och betalningsalternativ
Därefter kommer du att bli ombedd att konfigurera en webhook så att du automatiskt kan bearbeta betalningar med ett enda klick.
Klicka på ‘Konfigurera webhook nu.’
Härifrån behöver du aktivera expressutcheckningsalternativet för Google Pay och Apple Pay.
Klicka sedan på knappen 'Bekräfta'.
Du bör se ett bekräftelsemeddelande som säger att Stripe-konfigurationen är lyckad.
Välj gärna läget 'Live' om du är redo att börja ta emot betalningar. Annars kan du välja alternativet 'Test' för tillfället. Klicka sedan på 'Spara och granska inställningar'.
Steg 3: Aktivera expresskassa på din varukorgssida
Därefter vill du gå tillbaka till FunnelKit » Kundvagn. Slå sedan på alternativet 'Aktivera Express Checkout i kundvagnen' under fliken Express Checkout.
Klicka sedan på knappen 'Spara' för att spara ändringarna.
När det är aktiverat är du redo att köra.
Gå bara till en aktiv produktsida för att se den i aktion.
När en kund väljer alternativet 'Betala nu' kommer ett fönster att dyka upp.
Alla betalningsuppgifter som sparats i deras Google- och Apple Pay-konton kommer automatiskt att visas.
Metod 5: Skapa en One-Click Checkout i WordPress med WooCommerce (Gratis)
Om du vill ha en gratis metod för att lägga till engångskassan till din WooCommerce-butik, kan du ladda ner pluginet Direct Checkout for WooCommerce.
Det är ett gratis plugin som lägger till en köpknapp med ett klick till din butik. Detta ger en äkta köpupplevelse med ett klick för inloggade kunder som har sparat sin betalnings- och leveransinformation. När de klickar på knappen placeras ordern omedelbart.
För nya eller gästande besökare tar knappen dem helt enkelt direkt till den vanliga kassasidan och hoppar över kundvagnen.
Steg 1: Konfigurera inställningar för expresskassa
Gå efter aktivering till sidan WooCommerce » Inställningar. Navigera sedan till Betalningar » Expresskassa.
Klicka här på kryssrutan som säger 'Aktivera Express Checkout'.
Pluginet erbjuder ett brett utbud av anpassningar. Du kan anpassa var du vill att knappen för engångsköp ska visas, samt färgen på knappen och den visade texten.
Steg 2: Kontrollera din produktsida
Nu är du redo.
Gå helt enkelt till en produktsida eller din butiksida för att se knappen för one-click-utcheckning.
Vanliga frågor om engångskassor
Här är några frågor som våra läsare ofta har ställt innan de lägger till engångskassor på sina webbplatser:
1. Vad är skillnaden mellan engångskassa och expresskassa?
En äkta engångskassa är för återkommande kunder som är inloggade på din webbplats och har sina betalningsuppgifter sparade. De klickar på en knapp och köpet görs omedelbart.
En expresskassa (med Apple Pay, Google Pay eller Stripe Link) är för alla kunder. Den snabbar upp processen genom att förfylla deras sparade betalnings- och leveransinformation, men de behöver fortfarande bekräfta det slutliga köpet.
2. Vilken betalningsmetod är bäst om jag inte säljer produkter, utan en tjänst?
För att sälja tjänster, enstaka varor eller samla in donationer är det bästa tillvägagångssättet att skapa ett snabbt betalningsformulär med ett plugin som WPForms eller WP Simple Pay.
Dessa verktyg låter dig bygga en enkel, dedikerad sida för betalning utan att behöva en fullständig e-handelsuppsättning som WooCommerce.
3. Behöver jag ett SSL-certifikat för att använda dessa betalningsmetoder?
Ja, ett SSL-certifikat är viktigt för att säkert hantera alla betalningar på din webbplats. Det krypterar anslutningen mellan kundens webbläsare och din server, vilket skyddar deras data. De flesta bra WordPress-värdleverantörer erbjuder ett gratis SSL-certifikat som du enkelt kan aktivera.
4. Kräver alla dessa metoder att jag har ett Stripe-konto?
Ja, alla fem metoder som beskrivs i den här guiden förlitar sig på Stripe för betalningshantering.
Stripe är plattformen som säkert driver expressbetalningsfunktioner som Stripe Link, Google Pay och Apple Pay. Du måste skapa ett gratis Stripe-konto för att ansluta till något av dessa plugins.
Vi hoppas att den här artikeln hjälpte dig att lära dig hur du skapar en one-click checkout i WordPress. Du kanske också vill se vår lista över de bästa WooCommerce-plugins för din butik och vår handledning om hur man säljer en enskild produkt online i WordPress.
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.
Moinuddin Waheed
Enklicksutcheckningsprocessen är ett måste för att säkerställa smidiga transaktioner.
Jag har sett och insett själv att ju mer komplicerad utcheckningsprocessen är, desto mindre chans till konvertering finns det.
Att ha en enklicksutcheckningsprocess är bra för både användaren och webbplatsägarna.
Det är bra att se hur enkelt enklicksutcheckning kan implementeras med wpforms.